:root,[data-theme=dark]{--bg-primary: #171326;--bg-secondary: #211a35;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .05);--bg-card-active: rgba(255, 255, 255, .08);--bg-overlay: rgba(0, 0, 0, .7);--bg-input: rgba(255, 255, 255, .05);--surface: #2a2142;--surface-2: #332953;--text-primary: #f5f3ff;--text-secondary: #bdb5d7;--text-muted: #8b82a8;--text-white: #fff;--accent: #8b5cf6;--accent-light: #c4b5fd;--accent-focus: #a78bfa;--gold: #fbbf24;--gold-bg: rgba(251, 191, 36, .1);--gold-border: rgba(251, 191, 36, .3);--color-low: #60a5fa;--color-high: #f87171;--color-swing: #a78bfa;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--card-gold: #fbbf24;--card-silver: #cbd5e1;--card-bronze: #b45309;--card-black: #374151;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-mono: monospace;--shadow: 0 12px 32px rgba(0, 0, 0, .35);--body-bg: radial-gradient(circle at top, rgba(139, 92, 246, .15), transparent 28%), linear-gradient(180deg, #120f1d 0%, #171326 100%)}[data-theme=light]{--bg-primary: #f8f6ff;--bg-secondary: #ede9fe;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--bg-card-active: rgba(0, 0, 0, .06);--bg-overlay: rgba(0, 0, 0, .5);--bg-input: rgba(0, 0, 0, .04);--surface: #e8e0ff;--surface-2: #ddd4f7;--text-primary: #1e1535;--text-secondary: #4a3d6e;--text-muted: #7c6fa5;--text-white: #1e1535;--accent: #7c3aed;--accent-light: #6d28d9;--accent-focus: #8b5cf6;--gold: #d97706;--gold-bg: rgba(217, 119, 6, .08);--gold-border: rgba(217, 119, 6, .2);--color-low: #2563eb;--color-high: #dc2626;--color-swing: #7c3aed;--color-success: #059669;--color-danger: #dc2626;--color-warning: #d97706;--border-subtle: rgba(0, 0, 0, .06);--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .14);--card-gold: #d97706;--card-silver: #64748b;--card-bronze: #92400e;--card-black: #1f2937;--shadow: 0 8px 24px rgba(0, 0, 0, .12);--body-bg: radial-gradient(circle at top, rgba(139, 92, 246, .08), transparent 28%), linear-gradient(180deg, #efe8ff 0%, #f8f6ff 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}button,[role=button]{min-height:44px;min-width:44px}@media (max-width: 374px){html{font-size:14px}}@media (max-width: 320px){html{font-size:13px}}