:root{--bg: #F4F6F9;--bg-elev: #FFFFFF;--surface-1: #FFFFFF;--surface-2: #F4F6F9;--surface-3: #EAEEF3;--line: #DCE1E8;--line-strong: #C3CAD5;--line-soft: rgba(15,26,42,.04);--fg: #0F1A2A;--fg-mid: #3A475C;--fg-low: #5E6B80;--fg-mute: #A9B4C3;--accent: oklch(.435 .151 257.8);--accent-soft: oklch(.435 .151 257.8 / .1);--accent-line: oklch(.435 .151 257.8 / .4);--accent-fg: #FFFFFF;--live: #B42318;--live-soft: #FDECEA;--ok: #1D7A46;--ok-soft: #E6F4EC;--warn: #9A5B00;--error: #B42318;--error-soft: #FDECEA;--info: #0A4DA2;--r-1: 4px;--r-2: 4px;--r-3: 6px;--r-4: 6px;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--row-h: 40px;--gap: 14px;--pad: 18px;color-scheme:light}.theme-dark{--bg: #0a0b0e;--bg-elev: #0f1116;--surface-1: #14171d;--surface-2: #1b1f27;--surface-3: #232832;--line: #1e2229;--line-strong: #2b3140;--line-soft: rgba(255,255,255,.04);--fg: #ecedf1;--fg-mid: #9aa0ad;--fg-low: #6a7080;--fg-mute: #444a58;--live: oklch(.66 .23 25);--live-soft: oklch(.66 .23 25 / .16);--ok: oklch(.78 .18 148);--ok-soft: oklch(.78 .18 148 / .16);--warn: oklch(.78 .15 65);--error: oklch(.68 .21 25);--error-soft: oklch(.68 .21 25 / .16);--info: oklch(.75 .13 230);color:var(--fg);color-scheme:dark}.on-video{--accent: oklch(.78 .13 235);--accent-soft: oklch(.78 .13 235 / .16);--accent-line: oklch(.78 .13 235 / .4);--accent-fg: #0a0b0e}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}button{font-family:inherit}input,textarea,select{font-family:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-mute)}body.density-compact{--row-h: 32px;--gap: 10px;--pad: 12px}body.density-comfy{--row-h: 48px;--gap: 18px;--pad: 24px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--fg-mid)}.mute{color:var(--fg-low)}.kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border:1px solid var(--line-strong);border-radius:4px;color:var(--fg-mid);background:var(--surface-2)}.scanlines:after{content:none}@keyframes pulse-live{0%,to{opacity:.5}50%{opacity:1}}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse-live 2s infinite ease-in-out}@keyframes blink{50%{opacity:0}}.blink{animation:blink 1s steps(2,start) infinite}@keyframes drift-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-terminal{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .18s ease-out both}#root{height:100%}a{color:inherit}html{background:#f4f6f9}body{background:var(--bg)}input:focus,textarea:focus,select:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes mvp-spin{to{transform:rotate(360deg)}}.mvp-spin{animation:mvp-spin .8s linear infinite}