:root{--indigo-50: #EEF0FD;--indigo-100: #E1E4FB;--indigo-200: #C6CBF7;--indigo-300: #A5ABF0;--indigo-400: #7C7FE9;--indigo-500: #6058E3;--indigo-600: #4F46E5;--indigo-700: #4136C4;--indigo-900: #221E5B;--ink-900: #14152E;--ink-700: #3A3C63;--ink-500: #6B6D93;--ink-300: #A2A4C4;--bg: #FBFBFD;--surface: #FFFFFF;--surface-alt: #F4F4FA;--border: #E4E4F1;--border-strong: #CFD0E6;--live: #0E9A6C;--success: #059669;--error: #DC2626;--warning: #D97706;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20,21,46,.05);--shadow-md: 0 12px 32px -8px rgba(34,30,91,.16);--ease: cubic-bezier(.16,.8,.24,1)}:root[data-theme=dark]{--indigo-50: #1B1B3A;--indigo-100: #242454;--indigo-200: #C7D2FE;--indigo-300: #A5B4FC;--indigo-400: #818CF8;--indigo-500: #6366F1;--indigo-600: #4F46E5;--indigo-700: #4338CA;--indigo-900: #EEF0FD;--ink-900: #F5F6FA;--ink-700: #AAB2C8;--ink-500: #6B7390;--ink-300: #4A5068;--bg: #0E1320;--surface: #161B2C;--surface-alt: #0F1422;--border: #262C44;--border-strong: #384166;--live: #34D399;--success: #34D399;--error: #F87171;--warning: #FBBF24;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 12px 32px -8px rgba(0,0,0,.5)}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink-700);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink-900)}code,pre,.mono{font-family:var(--font-mono)}a{color:var(--indigo-600)}button{font-family:inherit}*{transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}@media (prefers-reduced-motion: reduce){*{transition:none}}.theme-toggle{display:flex;align-items:center;gap:10px;margin-left:auto}.theme-toggle-icon{width:18px;height:18px;color:var(--ink-500);flex-shrink:0;transition:color .18s var(--ease)}.theme-toggle-icon.active{color:var(--indigo-500)}.theme-switch{position:relative;width:52px;height:28px;border-radius:var(--radius-pill);background:var(--surface-alt);border:1.5px solid var(--border);cursor:pointer;flex-shrink:0;padding:0;font:inherit;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.theme-switch:hover{border-color:var(--indigo-400);box-shadow:0 0 0 3px #4f46e526}.theme-switch .thumb{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--indigo-500);box-shadow:0 1px 4px #00000040;transition:transform .2s var(--ease)}:root[data-theme=dark] .theme-switch .thumb{transform:translate(24px)}