:root{--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--t-xs:13px;--t-sm:15px;--t-base:16px;--t-md:18px;--t-lg:24px;--t-xl:32px;--t-2xl:38px;--t-3xl:46px;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--line-tight:1.2;--line-body:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:18px;--s-5:26px;--s-6:40px;--s-7:60px;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-pill:999px;--tap:48px;--nav-height:68px;--header-height:68px;--sidebar-width:248px;--content-max:680px;--content-wide:1000px;--content-max-wide:1180px;--bg:#eef0f6;--bg-elevated:#ffffff;--surface:#ffffff;--surface-2:#f1f3f8;--surface-3:#e3e7ef;--border:#d6dbe4;--border-strong:#b9c1cd;--text:#0d1421;--muted:#454f5e;--faint:#5f6b7c;--disabled:#93a0b0;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-dim:#ddd6fe;--accent-soft:#ede9fe;--accent-ink:#ffffff;--accent-wash:rgba(124,58,237,0.07);--brand-green:#54bd18;--correct:#16a34a;--correct-wash:rgba(34,197,94,0.10);--incorrect:#dc2626;--incorrect-wash:rgba(239,68,68,0.08);--pending:#6b7280;--void:#9ca3af;--warning:#d97706;--warning-wash:color-mix(in srgb,#d97706 12%,transparent);--danger:#dc2626;--gold:#d97706;--pending-wash:rgba(107,114,128,0.08);--void-wash:rgba(156,163,175,0.08);--xp:#16a34a;--xp-wash:rgba(34,197,94,0.10);--shadow-1:0 1px 2px rgba(13,20,33,0.05),0 1px 1px rgba(13,20,33,0.03);--shadow-2:0 1px 2px rgba(13,20,33,0.06),0 4px 8px -2px rgba(13,20,33,0.06),0 12px 24px -6px rgba(13,20,33,0.06);--shadow-3:0 1px 2px rgba(13,20,33,0.07),0 8px 16px -4px rgba(13,20,33,0.08),0 24px 48px -12px rgba(13,20,33,0.12);--coin:#e8b53f;--coin-wash:color-mix(in srgb,#e8b53f 12%,transparent);--coin-edge:#b07f12;--coin-ink:#7a5605;--surface-material:linear-gradient(180deg,#ffffff,#fbfcfe);--surface-material-2:linear-gradient(180deg,#f6f8fb,#eff2f7);--edge-lit:inset 0 1px 0 rgba(255,255,255,0.9);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,1);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.55) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(124,58,237,0.10),transparent 62%);--highlight:none;--highlight-strong:none;--glow-accent:0 2px 8px rgba(124,58,237,0.20);--crest-plate:#f3f4f8;--motion-duration-instant:120ms;--motion-duration-fast:200ms;--motion-duration-base:250ms;--motion-duration-count:750ms;--motion-ease:cubic-bezier(0.4,0,0.2,1);--motion-ease-enter:cubic-bezier(0.1,0.9,0.2,1);--motion-distance:12px;--motion-fast:var(--motion-duration-instant);--motion-base:var(--motion-duration-fast);--motion-slow:var(--motion-duration-base);--ease:var(--motion-ease)}:root,[data-theme=light]{color-scheme:light}:root:not([data-theme]),[data-theme=dark]{--bg:#0b0e16;--bg-elevated:#12161f;--surface:#161b26;--surface-2:#1f2531;--surface-3:#2b323f;--border:#2c3340;--border-strong:#414a5a;--text:#f2f5f9;--muted:#a8b2c1;--faint:#7a8595;--disabled:#5c6675;--accent:#a78bfa;--accent-hover:#b9a3fb;--accent-dim:#4c3a7a;--accent-soft:#241d3d;--accent-ink:#16091f;--accent-wash:rgba(167,139,250,0.14);--correct:#4ade80;--correct-wash:rgba(74,222,128,0.12);--incorrect:#f87171;--incorrect-wash:rgba(248,113,113,0.12);--pending:#7a8595;--void:#7a8595;--warning:#fbbf24;--warning-wash:color-mix(in srgb,#fbbf24 12%,transparent);--xp:#4ade80;--xp-wash:rgba(74,222,128,0.12);--shadow-1:0 1px 2px rgba(0,0,0,0.5),0 1px 3px rgba(0,0,0,0.3);--shadow-2:0 2px 4px rgba(0,0,0,0.4),0 8px 16px -4px rgba(0,0,0,0.45),0 16px 32px -8px rgba(0,0,0,0.4);--shadow-3:0 2px 4px rgba(0,0,0,0.45),0 12px 24px -6px rgba(0,0,0,0.5),0 32px 64px -16px rgba(0,0,0,0.55);--coin:#f0c14b;--coin-wash:color-mix(in srgb,#f0c14b 12%,transparent);--coin-edge:#8c6410;--coin-ink:#4a3403;--surface-material:linear-gradient(180deg,#1b2130,#141924);--surface-material-2:linear-gradient(180deg,#232a39,#1c2230);--edge-lit:inset 0 1px 0 rgba(255,255,255,0.07);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,0.12);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.09) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(167,139,250,0.14),transparent 62%);--highlight:inset 0 1px 0 rgba(255,255,255,0.05);--highlight-strong:inset 0 1px 0 rgba(255,255,255,0.08);--glow-accent:0 0 0 1px rgba(167,139,250,0.25),0 4px 20px rgba(167,139,250,0.15);--crest-plate:#f4f6fa;color-scheme:dark;--danger:#f87171;--gold:#fbbf24;--pending-wash:rgba(122,133,149,.12);--void-wash:rgba(122,133,149,.12)}[data-theme=midnight]{--surface-material:linear-gradient(180deg,#18233a,#111a2c);--surface-material-2:linear-gradient(180deg,#22304a,#1a2438);--edge-lit:inset 0 1px 0 rgba(255,255,255,.07);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,.12);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(77,159,255,0.14),transparent 62%);--shadow-1:0 1px 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);--shadow-2:0 2px 4px rgba(0,0,0,.4),0 8px 16px -4px rgba(0,0,0,.45),0 16px 32px -8px rgba(0,0,0,.4);--shadow-3:0 2px 4px rgba(0,0,0,.45),0 12px 24px -6px rgba(0,0,0,.5),0 32px 64px -16px rgba(0,0,0,.55);--bg:#070b16;--bg-elevated:#0d1424;--surface:#111a2e;--surface-2:#1a2540;--surface-3:#253253;--border:#24314f;--border-strong:#3a4d75;--text:#eef3fb;--muted:#9fb0cc;--faint:#6a7c9c;--accent:#4d9fff;--accent-hover:#63adff;--accent-dim:#2a5f9e;--accent-soft:#16233d;--accent-ink:#04101f;--accent-wash:rgba(77,159,255,0.14);--correct:#4ade80;--incorrect:#f87171;--xp:#4ade80;--shadow-1:0 1px 3px rgba(0,0,0,.4);--shadow-2:0 4px 16px rgba(0,0,0,.5);--highlight:inset 0 1px 0 rgba(255,255,255,.05);--crest-plate:#f4f6fa;color-scheme:dark;--danger:#f87171;--gold:#fbbf24;--pending-wash:rgba(122,133,149,.12);--void-wash:rgba(122,133,149,.12)}[data-theme=pitch]{--surface-material:linear-gradient(180deg,#16281c,#0f1d14);--surface-material-2:linear-gradient(180deg,#1e3626,#17291d);--edge-lit:inset 0 1px 0 rgba(255,255,255,.07);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,.12);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(95,216,115,0.14),transparent 62%);--shadow-1:0 1px 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);--shadow-2:0 2px 4px rgba(0,0,0,.4),0 8px 16px -4px rgba(0,0,0,.45),0 16px 32px -8px rgba(0,0,0,.4);--shadow-3:0 2px 4px rgba(0,0,0,.45),0 12px 24px -6px rgba(0,0,0,.5),0 32px 64px -16px rgba(0,0,0,.55);--bg:#071108;--bg-elevated:#0c1a0f;--surface:#102115;--surface-2:#17301e;--surface-3:#204029;--border:#1e3a26;--border-strong:#2f5c3c;--text:#eff8f1;--muted:#a2c2ab;--faint:#6d8a76;--accent:#5fd873;--accent-hover:#74e186;--accent-dim:#2f7a3f;--accent-soft:#13291a;--accent-ink:#04140a;--accent-wash:rgba(95,216,115,0.14);--correct:#5fd873;--incorrect:#f87171;--xp:#fbbf24;--shadow-1:0 1px 3px rgba(0,0,0,.4);--shadow-2:0 4px 16px rgba(0,0,0,.5);--highlight:inset 0 1px 0 rgba(255,255,255,.05);--crest-plate:#f4f6fa;color-scheme:dark;--danger:#f87171;--gold:#fbbf24;--pending-wash:rgba(122,133,149,.12);--void-wash:rgba(122,133,149,.12)}[data-theme=royal]{--surface-material:linear-gradient(180deg,#221639,#180f28);--surface-material-2:linear-gradient(180deg,#2d1e4c,#22163a);--edge-lit:inset 0 1px 0 rgba(255,255,255,.07);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,.12);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(166,120,255,0.14),transparent 62%);--shadow-1:0 1px 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);--shadow-2:0 2px 4px rgba(0,0,0,.4),0 8px 16px -4px rgba(0,0,0,.45),0 16px 32px -8px rgba(0,0,0,.4);--shadow-3:0 2px 4px rgba(0,0,0,.45),0 12px 24px -6px rgba(0,0,0,.5),0 32px 64px -16px rgba(0,0,0,.55);--bg:#0b0714;--bg-elevated:#140d24;--surface:#1a1030;--surface-2:#251845;--surface-3:#33235e;--border:#2f2154;--border-strong:#4a357d;--text:#f3eefb;--muted:#b6a3d6;--faint:#806b9f;--accent:#a678ff;--accent-hover:#b68eff;--accent-dim:#6741a8;--accent-soft:#1f1338;--accent-ink:#0c0518;--accent-wash:rgba(166,120,255,0.14);--correct:#4ade80;--incorrect:#f87171;--xp:#fbbf24;--shadow-1:0 1px 3px rgba(0,0,0,.4);--shadow-2:0 4px 16px rgba(0,0,0,.5);--highlight:inset 0 1px 0 rgba(255,255,255,.05);--crest-plate:#f4f6fa;color-scheme:dark;--danger:#f87171;--gold:#fbbf24;--pending-wash:rgba(122,133,149,.12);--void-wash:rgba(122,133,149,.12)}[data-theme=gold]{--surface-material:linear-gradient(180deg,#2a2110,#1d1709);--surface-material-2:linear-gradient(180deg,#382c17,#291f10);--edge-lit:inset 0 1px 0 rgba(255,255,255,.07);--edge-lit-strong:inset 0 1px 0 rgba(255,255,255,.12);--sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 66%);--glow-soft:radial-gradient(120% 100% at 50% 0%,rgba(224,182,74,0.14),transparent 62%);--shadow-1:0 1px 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);--shadow-2:0 2px 4px rgba(0,0,0,.4),0 8px 16px -4px rgba(0,0,0,.45),0 16px 32px -8px rgba(0,0,0,.4);--shadow-3:0 2px 4px rgba(0,0,0,.45),0 12px 24px -6px rgba(0,0,0,.5),0 32px 64px -16px rgba(0,0,0,.55);--bg:#0f0c05;--bg-elevated:#1a1509;--surface:#211a0c;--surface-2:#2e2412;--surface-3:#40321a;--border:#3a2e16;--border-strong:#5c4a26;--text:#fbf6ea;--muted:#ccb98d;--faint:#96865f;--accent:#e0b64a;--accent-hover:#ecc45e;--accent-dim:#8a6f26;--accent-soft:#241c0a;--accent-ink:#140f03;--accent-wash:rgba(224,182,74,0.14);--correct:#4ade80;--incorrect:#f87171;--xp:#e0b64a;--shadow-1:0 1px 3px rgba(0,0,0,.4);--shadow-2:0 4px 16px rgba(0,0,0,.5);--highlight:inset 0 1px 0 rgba(255,255,255,.05);--crest-plate:#f4f6fa;color-scheme:dark;--danger:#f87171;--gold:#e0b64a;--pending-wash:rgba(122,133,149,.12);--void-wash:rgba(122,133,149,.12)}[data-motion=off] *,[data-motion=off] :after,[data-motion=off] :before{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}