:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface-2: #252540;--surface-3: #30304d;--text: #e8e8f0;--text-secondary: #9898b0;--text-muted: #8e8ea8;--primary: #7c5cfc;--primary-hover: #9279ff;--primary-active: #6a4ae0;--primary-subtle: rgba(124, 92, 252, .12);--primary-glow: rgba(124, 92, 252, .25);--secondary: #ff6b9d;--secondary-hover: #ff85b1;--secondary-active: #e55a89;--secondary-subtle: rgba(255, 107, 157, .12);--success: #4ecdc4;--success-subtle: rgba(78, 205, 196, .12);--warning: #ffe66d;--warning-subtle: rgba(255, 230, 109, .12);--error: #ff6b6b;--error-subtle: rgba(255, 107, 107, .12);--badge-bronze: #cd7f32;--badge-silver: #c0c0c0;--badge-gold: #ffd700;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-loose: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--primary-glow);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 1;--z-nav: 100;--z-modal: 200;--z-overlay: 300;--z-toast: 400;--nav-height: 56px;--max-width: 480px}[data-theme=ocean]{--bg: #0a1628;--surface: #0f2035;--surface-2: #163050;--surface-3: #1c4068;--text: #caf0f8;--text-secondary: #90e0ef;--text-muted: #7eaacc;--primary: #00b4d8;--primary-hover: #0096c7;--primary-active: #0077a8;--primary-subtle: rgba(0, 180, 216, .12);--primary-glow: rgba(0, 180, 216, .25);--secondary: #48cae4;--secondary-hover: #6ad5ea;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .3)}[data-theme=sunset]{--bg: #1a0a0a;--surface: #2d1515;--surface-2: #3d2020;--surface-3: #4d2a2a;--text: #ffecd2;--text-secondary: #ddb892;--text-muted: #bea07a;--primary: #ff6b35;--primary-hover: #e55a2b;--primary-active: #cc4a1e;--primary-subtle: rgba(255, 107, 53, .12);--primary-glow: rgba(255, 107, 53, .25);--secondary: #ffa07a;--secondary-hover: #ffb899;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .3)}[data-theme=forest]{--bg: #0a1a0a;--surface: #152815;--surface-2: #1e3a1e;--surface-3: #284d28;--text: #d8f3dc;--text-secondary: #95d5b2;--text-muted: #a0cca0;--primary: #2d6a4f;--primary-hover: #40916c;--primary-active: #1b5e40;--primary-subtle: rgba(45, 106, 79, .12);--primary-glow: rgba(45, 106, 79, .25);--secondary: #52b788;--secondary-hover: #6ec99a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .3)}[data-theme=amoled]{--bg: #000000;--surface: #0a0a0a;--surface-2: #141414;--surface-3: #1e1e1e;--text: #ffffff;--text-secondary: #888888;--text-muted: #8a8a8a;--primary: #7c5cfc;--primary-hover: #6a4de0;--primary-active: #5a3dc8;--primary-subtle: rgba(124, 92, 252, .12);--primary-glow: rgba(124, 92, 252, .25);--secondary: #ff6b9d;--secondary-hover: #ff85b1;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}[data-theme=light]{--bg: #f5f5fa;--surface: #ffffff;--surface-2: #f0f0f5;--surface-3: #e8e8f0;--text: #1a1a2e;--text-secondary: #666680;--text-muted: #6e6e88;--primary: #6b4ce6;--primary-hover: #5a3dd0;--primary-active: #4a2db8;--primary-subtle: rgba(107, 76, 230, .08);--primary-glow: rgba(107, 76, 230, .15);--secondary: #e85588;--secondary-hover: #ff6b9d;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}[data-theme=dark]{--bg: #0f0f1a;--surface: #1a1a2e;--surface-2: #252540;--surface-3: #30304d;--text: #e8e8f0;--text-secondary: #9898b0;--text-muted: #8e8ea8;--primary: #7c5cfc;--primary-hover: #9279ff;--primary-active: #6a4ae0;--primary-subtle: rgba(124, 92, 252, .12);--primary-glow: rgba(124, 92, 252, .25);--secondary: #ff6b9d;--secondary-hover: #ff85b1;--secondary-active: #e55a89;--secondary-subtle: rgba(255, 107, 157, .12);--success-subtle: rgba(78, 205, 196, .12);--warning-subtle: rgba(255, 230, 109, .12);--error-subtle: rgba(255, 107, 107, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--primary-glow)}@media(prefers-color-scheme:light){:root{--bg: #f5f5fa;--surface: #ffffff;--surface-2: #f0f0f5;--surface-3: #e8e8f0;--text: #1a1a2e;--text-secondary: #5a5a72;--text-muted: #6e6e88;--primary: #6b4ce6;--primary-hover: #7c5cfc;--primary-active: #5a3cc8;--primary-subtle: rgba(107, 76, 230, .08);--primary-glow: rgba(107, 76, 230, .15);--secondary: #e5527f;--secondary-hover: #ff6b9d;--secondary-active: #cc4570;--secondary-subtle: rgba(229, 82, 127, .08);--success-subtle: rgba(78, 205, 196, .08);--warning-subtle: rgba(255, 200, 50, .1);--error-subtle: rgba(255, 107, 107, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 4px 10px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px var(--primary-glow)}}