@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #1f1f35;--border: #2a2a4a;--border-bright: #4a4a8a;--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555577;--accent-yellow: #ffd700;--accent-green: #4ade80;--accent-red: #f87171;--accent-blue: #60a5fa;--accent-purple: #c084fc;--accent-orange: #fb923c;--glow-yellow: 0 0 20px rgba(255, 215, 0, .3);--glow-green: 0 0 20px rgba(74, 222, 128, .3);--glow-red: 0 0 20px rgba(248, 113, 113, .3);--glow-blue: 0 0 20px rgba(96, 165, 250, .3);--glow-purple: 0 0 20px rgba(192, 132, 252, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:radial-gradient(ellipse at 20% 50%,rgba(74,74,140,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(60,60,120,.06) 0%,transparent 50%)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.font-pixel{font-family:"Press Start 2P",monospace}pre,code{font-family:Courier New,Courier,monospace;background:#0006;border:1px solid var(--border);border-radius:8px}code{padding:2px 6px;font-size:.85em;color:var(--accent-yellow)}pre{padding:16px;overflow-x:auto;line-height:1.6}pre code{background:none;border:none;padding:0;color:#e2e8f0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:Inter,sans-serif;transition:all .15s ease;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-yellow);color:#000}.btn-primary:hover:not(:disabled){background:#ffe740;box-shadow:var(--glow-yellow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.card:hover{border-color:var(--border-bright);background:var(--bg-card-hover)}.xp-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-yellow),var(--accent-orange));border-radius:4px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.heart{display:inline-block;font-size:1.2em}.heart.empty{filter:grayscale(1);opacity:.3}.answer-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:10px;padding:14px 20px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif}.answer-option:hover:not(:disabled){border-color:var(--accent-blue);background:#60a5fa14;transform:translate(4px)}.answer-option.selected{border-color:var(--accent-blue);background:#60a5fa1f}.answer-option.correct{border-color:var(--accent-green)!important;background:#4ade801f!important}.answer-option.wrong{border-color:var(--accent-red)!important;background:#f871711f!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffd70033}50%{box-shadow:0 0 25px #ffd70080}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-popIn{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-shake{animation:shake .4s ease}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-js{background:#ffd70026;color:var(--accent-yellow);border:1px solid rgba(255,215,0,.3)}.badge-py{background:#60a5fa26;color:var(--accent-blue);border:1px solid rgba(96,165,250,.3)}.badge-beginner{background:#4ade8026;color:var(--accent-green);border:1px solid rgba(74,222,128,.3)}.badge-intermediate{background:#fb923c26;color:var(--accent-orange);border:1px solid rgba(251,146,60,.3)}.badge-advanced{background:#f8717126;color:var(--accent-red);border:1px solid rgba(248,113,113,.3)}#root{min-height:100vh}body.dyslexic-font *{font-family:OpenDyslexic,Comic Sans MS,sans-serif!important}body.high-contrast{--bg-primary: #000000;--bg-secondary: #000000;--bg-card: #000000;--bg-card-hover: #1a1a1a;--border: #ffffff;--border-bright: #ffff00;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #cccccc;--accent-yellow: #ffff00;--accent-green: #00ff00;--accent-red: #ff0000;--accent-blue: #00ffff;--accent-purple: #ff00ff;--accent-orange: #ff9900;background:var(--bg-primary)!important}body.high-contrast .card,body.high-contrast .answer-option,body.high-contrast input,body.high-contrast button{border-width:2px!important;border-color:var(--border)!important}body.high-contrast .btn-primary{background:var(--accent-yellow)!important;color:#000!important;font-weight:800}