@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:222 47% 4%;--bg-card:222 47% 11%;--teal-primary:173 80% 40%;--teal-accent:172 66% 50%;--teal-glow:173 80% 40% / .15;--amber-primary:38 92% 50%;--amber-accent:38 95% 60%;--amber-glow:38 92% 50% / .15;--text-primary:210 40% 98%;--text-secondary:215 20% 74%;--text-muted:215 16% 57%;--border-glass:255 255 255 / .08;--border-focus:173 80% 50% / .4;--shadow-glow:0 8px 32px 0 #0000005e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:hsl(var(--bg-deep));color:hsl(var(--text-primary));font-family:Outfit,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, hsl(var(--bg-card)), hsl(var(--bg-deep)));-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glow);background:#0f172aa6;border:1px solid #ffffff14;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:0 10px 40px 0 #0d948814, var(--shadow-glow);border-color:#ffffff26}.accent-teal{color:hsl(var(--teal-accent))}.accent-amber{color:hsl(var(--amber-accent))}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:hsl(var(--text-primary));font-weight:700}p{color:hsl(var(--text-secondary));line-height:1.6}.btn-primary{background:linear-gradient(135deg, hsl(var(--teal-primary)), hsl(var(--teal-accent)));color:#fff;cursor:pointer;border:none;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0d948866}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d948899,0 0 0 3px #14b8a64d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:hsl(var(--text-primary));cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 0 0 3px #ffffff0d}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-amber{background:linear-gradient(135deg, hsl(var(--amber-primary)), hsl(var(--amber-accent)));color:#0c0a09;cursor:pointer;border:none;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #f59e0b66}.btn-amber:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99,0 0 0 3px #fbbf244d}.btn-amber:active:not(:disabled){transform:translateY(0)}.option-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.option-card:hover{background:#ffffff0f;border-color:#ffffff26}.option-card.selected-teal{border-color:hsl(var(--teal-accent));background:#0d94881a;box-shadow:0 0 12px #0d948826}.option-card.correct{background:#10b9811f;border-color:#10b981;box-shadow:0 0 12px #10b98133}.option-card.incorrect{background:#ef44441f;border-color:#ef4444;box-shadow:0 0 12px #ef444433}dialog.paywall-dialog{background:0 0;border:none;outline:none;width:100%;max-width:520px;margin:auto;padding:0}dialog.paywall-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d9;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dialog-content{animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-deep))}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}