:root{--porcelain:#f7f4ef;--ink-950:#17211b;--ink-900:#223128;--ink-800:#2f4437;--ink-700:#3d5848;--ink-600:#4f6a5c;--ink-500:#5f7068;--ink-400:#77867f;--ink-300:#9aa69f;--ink-200:#c8d0c9;--ink-100:#e8ebe5;--ink-50:#fbfaf7;--jade-600:#245b43;--jade-500:#2e6b4f;--jade-400:#3d8060;--jade-300:#739c84;--jade-200:#dfe8df;--cinnabar-600:#9d3836;--cinnabar-500:#b94a48;--cinnabar-400:#c96b68;--cinnabar-300:#e7b9b6;--gold-500:#a9782d;--gold-400:#c39448;--gold-300:#efe1c7;--correct:var(--jade-500);--incorrect:var(--cinnabar-500);--surface-bg:var(--porcelain);--surface-card:#fffefb;--surface-elevated:#f0eee7;--surface-hover:#e6ebe3;--border-subtle:#17211b17;--border-medium:#17211b26;--text-primary:var(--ink-950);--text-secondary:var(--ink-500);--text-muted:#5f7068;--text-accent:var(--jade-500);--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-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-500)}::selection{color:var(--text-primary);background:#2e6b4f3d}.ambient-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg:before{content:"";background:radial-gradient(circle,#2e6b4f1f 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,#c3944824 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:.035;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}to{opacity:1}}.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}}