:root{--bg: #0f1119;--bg-elevated: #141620;--bg-inset: #0a0c14;--bg-hover: #1a1d2b;--surface: #141620;--surface-border: #1e2130;--surface-hover: #1a1d2b;--text: #e0e2e8;--text-secondary: #8b8fa8;--text-tertiary: #4b4f60;--text-inverse: #0f1119;--indigo: #818cf8;--indigo-bg: rgba(99,102,241,.12);--amber: #f59e0b;--amber-bg: rgba(245,158,11,.12);--pink: #f472b6;--pink-bg: rgba(236,72,153,.12);--red: #f87171;--red-bg: rgba(239,68,68,.12);--green: #4ade80;--green-bg: rgba(34,197,94,.12);--cyan: #22d3ee;--cyan-bg: rgba(6,182,212,.12);--purple: #a78bfa;--purple-bg: rgba(139,92,246,.12);--accent: #818cf8;--accent-hover: #a5b4fc;--accent-bg: rgba(99,102,241,.15);--border: #1e2130;--border-light: #2a2d3d;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--font-display: "Inter", -apple-system, sans-serif;--text-xs: 10px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 36px;--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--tracking-tight: -.01em;--tracking-wide: .8px;--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;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--shadow: 0 1px 3px rgba(0,0,0,.2);--shadow-lg: 0 8px 32px rgba(0,0,0,.3);--ease: cubic-bezier(.25,.1,.25,1);--duration-fast: .12s;--duration-normal: .2s;--c-muted: var(--text-tertiary);--c-surface: var(--surface);--c-border: var(--border);--c-red: var(--red);--c-text: var(--text);--c-green: var(--green);--wb-red: var(--red);--wb-red-light: var(--red-bg);--accent-light: var(--accent-bg);--accent-ring: rgba(99,102,241,.4);--red-light: var(--red-bg);--orange-light: var(--amber-bg);--green-light: var(--green-bg);--greenBg: var(--green-bg);--orangeBg: var(--amber-bg);--ease-apple: var(--ease);--elevated: var(--surface);--bg-surface: var(--surface);--bg-root: var(--bg);--bg-hover: var(--bg-hover);--text2: var(--text-secondary);--text3: var(--text-tertiary);--text-muted: var(--text-tertiary);--text-base: var(--text-base);--text-3xl: var(--text-3xl);--text-2xl: var(--text-2xl);--text-sm: var(--text-sm);--text-xs: var(--text-xs);--text-caption: 10px;--mono: var(--font-mono);--radius-full: 999px;--radius-lg: var(--r-lg);--radius-md: var(--r);--radius-sm: var(--r-sm);--radius-xl: var(--r-xl);--radius: var(--r);--space-2xl: var(--space-12);--space-xl: var(--space-8);--space-lg: var(--space-6);--space-md: var(--space-4);--space-sm: var(--space-2);--space-xs: var(--space-1);--space-3: var(--space-3);--space-5: var(--space-5);--space-8: var(--space-8);--space-10: var(--space-10);--shadow: var(--shadow);--r-full: 999px;--r-xl: var(--r-xl);--r-lg: var(--r-lg);--r-sm: var(--r-sm);--r: var(--r);--surface: var(--surface);--surface-border: var(--surface-border);--surface-hover: var(--surface-hover);--font-mono: var(--font-mono);--text-placeholder: var(--text-tertiary);--text-secondary: var(--text-secondary);--text-tertiary: var(--text-tertiary);--red-bg: var(--red-bg);--orange-bg: var(--amber-bg);--accent-hover: var(--accent-hover);--weight-bold: var(--weight-bold);--weight-semi: var(--weight-semi);--weight-medium: var(--weight-medium);--green: var(--green);--amber: var(--amber);--red: var(--red);--indigo: var(--indigo);--cyan: var(--cyan);--purple: var(--purple)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#app{min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}