:root{--canvas: #0a1628;--panel: #0e1d33;--card: #132035;--raised: #1a2a44;--control: #22324f;--hairline: #1e2d45;--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;--font-ui: Inter, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{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:#7dd3fc}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(--control);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{background:var(--accent-bright)}.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(--control);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}.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:#22c55e24;color:var(--good-bright);border:1px solid rgba(34,197,94,.4)}.pill-warn{background:#f59e0b26;color:var(--warn-bright);border:1px solid rgba(245,158,11,.45)}.pill-block{background:#ef444424;color:var(--block-bright);border:1px solid rgba(239,68,68,.4)}.pill-accent{background:#0ea5e926;color:var(--accent-bright);border:1px solid rgba(14,165,233,.4)}.pill-teal{background:#14b8a626;color:var(--teal-bright);border:1px solid rgba(20,184,166,.45)}.pill-solid{background:var(--accent);color:var(--on-accent)}.pill-idle{color:var(--ink-3);border:1px solid var(--control)}.badge{padding:2px 6px;border-radius:999px;font:700 10px/1.4 var(--font-ui)}.badge-warn{background:#f59e0b2e;color:var(--warn-bright)}.badge-block{background:#ef44442e;color:var(--block-bright)}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--control);font:600 12px/1 var(--font-ui);color:var(--ink-3);cursor:pointer;background:transparent}.chip-active{background:#0ea5e924;border-color:#0ea5e959;color:var(--accent-bright)}.chip-warn{border-color:#f59e0b66;color:var(--warn-bright)}.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}