:root{--canvas: #0a1628;--panel: #0e1d33;--card: #132035;--raised: #1a2a44;--control: #22324f;--hairline: #1e2d45;--border-strong: #22324f;--ink: #f1f5f9;--ink-2: #cbd5e1;--ink-3: #94a3b8;--ink-4: #64748b;--accent: #0ea5e9;--accent-bright: #38bdf8;--on-accent: #04121d;--teal: #14b8a6;--teal-bright: #2dd4bf;--good: #22c55e;--good-bright: #4ade80;--warn: #f59e0b;--warn-bright: #fbbf24;--block: #ef4444;--block-bright: #f87171;--link-hover: #7dd3fc;--accent-rgb: 14, 165, 233;--teal-rgb: 20, 184, 166;--good-rgb: 34, 197, 94;--warn-rgb: 245, 158, 11;--block-rgb: 239, 68, 68;--shadow-rgb: 2, 8, 18;--font-ui: Inter, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}:root[data-theme=light]{--canvas: #f1f5f9;--panel: #ffffff;--card: #ffffff;--raised: #f8fafc;--control: #e2e8f0;--hairline: #e2e8f0;--border-strong: #cbd5e1;--ink: #0f172a;--ink-2: #334155;--ink-3: #64748b;--ink-4: #94a3b8;--accent: #0284c7;--accent-bright: #0369a1;--on-accent: #ffffff;--teal: #0d9488;--teal-bright: #0f766e;--good: #16a34a;--good-bright: #15803d;--warn: #d97706;--warn-bright: #b45309;--block: #dc2626;--block-bright: #b91c1c;--link-hover: #075985;--accent-rgb: 2, 132, 199;--teal-rgb: 13, 148, 136;--good-rgb: 22, 163, 74;--warn-rgb: 217, 119, 6;--block-rgb: 220, 38, 38;--shadow-rgb: 15, 23, 42}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased}a{color:var(--accent-bright);text-decoration:none}a:hover{color:var(--link-hover)}button,input,select{font-family:var(--font-ui)}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.btn{white-space:nowrap;border-radius:8px;padding:8px 13px;font:600 12.5px/1 var(--font-ui);cursor:pointer;border:1px solid transparent}.btn-ghost{background:var(--raised);border-color:var(--border-strong);color:var(--ink-2)}.btn-ghost:hover{background:var(--control)}.btn-primary{background:var(--accent);border:none;padding:8px 14px;color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-good{background:var(--good);border:none;padding:8px 16px;font-weight:700;color:var(--on-accent)}.btn-disabled{background:var(--raised);border-color:var(--border-strong);color:var(--ink-4);cursor:not-allowed}.btn-sm{border-radius:7px;padding:6px 13px;font:600 12px/1 var(--font-ui)}.card{background:var(--card);border:1px solid var(--hairline);border-radius:12px}:root[data-theme=light] .card{box-shadow:0 1px 2px #0f172a0d}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font:600 10px/1.5 var(--font-ui);letter-spacing:.05em;white-space:nowrap}.pill-lg{padding:4px 10px;font:600 11px/1.4 var(--font-ui)}.pill-good{background:rgba(var(--good-rgb),.14);color:var(--good-bright);border:1px solid rgba(var(--good-rgb),.4)}.pill-warn{background:rgba(var(--warn-rgb),.15);color:var(--warn-bright);border:1px solid rgba(var(--warn-rgb),.45)}.pill-block{background:rgba(var(--block-rgb),.14);color:var(--block-bright);border:1px solid rgba(var(--block-rgb),.4)}.pill-accent{background:rgba(var(--accent-rgb),.15);color:var(--accent-bright);border:1px solid rgba(var(--accent-rgb),.4)}.pill-teal{background:rgba(var(--teal-rgb),.15);color:var(--teal-bright);border:1px solid rgba(var(--teal-rgb),.45)}.pill-solid{background:var(--accent);color:var(--on-accent)}.pill-idle{color:var(--ink-3);border:1px solid var(--border-strong)}:root[data-theme=light] .pill-good{background:rgba(var(--good-rgb),.1);border-color:rgba(var(--good-rgb),.35)}:root[data-theme=light] .pill-warn{background:rgba(var(--warn-rgb),.12);border-color:rgba(var(--warn-rgb),.35)}:root[data-theme=light] .pill-block{background:rgba(var(--block-rgb),.08);border-color:rgba(var(--block-rgb),.35)}:root[data-theme=light] .pill-accent{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.35)}:root[data-theme=light] .pill-teal{background:rgba(var(--teal-rgb),.1);border-color:rgba(var(--teal-rgb),.35)}.badge{padding:2px 6px;border-radius:999px;font:700 10px/1.4 var(--font-ui)}.badge-warn{background:rgba(var(--warn-rgb),.18);color:var(--warn-bright)}.badge-block{background:rgba(var(--block-rgb),.18);color:var(--block-bright)}:root[data-theme=light] .badge-warn{background:rgba(var(--warn-rgb),.12)}:root[data-theme=light] .badge-block{background:rgba(var(--block-rgb),.1)}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border-strong);font:600 12px/1 var(--font-ui);color:var(--ink-3);cursor:pointer;background:transparent}.chip-active{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.35);color:var(--accent-bright)}.chip-warn{border-color:rgba(var(--warn-rgb),.4);color:var(--warn-bright)}:root[data-theme=light] .chip-active{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.25)}.section-label{font:600 11px/1 var(--font-ui);letter-spacing:.1em;color:var(--ink-4)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--control);border-radius:8px}::-webkit-scrollbar-track{background:transparent}