:root{--bg-rail:oklch(14% .018 210);--rail-w:64px;--side-w:248px;--bg-side:oklch(17.2% .017 207);--bg-base:oklch(20.5% .016 205);--bg-surface:oklch(24% .016 205);--bg-raised:oklch(28% .017 205);--bg-raised-2:oklch(32.5% .019 205);--border:oklch(33% .017 205);--line:oklch(27% .015 205);--hover:oklch(93% .01 205/.06);--selected:oklch(93% .01 205/.1);--scrim:oklch(10% .012 205/.62);--text-1:oklch(94% .006 205);--text-2:oklch(78% .01 205);--text-3:oklch(64% .012 205);--accent:oklch(81% .125 195);--accent-dim-bg:oklch(32% .05 195);--accent-dim-text:oklch(90% .04 195);--on-accent:oklch(17% .03 205);--signal:oklch(83% .115 80);--signal-dim-bg:oklch(83% .115 80/.1);--signal-wash:oklch(83% .115 80/.13);--signal-wash-hover:oklch(83% .115 80/.2);--on-signal:oklch(20% .03 80);--live:oklch(79% .13 155);--live-dim-bg:oklch(79% .13 155/.18);--danger:oklch(68% .17 25);--danger-dim-bg:oklch(30% .08 25);--danger-dim-text:oklch(88% .05 25);--on-danger:oklch(98% .005 25);--font-ui:"Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", monospace;--fs-meta:12px;--fs-small:13px;--fs-body:15px;--fs-title:17px;--fs-display:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-pop:0 10px 28px oklch(8% .012 205/.5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg-base);color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-dim-bg);color:var(--text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-raised);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--bg-raised-2);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}