:root{color-scheme:dark light;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .08);--transition: .18s cubic-bezier(.4, 0, .2, 1)}html[data-mode=light]{--bg: #fafafa;--bg-elevated: #ffffff;--bg-muted: #f4f4f5;--bg-inset: #ededee;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #18181b;--text-muted: #52525b;--text-subtle: #a1a1aa;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-soft: rgba(124, 58, 237, .12);--accent-text: #ffffff;--positive: #15803d;--positive-bg: rgba(21, 128, 61, .12);--negative: #be123c;--negative-bg: rgba(190, 18, 60, .12);--warning: #b45309;--warning-bg: rgba(180, 83, 9, .12);--info: #0e7490;--info-bg: rgba(14, 116, 144, .12);--chart-grid: #e4e4e7;--chart-line: #7c3aed;--chart-area: rgba(124, 58, 237, .1);--chart-c1: #7c3aed;--chart-c2: #0d9488;--chart-c3: #ea580c;--chart-c4: #db2777;--chart-c5: #ca8a04;--hero-glow: radial-gradient(ellipse 80% 60% at 100% 0%, rgba(124, 58, 237, .1), transparent 60%), radial-gradient(ellipse 60% 50% at 0% 100%, rgba(13, 148, 136, .08), transparent 60%)}html[data-mode=dark]{--bg: #1c1c1c;--bg-elevated: #262626;--bg-muted: #2d2d2d;--bg-inset: #232323;--border: #363636;--border-strong: #525252;--text: #fafafa;--text-muted: #b8b8b8;--text-subtle: #858585;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-soft: rgba(167, 139, 250, .18);--accent-text: #1c1c1c;--positive: #4ade80;--positive-bg: rgba(74, 222, 128, .15);--negative: #fb7185;--negative-bg: rgba(251, 113, 133, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--info: #5eead4;--info-bg: rgba(94, 234, 212, .15);--chart-grid: #363636;--chart-line: #a78bfa;--chart-area: rgba(167, 139, 250, .14);--chart-c1: #a78bfa;--chart-c2: #5eead4;--chart-c3: #fb923c;--chart-c4: #f472b6;--chart-c5: #fbbf24;--hero-glow: radial-gradient(ellipse 80% 60% at 100% 0%, rgba(167, 139, 250, .14), transparent 60%), radial-gradient(ellipse 60% 50% at 0% 100%, rgba(94, 234, 212, .1), transparent 60%)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700;margin:0}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.positive{color:var(--positive)}.negative{color:var(--negative)}.wrap{max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-hero{padding:4rem 0 3rem;border-bottom:1px solid var(--border);background:var(--hero-glow),linear-gradient(180deg,var(--bg) 0%,var(--bg-muted) 100%)}.page-hero .eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:.75rem}.page-hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;margin:0 0 1rem}.page-hero .lead{color:var(--text-muted);font-size:1.1rem;max-width:720px;line-height:1.6;margin:0}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem}::selection{background:var(--accent);color:var(--accent-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}