:root{--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-hebrew:"Heebo", system-ui, sans-serif;--font-meta:"Inter", system-ui, sans-serif;--font-bitmap:"Pixelify Sans", monospace;--font-terminal:"VT323", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--screen-max:420px;--anim-flip-duration:4s;--anim-mode-switch:.28s}body.mode-modern{--bg:#fff8ee;--text:#1a1a2e;--text-body:#525275;--text-meta:#767676;--accent:#ff6b35;--lingo-correct:#2ec47c;--lingo-present:#ffb627;--live-blue:#4a90e2;--border-subtle:#1a1a2e14;--logo-base:var(--text);--logo-suffix:var(--accent);--logo-flip-bg-a:var(--lingo-correct);--logo-flip-bg-b:var(--lingo-present);--logo-flip-fg:#fff;font-family:var(--font-hebrew);color:var(--text);background:var(--bg)}body.mode-win311{--bg:teal;--text:#000;--text-body:#000;--text-meta:#404040;--accent:red;--lingo-correct:green;--lingo-present:#ff0;--live-blue:navy;--border-subtle:#404040;--win-window-bg:silver;--win-bevel-light:#fff;--win-bevel-shadow:#404040;--win-titlebar:navy;--hotdog-red:red;--hotdog-yellow:#ff0;--logo-base:var(--text);--logo-suffix:var(--accent);--logo-flip-bg-a:var(--lingo-correct);--logo-flip-bg-b:var(--lingo-present);--logo-flip-fg:#000;font-family:var(--font-bitmap);color:var(--text);background:var(--bg)}body.mode-dos{--bg:#000;--text:#0f0;--text-body:#0f0;--text-meta:#0a0;--accent:#ff5;--lingo-correct:#0a0;--lingo-present:#aa0;--live-blue:#0000a8;--border-subtle:#0a0;--dos-yellow:#ff5;--dos-red:#f55;--dos-blue:#0000a8;--dos-cyan:#0aa;--logo-base:var(--text);--logo-suffix:var(--accent);--logo-flip-bg-a:var(--lingo-correct);--logo-flip-bg-b:var(--lingo-present);--logo-flip-fg:#000;font-family:var(--font-terminal);color:var(--text);background:var(--bg)}*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--anim-mode-switch) ease, color var(--anim-mode-switch) ease;margin:0;padding:0}body{font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}