:root{--glass-thin: rgba(255, 255, 255, .03);--glass-regular: rgba(255, 255, 255, .05);--glass-thick: rgba(255, 255, 255, .08);--glass-elevated: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-emphasized: rgba(255, 255, 255, .18);--border-glow: rgba(255, 255, 255, .28);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .25);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-inset-bottom: inset 0 -1px 0 rgba(0, 0, 0, .2);--glow-primary: 0 0 24px rgba(99, 102, 241, .28);--glow-secondary: 0 0 24px rgba(6, 182, 212, .22);--glow-success: 0 0 24px rgba(16, 185, 129, .22);--glow-warm: 0 0 24px rgba(251, 191, 36, .22);--glow-cool: 0 0 24px rgba(6, 182, 212, .22);--blur-thin: blur(8px) saturate(140%);--blur-regular: blur(20px) saturate(180%);--blur-thick: blur(32px) saturate(200%);--ease-premium: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-quick: cubic-bezier(.2, 0, 0, 1);--bg-base: #14171f;--bg-surface-1: #1c2030;--bg-surface-2: #222738;--bg-elevated: #1c2030;--bg-recessed: #0d1018;--text-strong: #f8fafc;--text-default:#e2e8f0;--text-muted: #94a3b8;--text-subtle: #64748b;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Plus Jakarta Sans", system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", monospace}.glass-thin{background:var(--glass-thin);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-thin);backdrop-filter:var(--blur-thin);position:relative;isolation:isolate}.glass-regular{background:var(--glass-regular);border:1px solid var(--border-default);box-shadow:var(--shadow-md),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-regular);backdrop-filter:var(--blur-regular);position:relative;isolation:isolate}.glass-thick{background:var(--glass-thick);border:1px solid var(--border-emphasized);box-shadow:var(--shadow-lg),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-thick);backdrop-filter:var(--blur-thick);position:relative;isolation:isolate}.glass-elevated{background:var(--glass-elevated);border:1px solid var(--border-glow);box-shadow:var(--shadow-xl),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-thick);backdrop-filter:var(--blur-thick);position:relative;isolation:isolate}.glass-card{background:var(--glass-regular);border:1px solid var(--border-default);border-radius:16px;padding:24px;box-shadow:var(--shadow-lg),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-regular);backdrop-filter:var(--blur-regular);position:relative;isolation:isolate}.glass-card-elevated{background:var(--glass-elevated);border:1px solid var(--border-emphasized);border-radius:16px;padding:32px;box-shadow:var(--shadow-xl),var(--shadow-inset-top);-webkit-backdrop-filter:var(--blur-thick);backdrop-filter:var(--blur-thick);position:relative;isolation:isolate}.lift-on-hover{transition:transform .3s var(--ease-premium),box-shadow .3s var(--ease-premium),background .3s var(--ease-premium),border-color .3s var(--ease-premium)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.lift-on-hover:hover{transform:translateY(-2px);background:var(--glass-elevated);border-color:var(--border-emphasized);box-shadow:var(--shadow-xl),var(--shadow-inset-top)}}@media(prefers-reduced-motion:reduce){.lift-on-hover{transition:none}}.scale-on-press{transition:transform .18s var(--ease-spring)}.scale-on-press:active{transform:scale(.98);transition:transform .1s var(--ease-quick)}@media(prefers-reduced-motion:reduce){.scale-on-press,.scale-on-press:active{transition:none;transform:none}}.glow-on-hover{transition:box-shadow .3s var(--ease-premium),border-color .3s var(--ease-premium)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.glow-on-hover:hover{box-shadow:var(--shadow-lg),var(--glow-primary),var(--shadow-inset-top);border-color:var(--border-glow)}}.cursor-glow{position:relative;overflow:hidden}.cursor-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 40%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-premium);z-index:0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cursor-glow:hover:after{opacity:1}}@media(hover:none){.cursor-glow:after{display:none}}.text-display{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.text-h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.text-h2{font-family:var(--font-display);font-size:clamp(1.375rem,2.8vw,1.625rem);font-weight:700;letter-spacing:-.018em;line-height:1.2}.text-h3{font-family:var(--font-display);font-size:clamp(1.125rem,2.2vw,1.25rem);font-weight:700;letter-spacing:-.014em;line-height:1.25}.text-h4{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.text-body{font-family:var(--font-text);font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:-.005em}.text-caption{font-family:var(--font-text);font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:0;color:#94a3b8}.text-mono{font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:0}.text-stat{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.text-muted{color:var(--text-muted, #94a3b8)}.text-subtle{color:var(--text-subtle, #64748b)}.text-strong{color:var(--text-strong, #f8fafc);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:-.1px;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease-premium),border-color .2s var(--ease-premium),color .2s var(--ease-premium),transform .18s var(--ease-spring),box-shadow .25s var(--ease-premium)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f173,var(--shadow-md)}.btn:active{transform:scale(.97);transition:transform .1s var(--ease-quick)}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}.btn-sm{padding:7px 11px;font-size:12px;border-radius:8px}.btn-lg{padding:13px 22px;font-size:14px;border-radius:12px}.btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-color:#6366f161;box-shadow:0 1px #ffffff38 inset,0 0 0 1px #6366f147,var(--shadow-md)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-primary:hover{background:linear-gradient(135deg,#7176f6,#8d97fa);box-shadow:0 1px #ffffff42 inset,0 0 0 1px #6366f173,var(--glow-primary),var(--shadow-lg);transform:translateY(-1px)}}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b98161;box-shadow:0 1px #ffffff38 inset,0 0 0 1px #10b98147,var(--shadow-md)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-success:hover{background:linear-gradient(135deg,#14c393,#06aa78);box-shadow:0 1px #ffffff42 inset,0 0 0 1px #10b98173,var(--glow-success),var(--shadow-lg);transform:translateY(-1px)}}.btn-secondary{background:var(--glass-thin);color:#e2e8f0;border-color:var(--border-default);-webkit-backdrop-filter:var(--blur-thin);backdrop-filter:var(--blur-thin);box-shadow:var(--shadow-sm),var(--shadow-inset-top)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-secondary:hover{background:var(--glass-thick);border-color:var(--border-emphasized);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-inset-top)}}.btn-tertiary{background:transparent;color:#94a3b8;border-color:transparent}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-tertiary:hover{background:var(--glass-regular);color:#e2e8f0}}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef444459;box-shadow:0 1px #ffffff2e inset,0 0 0 1px #ef444440,var(--shadow-md)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-danger:hover{box-shadow:0 1px #ffffff38 inset,0 0 0 1px #ef444466,0 0 24px #ef444440,var(--shadow-lg);transform:translateY(-1px)}}@keyframes menuPop{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) translateY(4px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .22s var(--ease-premium, ease-out)}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}@keyframes mcqPick{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes mcqCorrectPulse{0%{transform:scale(1);box-shadow:0 0 #10b98180}40%{transform:scale(1.025);box-shadow:0 0 24px 4px #10b98166}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes mcqWrongShake{0%,to{transform:translate(0)}12%,36%,60%,84%{transform:translate(-5px)}24%,48%,72%{transform:translate(5px)}}@keyframes checkDraw{0%{stroke-dashoffset:30;opacity:0}to{stroke-dashoffset:0;opacity:1}}.mcq-option-pick{animation:mcqPick .28s var(--ease-spring, ease-out)}.mcq-option-correct{animation:mcqCorrectPulse .7s var(--ease-premium, ease-out)}.mcq-option-wrong{animation:mcqWrongShake .45s var(--ease-quick, ease-out)}.mcq-check-draw{stroke-dasharray:30;animation:checkDraw .4s var(--ease-premium, ease-out) forwards}@media(prefers-reduced-motion:reduce){.mcq-option-pick,.mcq-option-correct,.mcq-option-wrong{animation:none}.mcq-check-draw{animation:none;stroke-dashoffset:0;opacity:1}}@keyframes streakHypeIn{0%{opacity:0;transform:scale(.6) translateY(8px)}60%{opacity:1;transform:scale(1.12) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes streakHypeShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes onFirePulse{0%,to{box-shadow:0 0 8px #ef444473,0 0 16px #f9731633}50%{box-shadow:0 0 16px #ef4444bf,0 0 32px #f9731666}}@keyframes beastGlow{0%,to{box-shadow:0 0 12px #ef444459,0 0 32px #f9731633,inset 0 0 0 1px #ef444459}50%{box-shadow:0 0 28px #ef44448c,0 0 64px #f973164d,inset 0 0 0 1px #ef44448c}}@keyframes godVignette{0%,to{opacity:.55}50%{opacity:.85}}@keyframes godTextShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes streakOuch{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}to{transform:translate(0)}}.streak-pill-fire{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#ef44442e,#f973161f);border:1px solid rgba(239,68,68,.45);color:#fca5a5;font-weight:800;font-size:10px;letter-spacing:.6px;animation:onFirePulse 1.6s ease-in-out infinite,streakHypeIn .35s var(--ease-spring, ease-out)}.beast-mode-card{animation:beastGlow 2.2s ease-in-out infinite;border-color:#ef444473!important}.god-mode-card{border:1.5px solid transparent!important;background-image:linear-gradient(#0f172aeb,#0f172aeb),linear-gradient(135deg,#fbbf24,#f59e0b,#ef4444,#a855f7,#fbbf24);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;animation:streakHypeShine 6s ease-in-out infinite;box-shadow:0 0 40px #fbbf244d,0 0 80px #ef44442e,inset 0 0 0 1px #fbbf2440}.god-mode-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(251,191,36,.06) 65%,rgba(239,68,68,.1) 90%,rgba(168,85,247,.16) 100%);animation:godVignette 3.5s ease-in-out infinite}.tier-banner{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:900;font-size:11px;letter-spacing:1.5px;animation:streakHypeIn .5s var(--ease-spring, ease-out);white-space:nowrap}.tier-banner.tier-on-fire{background:linear-gradient(135deg,#ef444438,#f973161f);border:1px solid rgba(239,68,68,.55);color:#fca5a5}.tier-banner.tier-beast{background:linear-gradient(135deg,#ef44444d,#f973162e);border:1px solid rgba(239,68,68,.65);color:#fecaca;text-shadow:0 0 12px rgba(239,68,68,.5)}.tier-banner.tier-unstoppable{background:linear-gradient(135deg,#a855f74d,#8b5cf62e);border:1px solid rgba(168,85,247,.65);color:#e9d5ff;text-shadow:0 0 12px rgba(168,85,247,.5)}.tier-banner.tier-god{background:linear-gradient(135deg,#fbbf24,#f59e0b,#ef4444,#a855f7);background-size:300% 300%;border:1px solid rgba(251,191,36,.85);color:#0f172a;text-shadow:0 0 6px rgba(255,255,255,.3);animation:streakHypeIn .5s var(--ease-spring, ease-out),godTextShimmer 4s ease-in-out infinite .5s}.streak-ouch{animation:streakOuch .45s ease-out}@keyframes hotkeysFade{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.hotkeys-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020617b8;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);animation:hotkeysFade .18s ease-out;display:flex;align-items:center;justify-content:center;padding:20px}.hotkeys-modal{max-width:460px;width:100%;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 26px;box-shadow:0 24px 64px #00000080;animation:streakHypeIn .28s var(--ease-spring, ease-out)}.hotkeys-kbd{display:inline-block;min-width:22px;text-align:center;padding:2px 8px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px #ffffff0d inset,0 1px #0000004d;font-family:JetBrains Mono,monospace;font-size:11px;color:#cbd5e1}@media(prefers-reduced-motion:reduce){.streak-pill-fire,.beast-mode-card,.god-mode-card,.god-mode-vignette,.tier-banner,.tier-banner.tier-god,.streak-ouch,.hotkeys-overlay,.hotkeys-modal{animation:none!important}.god-mode-card{background-image:none;border:1px solid rgba(251,191,36,.6)!important}.god-mode-vignette{opacity:.5}}@keyframes ambientBreathe1{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes ambientBreathe2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){@keyframes ambientBreathe1{0%,to{opacity:1;transform:none}}@keyframes ambientBreathe2{0%,to{opacity:1;transform:none}}}@keyframes miniEkg{0%{stroke-dashoffset:60}50%{stroke-dashoffset:0}to{stroke-dashoffset:-60}}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ivBagDrop{0%{cy:43;opacity:.8}50%{opacity:.5}to{cy:49;opacity:0}}@keyframes flowPulse{0%{left:0%;opacity:0}50%{opacity:.5}to{left:calc(100% - 8px);opacity:0}}@keyframes shimmerBar{0%{left:-40%}to{left:140%}}.xp-shimmer{position:relative;overflow:hidden}.xp-shimmer:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmerBar 2.5s ease-in-out infinite}@keyframes fireGlow{0%{transform:scale(1);opacity:.7;filter:brightness(1)}to{transform:scale(1.15);opacity:1;filter:brightness(1.3)}}@keyframes fillBar{0%{width:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes streakGlow{0%,to{text-shadow:0 0 8px rgba(251,191,36,.4)}50%{text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.3)}}@keyframes streakPulse{0%,to{box-shadow:0 4px 16px #f59e0b26}50%{box-shadow:0 4px 24px #f59e0b59,0 0 0 6px #fbbf2414}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pearlGlow{0%,to{box-shadow:0 0 8px #f59e0b1a,inset 0 0 8px #f59e0b05}50%{box-shadow:0 0 20px #f59e0b40,inset 0 0 12px #f59e0b0d}}@keyframes pearlBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-1px) rotate(5deg)}}@keyframes brainFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.05)}50%{transform:translateY(-2px) scale(1.02)}75%{transform:translateY(-5px) scale(1.04)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glowText{0%,to{text-shadow:0 0 10px rgba(99,102,241,.3)}50%{text-shadow:0 0 25px rgba(99,102,241,.6),0 0 50px rgba(99,102,241,.2)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}@keyframes cardBackGlow{0%,to{box-shadow:0 0 15px #6366f126,inset 0 0 20px #6366f108}50%{box-shadow:0 0 30px #6366f14d,inset 0 0 30px #6366f10f}}@keyframes cardReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-back-glow{animation:cardBackGlow 3s ease-in-out infinite,cardReveal .5s ease-out}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes folderGlow{0%,to{box-shadow:0 0 15px var(--fg, rgba(99,102,241,.1)),0 0 40px var(--fg2, rgba(99,102,241,.03))}50%{box-shadow:0 0 30px var(--fg, rgba(99,102,241,.22)),0 0 80px var(--fg2, rgba(99,102,241,.06))}}@keyframes progressFill{0%{width:0%}to{width:var(--pw, 0%)}}@keyframes progressGlow{0%,to{filter:brightness(1) drop-shadow(0 0 3px currentColor)}50%{filter:brightness(1.4) drop-shadow(0 0 8px currentColor)}}@keyframes duePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes iconBreathe{0%,to{transform:scale(1);box-shadow:0 0 12px var(--ig, rgba(99,102,241,.1))}50%{transform:scale(1.06);box-shadow:0 0 24px var(--ig, rgba(99,102,241,.2))}}@keyframes orbFloat1{0%{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(30px,-20px) scale(1.2);opacity:.25}50%{transform:translate(-10px,-35px) scale(.9);opacity:.1}75%{transform:translate(-25px,-10px) scale(1.1);opacity:.2}to{transform:translate(0) scale(1);opacity:.15}}@keyframes orbFloat2{0%{transform:translate(0) scale(1);opacity:.1}33%{transform:translate(-20px,15px) scale(1.3);opacity:.2}66%{transform:translate(15px,25px) scale(.8);opacity:.08}to{transform:translate(0) scale(1);opacity:.1}}@keyframes cardBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.qb-card{transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:cardBreathe 6s ease-in-out infinite}.qb-card:nth-child(odd){animation-delay:-2s}.qb-card:nth-child(3n){animation-delay:-4s}.qb-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 12px 40px #0006,0 0 30px var(--fg, rgba(99,102,241,.15)),0 0 60px var(--fg2, rgba(99,102,241,.05))}.qb-card:active{transform:translateY(-2px) scale(.98);transition:all .1s}.qb-card:before{content:"";position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 55%,transparent 70%);transition:left .7s ease}.qb-card:hover:before{left:150%}.qb-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--fg, rgba(99,102,241,.2)),transparent);opacity:0;transition:opacity .3s}.qb-card:hover:after{opacity:1}.qb-due{animation:duePulse 1.5s ease-in-out infinite}.qb-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(20px)}.qb-progress{animation:progressGlow 3s ease-in-out infinite}@keyframes lobbyOrb{0%{transform:translate(0) scale(1);opacity:.06}33%{transform:translate(40px,-30px) scale(1.4);opacity:.12}66%{transform:translate(-20px,-50px) scale(.8);opacity:.04}to{transform:translate(0) scale(1);opacity:.06}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.6}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(280%)}}@keyframes feedbackPulse{0%,to{box-shadow:0 4px 18px #00000059,0 0 #6366f173}50%{box-shadow:0 4px 18px #00000059,0 0 0 12px #6366f100}}@keyframes correctPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes urgentPulse{0%,to{box-shadow:inset 0 0 #ef444400}50%{box-shadow:inset 0 0 30px 5px #ef44440f}}@keyframes wrongShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes streakFire{0%{text-shadow:0 0 4px rgba(251,191,36,.5)}50%{text-shadow:0 0 16px rgba(251,191,36,.8),0 0 32px rgba(245,158,11,.4)}to{text-shadow:0 0 4px rgba(251,191,36,.5)}}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-55%) scale(1.1)}30%{transform:translate(-50%,-60%) scale(1)}80%{opacity:1;transform:translate(-50%,-80%)}to{opacity:0;transform:translate(-50%,-100%) scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}.ghst:hover{background:#ffffff0a!important}.ghst:hover .folder-menu-btn{opacity:1!important}.toast-anim{animation:fadeIn .25s ease-out}html,body{margin:0;padding:0;background:var(--bg-base, #0a0a0a);color:#e2e8f0;font-family:var(--font-text, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media(pointer:coarse){.btn-sm{min-height:40px}.btn{min-height:44px}.btn-lg{min-height:48px}}@media(max-width:480px){.glass-card{padding:16px!important;border-radius:12px!important}.glass-card-elevated{padding:22px!important}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px}#root{position:relative;z-index:1}#root{min-height:100vh}@keyframes scrollWave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes vitalGlow{0%,to{box-shadow:0 0 15px var(--vital-glow, rgba(99,102,241,.2)),0 0 30px var(--vital-glow-soft, rgba(99,102,241,.1)),var(--shadow-md, 0 8px 24px rgba(0,0,0,.32)),var(--shadow-inset-top, inset 0 1px 0 rgba(255,255,255,.05))}50%{box-shadow:0 0 25px var(--vital-glow, rgba(99,102,241,.34)),0 0 60px var(--vital-glow-soft, rgba(99,102,241,.18)),var(--shadow-md, 0 8px 24px rgba(0,0,0,.32)),var(--shadow-inset-top, inset 0 1px 0 rgba(255,255,255,.05))}}@keyframes vitalNumeralGlow{0%,to{text-shadow:0 0 10px var(--vital-glow, rgba(99,102,241,.6)),0 0 24px var(--vital-glow-soft, rgba(99,102,241,.3))}50%{text-shadow:0 0 20px var(--vital-glow, rgba(99,102,241,.78)),0 0 44px var(--vital-glow-soft, rgba(99,102,241,.4))}}@media(prefers-reduced-motion:reduce){.vital-card,.vital-card .vital-numeral{animation:none!important}.vital-card .vital-wave-track{animation:none!important;transform:none!important}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr!important;text-align:center}.hero-grid h1{text-align:center!important}}@media(max-width:560px){.vital-card{padding:14px 14px 10px}.vital-card .vital-numeral{letter-spacing:-1px}}@media(max-width:380px){.hero-grid>div:last-child{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.hero-grid *{animation:none!important;transition:none!important}}