:root{--ink-950:#0a0d10;--ink-900:#12171e;--ink-800:#1a2230;--ink-700:#253040;--ink-600:#334155;--ink-500:#475569;--ink-400:#64748b;--ink-300:#94a3b8;--ink-200:#c2cede;--ink-100:#e2e8f0;--ink-50:#f1f5f9;--jade-600:#0d7c5f;--jade-500:#10a37f;--jade-400:#34d399;--jade-300:#6ee7b7;--jade-200:#a7f3d0;--cinnabar-600:#c0392b;--cinnabar-500:#e74c3c;--cinnabar-400:#f87171;--cinnabar-300:#fca5a5;--gold-500:#d4a017;--gold-400:#f0c040;--gold-300:#fde68a;--correct:var(--jade-500);--incorrect:var(--cinnabar-500);--surface-bg:var(--ink-950);--surface-card:var(--ink-900);--surface-elevated:var(--ink-800);--surface-hover:var(--ink-700);--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:var(--jade-400);--font-display:"Noto Serif SC", "Crimson Pro", serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--surface-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-500)}::selection{color:var(--text-primary);background:#10a37f4d}.ambient-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg:before{content:"";background:radial-gradient(circle,#10a37f0f 0%,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite float-slow;position:absolute;top:-120px;right:-100px}.ambient-bg:after{content:"";background:radial-gradient(circle,#d4a0170a 0%,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite reverse float-slow;position:absolute;bottom:-100px;left:-80px}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.grain{z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.page{width:100%;max-width:880px;margin:0 auto;padding:2rem 1.5rem 4rem}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .6s var(--ease-out-expo) forwards;opacity:0}.fade-up-1{animation-delay:50ms}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}.fade-up-5{animation-delay:.25s}@media (max-width:640px){.page{padding:1.25rem 1rem 3rem}html{font-size:15px}}