:root{--color-navy:#1B2540;--color-navy-outer:#0d1220;--color-chalk:#F4F2ED;--color-coral:#FF5A46;--color-cyan:#3FC1C9;--color-slate:#2E3B5E;--color-ink:#10141F;--color-violet:#7D6FE0;--color-green:#5C8E6E;--color-line:rgba(244,242,237,.14);--color-nav-bg:#141c33;--level-beginner:#E0483E;--level-intermediate:#F0A93C;--level-advanced:#6FA97D;--level-pro:#3ECF6A;--surface-app:var(--color-navy);--surface-app-outer:var(--color-navy-outer);--surface-card:var(--color-slate);--surface-card-muted:rgba(46,59,94,.53);--surface-nav:var(--color-nav-bg);--surface-tint-cyan:rgba(63,193,201,.13);--surface-tint-coral:rgba(255,90,70,.13);--text-primary:var(--color-chalk);--text-primary-muted:rgba(244,242,237,.55);--text-primary-faint:rgba(244,242,237,.4);--text-on-accent:var(--color-ink);--text-accent:var(--color-coral);--text-accent-secondary:var(--color-cyan);--accent-primary:var(--color-coral);--accent-secondary:var(--color-cyan);--border-hairline:var(--color-line);--border-accent:var(--color-coral)}:root{--font-display:"Oswald",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace;--text-display-lg:22px;--text-display-md:19px;--text-display-sm:15.5px;--text-body-lg:15px;--text-body-md:13.5px;--text-body-sm:12.5px;--text-mono-md:12px;--text-mono-sm:10.5px;--leading-tight:1.15;--leading-normal:1.4;--leading-relaxed:1.55;--tracking-wordmark:1.2px}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-shell:2.2rem;--shadow-shell:0 25px 50px -12px rgba(0,0,0,.55);--shadow-menu:0 10px 30px -8px rgba(0,0,0,.5);--shadow-card:0 1px 2px rgba(0,0,0,.18), 0 8px 24px -10px rgba(0,0,0,.4);--shadow-sheet:0 -8px 40px -6px rgba(0,0,0,.5);--shadow-toast:0 4px 16px -4px rgba(0,0,0,.35);--radius-2xl:20px;--opacity-inactive:.45;--opacity-muted:.6;--ease-standard:ease;--duration-fast:.15s;--duration-normal:.25s}