:root{--font-switzer:"Switzer", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--bg1:#0d0d1a;--bg2:#13132a;--bg3:#1a1a35;--bg4:#222240;--txt:#f0eff8;--txt2:#a8a7c0;--txt3:#5c5b78;--txt4:#2e2d4a;--line:#ffffff0a;--line2:#ffffff14;--line3:#ffffff24;--red:#e83a2f;--red-glow:#e83a2f40;--red-dim:#e83a2f1f;--violet:#8b5cf6;--violet-light:#a78bfa;--violet-glow:#8b5cf633;--violet-dim:#8b5cf61a;--gold:#f0c040;--gold-light:#fde68a;--gold-glow:#f0c04033;--gold-dim:#f0c0401a;--green:#10d98a;--green-dim:#10d98a1a;--blue:#3b82f6;--blue-dim:#3b82f61a;--amber:#f59e0b;--amber-dim:#f59e0b1a;--correct:#10d98a;--wrong:#ef4444;--f:var(--font-switzer), system-ui, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--shadow-card:0 4px 24px #00000080, 0 1px 0 #ffffff0a inset;--shadow-hover:0 8px 40px #000000b3, 0 1px 0 #ffffff0f inset}[data-theme=light]{--bg:#f4f3fc;--bg1:#fff;--bg2:#eeedf8;--bg3:#e4e3f2;--bg4:#d8d7ec;--txt:#0d0c1a;--txt2:#3d3c5a;--txt3:#7c7a9a;--txt4:#b0afc8;--line:#0000000d;--line2:#00000017;--line3:#00000026;--shadow-card:0 2px 12px #00000014, 0 1px 0 #fffc inset;--shadow-hover:0 6px 28px #00000024, 0 1px 0 #ffffffe6 inset}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body{background:var(--bg);height:100%;color:var(--txt);font-family:var(--font-switzer), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}::selection{background:var(--violet-dim);color:var(--violet-light)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes streak-fire{0%,to{transform:scaleY(1)rotate(-2deg)}50%{transform:scaleY(1.15)rotate(2deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-appear{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes border-glow-pulse{0%,to{border-color:#8b5cf659}50%{border-color:#8b5cf6a6}}.animate-in{animation:.4s both slide-in-up}