@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg0: #0f172a;--bg1: #1e293b;--bg-bottom: #020617;--primary: #60a5fa;--accent: #2dd4bf;--secondary: #fb7185;--primary-rgb: 96 165 250;--accent-rgb: 45 212 191;--secondary-rgb: 251 113 133;--text: #ffffff;--muted: #f1f5f9;--muted-soft: #cbd5e1;--border: rgba(148, 163, 184, .5);--border-soft: rgba(148, 163, 184, .3);--surface: rgba(30, 41, 59, .95);--surface-2: rgba(30, 41, 59, .85);--danger: #f87171;--success: #34d399;--warning: #fbbf24;--radius: 20px;--btn-bg: rgba(255, 255, 255, .04);--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;--font-feature: "cv02","cv03","cv04","cv11";--gold: var(--primary);--teal: var(--accent);--pro: #5ed1ff;--txt: var(--text);--green: var(--success);--red: var(--danger);--aurora-1: rgb(var(--primary-rgb) / .2);--aurora-2: rgb(var(--accent-rgb) / .14);--aurora-3: rgba(244, 114, 182, .12);--aurora-4: rgb(var(--primary-rgb) / .12);--shadow-base: rgba(2, 6, 16, .8);--shadow-base-deep: rgba(0, 0, 0, .4);--shadow-glow: rgba(59, 130, 246, .15);--shadow-glow-hover: rgba(59, 130, 246, .25);--border-card: rgba(59, 130, 246, .22);--border-card-hover: rgba(59, 130, 246, .5);--header-border: rgba(59, 130, 246, .25);--card-shadow: 0 16px 36px -14px rgba(2, 6, 23, .65), 0 2px 8px rgba(2, 6, 23, .35)}:root[data-theme=light]{color-scheme:light;--bg0: #f8fafc;--bg1: #f1f5f9;--bg-bottom: #e2e8f0;--primary: #2563eb;--accent: #0d9488;--secondary: #e11d48;--primary-rgb: 37 99 235;--accent-rgb: 13 148 136;--secondary-rgb: 225 29 72;--text: #292524;--muted: rgba(41, 37, 36, .85);--muted-soft: rgba(41, 37, 36, .75);--border: rgba(120, 113, 108, .25);--border-soft: rgba(120, 113, 108, .15);--surface: rgba(255, 255, 255, .85);--surface-2: rgba(255, 255, 255, .65);--btn-bg: rgba(0, 0, 0, .03);--danger: #b91c1c;--success: #15803d;--warning: #b45309;--aurora-1: rgba(59, 130, 246, .08);--aurora-2: rgba(20, 184, 166, .08);--aurora-3: rgba(236, 72, 153, .06);--aurora-4: rgba(250, 204, 21, .08);--shadow-base: rgba(41, 37, 36, .08);--shadow-base-deep: rgba(41, 37, 36, .12);--shadow-glow: rgba(37, 99, 235, .05);--shadow-glow-hover: rgba(37, 99, 235, .15);--border-card: rgba(255, 255, 255, .8);--border-card-hover: rgba(37, 99, 235, .4);--header-border: rgba(15, 23, 42, .15);--card-shadow: 0 14px 30px -14px rgba(15, 23, 42, .14), 0 2px 6px rgba(15, 23, 42, .06)}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);font-feature-settings:var(--font-feature);letter-spacing:-.005em;color:var(--text);background:linear-gradient(180deg,var(--bg1),var(--bg0) 68%,var(--bg-bottom));-webkit-font-smoothing:antialiased;overflow:hidden;position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2}body:before{background:radial-gradient(620px 480px at 12% 8%,var(--aurora-1),transparent 62%),radial-gradient(560px 460px at 88% 22%,var(--aurora-2),transparent 62%),radial-gradient(420px 360px at 70% 75%,var(--aurora-3),transparent 60%),radial-gradient(520px 460px at 30% 96%,var(--aurora-4),transparent 60%);filter:blur(10px);animation:aurora-drift 28s ease-in-out infinite;will-change:transform}body:after{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 75% 55% at 50% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 75% 55% at 50% 30%,#000 30%,transparent 78%);z-index:-1}@keyframes aurora-drift{0%,to{transform:translateZ(0)}33%{transform:translate3d(24px,-18px,0)}66%{transform:translate3d(-18px,22px,0)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}@media(hover:none)and (pointer:coarse){body:before{animation:none;filter:none}.app-header,.card,.bottom-nav,.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}.kbd-hint{display:inline-grid}@media(hover:none)and (pointer:coarse){.kbd-hint{display:none!important}}button,input,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;width:100%;max-width:430px;margin:0 auto;position:relative}.app-header{flex:0 0 auto;position:relative;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 10px) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--header-border);background:linear-gradient(180deg,rgb(var(--primary-rgb) / .05) 0%,var(--surface) 100%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 2px 12px var(--shadow-base-deep)}.brand{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.brand-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.brand-title{font-size:15px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);white-space:nowrap;line-height:1}.brand-pill-fire{color:var(--warning);background:#fbbf241f;border-color:#fbbf2459}.brand-pill-score{color:var(--accent);background:rgb(var(--accent-rgb) / .12);border-color:rgb(var(--accent-rgb) / .35)}.brand-icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;padding:0;font-size:14px;flex-shrink:0}.brand-avatar-btn{background:transparent;border:0;padding:0;cursor:pointer;line-height:0;flex-shrink:0}.brand-logo-btn{border:0;background:transparent;padding:0;cursor:pointer;border-radius:13px;line-height:0}.brand-logo-btn:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .9);outline-offset:3px}button:focus-visible,.nav-btn:focus-visible,.mini-btn:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .9);outline-offset:2px;border-radius:12px}.brand-mark{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#f8fbff;background:linear-gradient(145deg,rgb(var(--primary-rgb) / .95),rgb(var(--accent-rgb) / .9));box-shadow:0 8px 18px rgb(var(--primary-rgb) / .24);border:1px solid rgb(255 255 255 / .18);flex-shrink:0;animation:brandBreathe 6s ease-in-out infinite}.brand-logo{display:block;overflow:visible}.brand-meta{display:flex;align-items:center;gap:6px}.mini-btn{border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:6px 12px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.category-pills{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px 16px;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(180deg,rgb(var(--primary-rgb) / .03) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - 24px),transparent 100%)}.category-pills::-webkit-scrollbar{display:none}.category-pill{flex:0 0 auto;white-space:nowrap;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.category-pill.pill-active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgb(var(--primary-rgb) / .35)}.scroll-area{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));min-height:0;-webkit-overflow-scrolling:touch}.app-shell:has(.category-pills.safe-top) .scroll-area{padding-top:12px}.card{border-radius:var(--radius);border:1px solid var(--border-card);background:linear-gradient(135deg,rgb(var(--primary-rgb) / .06) 0%,var(--surface-2) 100%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px #ffffff26,0 12px 32px -8px var(--shadow-base),0 0 20px var(--shadow-glow);padding:18px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.scroll-area .card~.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface);border:1px solid var(--border-card)}.card.question-card{transform:translateZ(0)}.card.question-card:hover{border-color:var(--border-card-hover);box-shadow:inset 0 1px #ffffff26,0 22px 46px -14px var(--shadow-base),0 0 24px var(--shadow-glow-hover)}.quiz-card-sparkle{position:absolute;pointer-events:none;z-index:1;line-height:1;animation:sparkleTwinkle 3.2s ease-in-out infinite}.quiz-card-sparkle-1{top:10px;right:16px;font-size:15px;color:rgb(var(--primary-rgb) / .4)}.quiz-card-sparkle-2{bottom:12px;left:14px;font-size:10px;color:rgb(var(--accent-rgb) / .35);animation-delay:1.6s}@keyframes sparkleTwinkle{0%,to{opacity:.25;transform:scale(.85) rotate(0)}50%{opacity:.95;transform:scale(1.2) rotate(15deg)}}@media(prefers-reduced-motion:reduce){.quiz-card-sparkle{animation:none;opacity:.4}}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border);padding:5px 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.badge-gold{color:var(--primary);background:rgb(var(--primary-rgb) / .14)}.badge-teal{color:var(--accent);background:rgb(var(--accent-rgb) / .14)}.badge-muted{color:var(--muted-soft);background:var(--surface-2)}.badge-pro{color:var(--primary);background:rgb(var(--primary-rgb) / .14);border:1px solid rgb(var(--primary-rgb) / .2);font-weight:700}.badge-green{color:var(--accent);background:rgb(var(--accent-rgb) / .14);border:1px solid rgb(var(--accent-rgb) / .2)}.frame-golden{border:2px solid #fbbf24!important;box-shadow:0 0 12px #fbbf2466;animation:goldGlow 2s ease-in-out infinite}@keyframes goldGlow{0%,to{box-shadow:0 0 8px #fbbf244d;border-color:#fbbf24}50%{box-shadow:0 0 16px #fbbf2499;border-color:#f59e0b}}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff!important;font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-decoration:none;outline:none;box-shadow:0 12px 28px -6px var(--shadow-glow-hover),inset 0 1px 1px #fff3;transition:all .22s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 36px -8px var(--shadow-glow-hover),inset 0 1px 1px #ffffff4d}}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:flex;justify-content:center;align-items:center;width:100%;min-height:58px;border:1px solid var(--border-card);border-radius:16px;background:#ffffff08;color:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(hover:hover){.btn-secondary:hover{background:rgb(var(--primary-rgb) / .08);border-color:var(--border-card-hover);box-shadow:0 0 12px var(--shadow-glow);transform:translateY(-1px)}}.pbar{height:6px;border-radius:99px;background:#94a3b833;overflow:hidden}.pbar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width 1s ease;position:relative;overflow:hidden}.pbar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:shimmerSlide 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pbar-fill:after{animation:none}}.bottom-nav{flex:0 0 auto;position:sticky;bottom:0;z-index:100;width:100%;max-width:none;display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left));background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-top:1px solid var(--header-border);box-shadow:0 -4px 24px var(--shadow-base-deep)}.chat-page{display:flex;flex-direction:column;min-height:calc(100dvh - 220px);padding-bottom:110px}.chat-shell{display:flex;flex-direction:column;min-height:clamp(340px,calc(100dvh - 380px),700px);max-height:calc(100dvh - 310px);border:1px solid var(--border-soft);border-radius:16px;background:#070c1875;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:12px 10px 20px}.chat-compose{position:sticky;bottom:8px;width:100%;max-width:100%;margin-top:12px;padding:10px;border:1px solid var(--border-soft);border-radius:14px;background:#050814f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;gap:8px;z-index:5;box-shadow:0 10px 24px #02061061}.legal-links{margin-top:16px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.legal-links a{color:var(--muted-soft);text-decoration:none}.legal-links a:hover{color:var(--primary)}.legal-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted-soft);cursor:pointer;font:inherit;padding:0;text-transform:inherit;letter-spacing:inherit}.legal-link-btn:hover{color:var(--primary)}.nav-btn{min-height:52px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;position:relative;padding:4px 2px;border-radius:12px}.nav-btn .nav-icon{font-size:20px;line-height:1;transition:all .2s}.nav-btn.active{color:var(--primary);text-shadow:0 0 12px rgba(59,130,246,.6)}.nav-btn.active .nav-icon{filter:drop-shadow(0 0 8px rgba(59,130,246,.8));transform:translateY(-2px)}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);position:absolute;right:calc(50% - 16px);top:9px;animation:pulse 1.8s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060a13c7;display:flex;align-items:flex-end;justify-content:center;padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sheet-fade-in .22s ease-out both}.modal{width:100%;max-width:460px;border-radius:24px 24px 0 0;border:1px solid var(--border);border-bottom:0;background:linear-gradient(135deg,#ffffff0a,#ffffff03),var(--surface);padding:22px 22px max(28px,env(safe-area-inset-bottom));box-shadow:0 -22px 52px var(--shadow-base-deep);animation:sheet-slide-up .32s cubic-bezier(.32,.72,.32,1.05) both;max-height:92dvh;overflow-y:auto;position:relative}.modal:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:999px;background:#ffffff2e}@media(min-width:640px){.modal-overlay{align-items:center;padding:24px}.modal{border:1px solid var(--border);border-radius:28px;box-shadow:0 30px 60px var(--shadow-base-deep);animation:pop-in .32s cubic-bezier(.34,1.56,.64,1) both}.modal:before{display:none}}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.legal-modal{max-width:min(96vw,760px);height:min(88vh,820px);padding:12px;display:flex;flex-direction:column;gap:8px}.legal-iframe{width:100%;height:100%;border:1px solid var(--border-soft);border-radius:12px;background:#0a1020}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ring{position:absolute;border-radius:50%;transform:translate(-50%,-50%);filter:blur(140px);opacity:.45;will-change:transform,opacity}.ring--a{width:min(500px,100vw);height:min(500px,100vw);left:80%;top:20%;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(6,182,212,.1) 70%,transparent 100%);animation:driftA 28s ease-in-out infinite alternate}.ring--b{width:min(600px,110vw);height:min(600px,110vw);left:20%;top:75%;background:radial-gradient(circle,rgba(236,72,153,.35) 0%,rgba(59,130,246,.15) 60%,transparent 100%);animation:driftB 32s ease-in-out infinite alternate}.particle-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ambient-particle{position:absolute;border-radius:50%;filter:blur(40px);opacity:.15;pointer-events:none;will-change:transform,opacity}.particle-1{width:150px;height:150px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);left:10%;top:30%;animation:ambient-drift-1 25s ease-in-out infinite alternate}.particle-2{width:200px;height:200px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);right:15%;top:45%;animation:ambient-drift-2 30s ease-in-out infinite alternate}.particle-3{width:120px;height:120px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);left:45%;top:15%;animation:ambient-drift-3 20s ease-in-out infinite alternate}.particle-4{width:180px;height:180px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);left:20%;top:70%;animation:ambient-drift-4 28s ease-in-out infinite alternate}.particle-5{width:160px;height:160px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);right:25%;top:80%;animation:ambient-drift-5 24s ease-in-out infinite alternate}@keyframes ambient-drift-1{0%{transform:translate(0) scale(1);opacity:.12}50%{transform:translate(50px,-40px) scale(1.2);opacity:.18}to{transform:translate(-30px,30px) scale(.9);opacity:.1}}@keyframes ambient-drift-2{0%{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(-40px,60px) scale(.85);opacity:.1}to{transform:translate(30px,-30px) scale(1.15);opacity:.2}}@keyframes ambient-drift-3{0%{transform:translate(0) scale(1);opacity:.18}50%{transform:translate(-20px,-50px) scale(1.1);opacity:.12}to{transform:translate(40px,20px) scale(.9);opacity:.16}}@keyframes ambient-drift-4{0%{transform:translate(0) scale(1);opacity:.1}50%{transform:translate(60px,30px) scale(1.25);opacity:.17}to{transform:translate(-50px,-40px) scale(.8);opacity:.12}}@keyframes ambient-drift-5{0%{transform:translate(0) scale(1);opacity:.14}50%{transform:translate(-30px,-30px) scale(.9);opacity:.2}to{transform:translate(50px,40px) scale(1.1);opacity:.11}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");background-size:180px 180px}.conf{position:fixed;pointer-events:none;z-index:300;width:8px;height:8px;border-radius:2px;animation:confFall 1.4s ease-in forwards;will-change:transform,opacity}.fade-up{animation:fadeUp .3s ease both}.pop-in{animation:popIn .3s ease both}.pulse{animation:pulse 1.8s infinite}.question-card{animation:questionSwap .35s cubic-bezier(.16,.84,.44,1) both}@media(prefers-reduced-motion:reduce){.question-card{animation:none}}.streak-milestone{margin-bottom:12px;border-radius:14px;border:1px solid rgb(var(--primary-rgb) / .38);background:linear-gradient(180deg,rgb(var(--primary-rgb) / .18),rgb(var(--accent-rgb) / .08));padding:12px 10px;text-align:center;box-shadow:0 10px 24px rgb(var(--primary-rgb) / .18);position:relative;overflow:hidden}.streak-tier-1{animation:streakPop .35s ease both,streakGlow1 1.9s ease-in-out infinite}.streak-tier-2{animation:streakPop .35s ease both,streakGlow2 1.7s ease-in-out infinite}.streak-tier-3{animation:streakPop .38s ease both,streakGlow3 1.55s ease-in-out infinite}.streak-tier-4{animation:streakPop .4s ease both,streakGlow4 1.4s ease-in-out infinite}.streak-tier-5{animation:streakPop .42s ease both,streakGlow5 1.25s ease-in-out infinite}.streak-tier-6{animation:streakPop .46s ease both,streakGlow6 1.1s ease-in-out infinite}@keyframes confFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pop-emoji{0%{opacity:0;transform:scale(.4) rotate(-8deg)}60%{opacity:1;transform:scale(1.15) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-burst{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgb(var(--accent-rgb) / .55);animation:resultBurstRing .7s cubic-bezier(.16,.84,.44,1) both;pointer-events:none}.result-burst.rb-2{border-color:rgb(var(--primary-rgb) / .5);animation-delay:.12s}@keyframes resultBurstRing{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.result-burst{animation:none;display:none}}@keyframes questionSwap{0%{opacity:0;transform:translate(18px) scale(.985);filter:blur(2px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes streakPop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes streakGlow1{0%,to{box-shadow:0 10px 24px rgb(var(--primary-rgb) / .16)}50%{box-shadow:0 12px 28px rgb(var(--primary-rgb) / .22)}}@keyframes streakGlow2{0%,to{box-shadow:0 10px 24px rgb(var(--primary-rgb) / .2)}50%{box-shadow:0 14px 32px rgb(var(--primary-rgb) / .28)}}@keyframes streakGlow3{0%,to{box-shadow:0 12px 26px rgb(var(--primary-rgb) / .24)}50%{box-shadow:0 18px 36px rgb(var(--accent-rgb) / .32)}}@keyframes streakGlow4{0%,to{box-shadow:0 14px 30px rgb(var(--primary-rgb) / .26)}50%{box-shadow:0 22px 42px rgb(var(--accent-rgb) / .38)}}@keyframes streakGlow5{0%,to{box-shadow:0 16px 34px rgb(var(--primary-rgb) / .3)}50%{box-shadow:0 24px 46px rgb(var(--accent-rgb) / .45)}}@keyframes streakGlow6{0%,to{box-shadow:0 18px 36px rgb(var(--primary-rgb) / .34)}50%{box-shadow:0 28px 52px rgb(var(--accent-rgb) / .5)}}.streak-warm{color:#fed7aa!important;background:linear-gradient(135deg,#fb923c38,#f59e0b2e)!important;border-color:#fb923c73!important;box-shadow:0 0 10px #fb923c59,inset 0 0 6px #fb923c2e;animation:streakWarmGlow 2.4s ease-in-out infinite}.streak-fire{color:#fff4d6!important;background:linear-gradient(135deg,#f9731652,#ea580c42)!important;border-color:#f9731699!important;text-shadow:0 0 4px rgba(255,180,80,.6);box-shadow:0 0 14px #f9731680,0 0 22px #ea580c47,inset 0 0 8px #f9731638;animation:streakFireFlicker 1.6s ease-in-out infinite}.streak-blaze{color:#fff!important;background:linear-gradient(135deg,#ef444466,#f9731657)!important;border-color:#ef4444b3!important;text-shadow:0 0 6px rgba(255,140,60,.85),0 0 12px rgba(239,68,68,.55);box-shadow:0 0 18px #ef444499,0 0 30px #f9731666,inset 0 0 10px #f973164d;animation:streakBlazePulse 1.1s ease-in-out infinite}.streak-inferno{color:#fffce8!important;background:linear-gradient(135deg,#facc1570,#ea580c66,#dc262661)!important;border-color:#facc15d9!important;text-shadow:0 0 6px rgba(254,240,138,.95),0 0 14px rgba(250,204,21,.7),0 0 22px rgba(239,68,68,.55);box-shadow:0 0 22px #facc15a6,0 0 36px #ea580c80,0 0 50px #dc262652,inset 0 0 12px #facc1566;animation:streakInfernoPulse .85s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.streak-warm,.streak-fire,.streak-blaze,.streak-inferno{animation:none}}@keyframes streakWarmGlow{0%,to{box-shadow:0 0 8px #fb923c4d,inset 0 0 6px #fb923c26}50%{box-shadow:0 0 14px #fb923c80,inset 0 0 8px #fb923c40}}@keyframes streakFireFlicker{0%,to{box-shadow:0 0 12px #f9731673,0 0 20px #ea580c3d,inset 0 0 8px #f9731633;filter:brightness(1)}35%{box-shadow:0 0 16px #f973168c,0 0 26px #ea580c59,inset 0 0 10px #f9731647;filter:brightness(1.08)}65%{box-shadow:0 0 13px #f973167a,0 0 22px #ea580c47,inset 0 0 9px #f9731638;filter:brightness(1.04)}}@keyframes streakBlazePulse{0%,to{transform:scale(1);box-shadow:0 0 16px #ef44448c,0 0 28px #f973165c,inset 0 0 10px #f9731647}50%{transform:scale(1.04);box-shadow:0 0 22px #ef4444bf,0 0 36px #f9731680,inset 0 0 12px #f973165c}}@keyframes streakInfernoPulse{0%,to{transform:scale(1);filter:brightness(1);box-shadow:0 0 20px #facc1599,0 0 34px #ea580c75,0 0 48px #dc26264d,inset 0 0 12px #facc155c}50%{transform:scale(1.06);filter:brightness(1.12);box-shadow:0 0 28px #facc15d9,0 0 44px #ea580c9e,0 0 60px #dc26266b,inset 0 0 14px #facc1580}}.streak-tier-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 80px);left:50%;transform:translate(-50%);z-index:102;padding:11px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:15px;font-weight:700;letter-spacing:"-0.01em";display:flex;align-items:center;gap:10px;max-width:92%;pointer-events:none;animation:streakToastIn .4s cubic-bezier(.16,.84,.44,1) both,streakToastOut .45s ease 2.55s both}.streak-tier-toast .stt-icon{font-size:26px;line-height:1}.streak-tier-toast .stt-name{background:linear-gradient(180deg,#fff7ed,#fbbf24 55%,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(251,146,60,.55);font-weight:800}.streak-tier-toast.tt-fire{background:linear-gradient(135deg,#f97316f5,#ea580ceb);box-shadow:0 18px 38px -12px #ea580c99,0 0 24px #f9731666}.streak-tier-toast.tt-blaze{background:linear-gradient(135deg,#ef4444f7,#f97316ed);box-shadow:0 18px 38px -12px #ef4444a6,0 0 28px #f9731673}.streak-tier-toast.tt-inferno{background:linear-gradient(135deg,#facc15f5,#ea580cf2,#dc2626f0);box-shadow:0 20px 42px -10px #dc2626b3,0 0 32px #facc158c}.streak-tier-toast.tt-warm{background:linear-gradient(135deg,#fb923cf2,#f59e0be6);box-shadow:0 16px 34px -12px #f59e0b8c,0 0 20px #fb923c59}@keyframes streakToastIn{0%{opacity:0;transform:translate(-50%,-16px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes streakToastOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.97)}}@keyframes driftA{0%{transform:translate(-50%,-50%) translate(0) scale(1)}50%{transform:translate(-50%,-50%) translate(40px,-60px) scale(1.1)}to{transform:translate(-50%,-50%) translate(0) scale(1)}}@keyframes driftB{0%{transform:translate(-50%,-50%) translate(0) scale(1.1)}50%{transform:translate(-50%,-50%) translate(-60px,40px) scale(.9)}to{transform:translate(-50%,-50%) translate(0) scale(1.1)}}@media(min-width:768px){.app-shell,.cookie-banner{max-width:560px}.app-header{padding:14px 22px}.scroll-area{padding:20px 22px}.brand-mark{width:42px;height:42px}.card{padding:20px}.chat-compose{max-width:516px;width:calc(100% - 44px)}}@media(min-width:1024px){.app-shell,.cookie-banner{max-width:640px}.scroll-area{padding:24px}.nav-btn{min-height:58px}.chat-compose{max-width:592px;width:calc(100% - 48px)}}.brand-text-anim{background:linear-gradient(90deg,rgb(var(--primary-rgb)),rgb(var(--accent-rgb)) 30%,#f472b6,rgb(var(--accent-rgb)) 70%,rgb(var(--primary-rgb)));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hueDrift 9s ease-in-out infinite}@keyframes hueDrift{0%,to{background-position:0% 0}50%{background-position:100% 0}}.shimmer{position:relative;overflow:hidden;isolation:isolate}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-100%);animation:shimmerSlide 3.4s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes shimmerSlide{0%{transform:translate(-100%)}60%{transform:translate(110%)}to{transform:translate(110%)}}@property --ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glow-border{position:relative;isolation:isolate}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ring-angle, 0deg),rgb(var(--primary-rgb) / .9),rgb(var(--accent-rgb) / .9),#f472b6,rgb(var(--primary-rgb) / .9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringSpin 6s linear infinite;pointer-events:none;z-index:-1;opacity:.85}@keyframes ringSpin{to{--ring-angle: 360deg}}@supports not (background: paint(angle)){.glow-border:before{background:linear-gradient(135deg,rgb(var(--primary-rgb)),rgb(var(--accent-rgb)),#f472b6);animation:hueRotate 6s linear infinite}@keyframes hueRotate{to{filter:hue-rotate(360deg)}}}[data-stagger]{opacity:0;transform:translateY(6px);animation:optReveal .42s cubic-bezier(.2,.7,.2,1) both}[data-stagger="0"]{animation-delay:60ms}[data-stagger="1"]{animation-delay:.14s}[data-stagger="2"]{animation-delay:.22s}[data-stagger="3"]{animation-delay:.3s}@keyframes optReveal{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.num-flip{display:inline-block;animation:numFlip .5s cubic-bezier(.2,.7,.2,1)}@keyframes numFlip{0%{transform:translateY(0) scale(1);filter:brightness(1)}40%{transform:translateY(-4px) scale(1.18);filter:brightness(1.45)}to{transform:translateY(0) scale(1);filter:brightness(1)}}.btn-primary{will-change:transform}.btn-primary:active{transform:translateY(1px) scale(.97);transition:transform .08s ease}.nav-btn.active{position:relative}.nav-btn.active:after{content:"";position:absolute;left:50%;bottom:6px;transform:translate(-50%) scaleX(.85);width:26px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgb(var(--primary-rgb)),rgb(var(--accent-rgb)));box-shadow:0 0 12px rgb(var(--accent-rgb) / .7);animation:navPulse 2.4s ease-in-out infinite}@keyframes navPulse{0%,to{opacity:.85;transform:translate(-50%) scaleX(.85)}50%{opacity:1;transform:translate(-50%) scaleX(1.15)}}@keyframes brandBreathe{0%,to{box-shadow:0 8px 18px rgb(var(--primary-rgb) / .22)}50%{box-shadow:0 10px 26px rgb(var(--accent-rgb) / .42),0 0 0 2px rgb(var(--accent-rgb) / .08)}}.question-card{transition:transform .22s cubic-bezier(.2,.8,.2,1);will-change:transform}.question-card:active:not(:has(.quiz-answer-btn:active)){transform:scale(.995)}@media(prefers-reduced-motion:reduce){.brand-text-anim,.shimmer:after,.glow-border:before,.nav-btn.active:after,.brand-mark,[data-stagger],.num-flip{animation:none!important}.brand-text-anim{background-position:0% 0}[data-stagger]{opacity:1;transform:none}}@media(max-width:380px),(max-height:600px){.scroll-area{padding:10px 12px calc(88px + env(safe-area-inset-bottom,0px))}.app-header{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:8px}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-logo{width:18px;height:18px}.brand-pill{padding:3px 7px;font-size:9px}.badge{padding:3px 7px;font-size:9px;gap:4px}.quiz-header-row{margin-bottom:10px!important}.quiz-header-badges{gap:5px!important;flex-wrap:wrap;justify-content:flex-end}.card{padding:12px;border-radius:16px}.quiz-question-card{margin-bottom:8px!important}.quiz-hero{gap:10px!important;margin-bottom:10px!important}.quiz-hero-emoji{width:40px!important;height:40px!important;border-radius:12px!important;font-size:22px!important}.quiz-hero-meta{gap:4px!important}.quiz-cat-badge{font-size:9px!important;padding:3px 7px!important}.quiz-diff-badge{font-size:9px!important;padding:2px 6px!important}.quiz-question-text{font-size:19px!important;line-height:1.25!important;margin-bottom:12px!important}.quiz-answers{gap:7px!important}.quiz-answer-btn{padding:11px 12px!important;min-height:48px!important;gap:10px!important;border-radius:13px!important}.quiz-answer-letter{width:26px!important;height:26px!important;border-radius:8px!important;font-size:11px!important}.quiz-answer-text{font-size:14px!important;line-height:1.3}.quiz-skip-btn{min-height:38px!important;font-size:10px!important;padding:0 10px!important}.quiz-skip-hint{font-size:9px!important;margin-bottom:6px!important}.nav-btn{min-height:46px;font-size:9px;gap:2px}.nav-btn .nav-icon{font-size:16px}.bottom-nav{padding:6px max(6px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom,0px) + 8px) max(6px,env(safe-area-inset-left))}}.wrong-revealed-hint{animation:wrongHintGlow 2s ease-in-out infinite}@keyframes wrongHintGlow{0%,to{box-shadow:0 0 8px #ef444429;border-color:#ef444459!important}50%{box-shadow:0 0 18px #ef444461;border-color:#ef44448c!important}}@media(prefers-reduced-motion:reduce){.wrong-revealed-hint{animation:none!important;box-shadow:0 0 10px #ef444438!important;border-color:#ef444473!important}}.info-banner{background:linear-gradient(135deg,#38bdf824,#22c55e14)!important;border:1px solid rgba(56,189,248,.38)!important;border-left:4px solid var(--primary)!important;border-radius:var(--radius);padding:16px 18px!important;margin-bottom:12px;box-shadow:0 8px 30px #00000040!important}.info-banner-title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--primary)!important}.info-banner-text{font-size:13px;line-height:1.55;color:var(--text)!important}.info-banner-text strong{color:var(--text)!important;font-weight:700}.info-banner-text a{color:var(--primary)!important;text-decoration:underline}.info-banner.warning{background:linear-gradient(135deg,#f8717124,#fb718514)!important;border:1px solid rgba(248,113,113,.38)!important;border-left:4px solid var(--danger)!important}.info-banner.warning .info-banner-title{color:var(--danger)!important}.vitrine-container{display:flex;flex-direction:column;gap:6px;align-items:center;background:#ffffff08;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff1a,0 0 12px #3b82f60f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vitrine-title{font-family:var(--font-mono);font-size:10px;color:var(--muted-soft);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:4px;margin-bottom:2px}.vitrine-medal{position:relative;display:inline-block;cursor:default}.vitrine-medal:hover{transform:scale(1.08);transition:transform .2s ease}@keyframes float-mini-medal{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(2deg)}}.vitrine-medal-img{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)) drop-shadow(0 0 6px rgba(255,255,255,.15));animation:float-mini-medal 3s ease-in-out infinite}.medal-count-overlay{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;font-weight:900;color:inherit;background:#000000bf;padding:1px 6px;border-radius:6px;border:1px solid currentColor;box-shadow:0 2px 4px #0009;line-height:1;white-space:nowrap;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes float-podium-1{0%,to{transform:translateY(0) scale(1.02)}50%{transform:translateY(-6px) scale(1.03)}}@keyframes float-podium-2{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes float-podium-3{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.podium-card-0{animation:float-podium-1 5s ease-in-out infinite}.podium-card-1{animation:float-podium-2 4.5s ease-in-out infinite;animation-delay:.5s}.podium-card-2{animation:float-podium-3 4.8s ease-in-out infinite;animation-delay:1s}.epoch-medals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.medal-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.medal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,var(--medal-color-light) 0%,transparent 100%);opacity:.15;pointer-events:none}.medal-card-1{--medal-color: #fbbf24;--medal-color-light: #fde047;border:1px solid rgba(251,191,36,.4);background:linear-gradient(180deg,rgba(251,191,36,.08) 0%,var(--surface-2) 100%);box-shadow:0 4px 20px #fbbf2426;transform:scale(1.02);z-index:2}.medal-card-2{--medal-color: #94a3b8;--medal-color-light: #cbd5e1;border:1px solid rgba(148,163,184,.4);background:linear-gradient(180deg,rgba(148,163,184,.08) 0%,var(--surface-2) 100%)}.medal-card-3{--medal-color: #b45309;--medal-color-light: #d97706;border:1px solid rgba(180,83,9,.4);background:linear-gradient(180deg,rgba(180,83,9,.08) 0%,var(--surface-2) 100%)}.medal-icon-wrapper{font-size:42px;line-height:1;margin-bottom:8px}.medal-icon-wrapper img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)) drop-shadow(0 0 10px var(--medal-color-light, rgba(255,255,255,.25)))}.medal-place{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--medal-color-light);margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.medal-label{font-family:var(--font-mono);font-size:9px;color:var(--text);text-transform:uppercase;letter-spacing:.06em;opacity:.9;line-height:1.2}.medal-count-badge{position:absolute;top:8px;right:8px;background:var(--medal-color);color:#000;font-family:var(--font-mono);font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;box-shadow:0 2px 4px #00000080}.joker-rewards-mini{display:flex;gap:2px;margin-top:8px;background:#0000004d;padding:4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.joker-rewards-mini span{font-size:12px}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin-top:10px}.milestone-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff05;border:1px solid var(--border-soft);border-radius:14px;padding:12px 6px;transition:all .2s ease;position:relative}.milestone-card.earned{background:rgb(var(--primary-rgb) / .05);border:1px solid rgb(var(--primary-rgb) / .3)}.milestone-icon{font-size:32px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.milestone-card:not(.earned) .milestone-icon{filter:grayscale(1) opacity(.4)}.milestone-label{font-family:var(--font-mono);font-size:9px;color:var(--text);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.milestone-card:not(.earned) .milestone-label{color:var(--muted-soft)}@media(max-width:380px){.epoch-medals-grid{grid-template-columns:1fr;gap:8px}.medal-card-1{transform:none}}.btn-attention-glow{background:linear-gradient(135deg,#3b82f6,#3b82f6)!important;color:#fff!important;font-weight:700!important;border:none!important;box-shadow:0 0 12px #3b82f6bf,0 0 20px #3b82f666!important;animation:attentionPulse 2s infinite ease-in-out!important;transition:all .2s ease-in-out}.btn-attention-glow:hover{transform:scale(1.05);box-shadow:0 0 16px #3b82f6e6,0 0 28px #3b82f699!important}@keyframes attentionPulse{0%,to{box-shadow:0 0 12px #3b82f6bf,0 0 20px #3b82f666;transform:scale(1)}50%{box-shadow:0 0 20px #3b82f6f2,0 0 32px #3b82f6b3,inset 0 0 8px #ffffff4d;transform:scale(1.05)}}.quiz-answer-btn.option-active{will-change:transform,border-color,box-shadow}.quiz-answer-btn.option-active[data-stagger="0"]{animation:optionBreath 4.5s ease-in-out infinite alternate}.quiz-answer-btn.option-active[data-stagger="1"]{animation:optionBreath 4.5s ease-in-out infinite alternate -1.125s}.quiz-answer-btn.option-active[data-stagger="2"]{animation:optionBreath 4.5s ease-in-out infinite alternate -2.25s}.quiz-answer-btn.option-active[data-stagger="3"]{animation:optionBreath 4.5s ease-in-out infinite alternate -3.375s}@keyframes optionBreath{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.008);filter:brightness(1.1) saturate(1.15)}}@media(hover:hover){.quiz-answer-btn.option-active:hover{animation:none!important;transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2) saturate(1.35)!important}}.quiz-answer-btn.answer-shake{animation:answerShake .55s cubic-bezier(.36,.07,.19,.97) both!important}@keyframes answerShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.ambient-realm{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aurora-band{position:absolute;left:-20%;width:140%;height:260px;border-radius:50%;filter:blur(70px);opacity:.62;will-change:transform,opacity;mix-blend-mode:screen}.aurora-band-1{top:8%;background:linear-gradient(90deg,transparent 0%,rgb(var(--primary-rgb) / 1) 35%,rgb(var(--accent-rgb) / .95) 65%,transparent 100%);transform:rotate(-8deg);animation:auroraDrift1 22s ease-in-out infinite alternate}.aurora-band-2{top:42%;background:linear-gradient(90deg,transparent 0%,rgb(var(--secondary-rgb) / .95) 40%,rgba(236,72,153,.85) 70%,transparent 100%);transform:rotate(6deg);animation:auroraDrift2 28s ease-in-out infinite alternate}.aurora-band-3{top:72%;background:linear-gradient(90deg,transparent 0%,rgb(var(--accent-rgb) / .95) 30%,rgb(var(--primary-rgb) / .9) 60%,transparent 100%);transform:rotate(-4deg);animation:auroraDrift3 34s ease-in-out infinite alternate}@keyframes auroraDrift1{0%{transform:rotate(-8deg) translate3d(-4%,0,0);opacity:.55}50%{opacity:.75}to{transform:rotate(-6deg) translate3d(6%,-12px,0);opacity:.6}}@keyframes auroraDrift2{0%{transform:rotate(6deg) translate3d(3%,0,0);opacity:.5}50%{opacity:.68}to{transform:rotate(9deg) translate3d(-5%,10px,0);opacity:.55}}@keyframes auroraDrift3{0%{transform:rotate(-4deg) translate3d(-3%,0,0);opacity:.48}50%{opacity:.66}to{transform:rotate(-2deg) translate3d(4%,-8px,0);opacity:.52}}.floating-particle{position:absolute;bottom:-30px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgb(var(--accent-rgb) / .85) 40%,transparent 100%);box-shadow:0 0 18px rgb(var(--accent-rgb) / .95),0 0 36px rgb(var(--primary-rgb) / .6),0 0 6px #fffc;opacity:0;will-change:transform,opacity}.fp-1{left:5%;width:5px;height:5px;animation:particleRise 14s linear 0s infinite}.fp-2{left:12%;width:7px;height:7px;animation:particleRise 18s linear -3s infinite;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgb(var(--primary-rgb) / .55) 40%,transparent 100%)}.fp-3{left:22%;width:4px;height:4px;animation:particleRise 12s linear -7s infinite}.fp-4{left:32%;width:8px;height:8px;animation:particleRise 20s linear -1s infinite;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgb(var(--secondary-rgb) / .55) 40%,transparent 100%)}.fp-5{left:42%;width:5px;height:5px;animation:particleRise 16s linear -9s infinite}.fp-6{left:51%;width:6px;height:6px;animation:particleRise 15s linear -4s infinite;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(251,191,36,.5) 40%,transparent 100%)}.fp-7{left:60%;width:4px;height:4px;animation:particleRise 13s linear -11s infinite}.fp-8{left:68%;width:7px;height:7px;animation:particleRise 19s linear -2s infinite;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgb(var(--primary-rgb) / .55) 40%,transparent 100%)}.fp-9{left:76%;width:5px;height:5px;animation:particleRise 17s linear -6s infinite}.fp-10{left:84%;width:6px;height:6px;animation:particleRise 14s linear -13s infinite;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgb(var(--secondary-rgb) / .55) 40%,transparent 100%)}.fp-11{left:91%;width:4px;height:4px;animation:particleRise 21s linear -5s infinite}.fp-12{left:96%;width:5px;height:5px;animation:particleRise 16s linear -10s infinite;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(251,191,36,.45) 40%,transparent 100%)}@keyframes particleRise{0%{transform:translateZ(0) scale(.6);opacity:0}10%{opacity:1}50%{transform:translate3d(20px,-55vh,0) scale(1.15);opacity:.95}90%{opacity:.75}to{transform:translate3d(-10px,-105vh,0) scale(.4);opacity:0}}.realm-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 40%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.55) 100%)}[data-theme=light] .realm-vignette{background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 45%,rgba(15,23,42,.1) 82%,rgba(15,23,42,.18) 100%)}[data-theme=light] .aurora-band{opacity:.18;mix-blend-mode:multiply}[data-theme=light] .floating-particle{opacity:.7}.app-shell{position:relative;z-index:1}.category-pills.safe-top{padding-top:calc(env(safe-area-inset-top,0px) + 12px)}.card.question-card{background:linear-gradient(135deg,#1e2959b8,#141b3ed9 60%,#2d1b4eb8)!important;border:1px solid rgb(var(--primary-rgb) / .42)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;box-shadow:inset 0 1px #ffffff47,inset 0 0 60px rgb(var(--primary-rgb) / .14),inset 0 0 120px rgb(var(--accent-rgb) / .1),0 20px 50px -14px #020617d9,0 0 40px rgb(var(--primary-rgb) / .22),0 0 90px rgb(var(--accent-rgb) / .14)!important}.card.question-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgb(var(--primary-rgb) / .22),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgb(var(--accent-rgb) / .14),transparent 70%);z-index:0}[data-theme=light] .card.question-card{background:linear-gradient(135deg,#ffffffeb,#f1f5f9d9)!important;border:1px solid rgb(var(--primary-rgb) / .35)!important;box-shadow:inset 0 1px #fff9,inset 0 0 60px rgb(var(--primary-rgb) / .06),0 18px 40px -14px #0f172a2e,0 0 40px rgb(var(--primary-rgb) / .1)!important}.card.question-card .qc-corner{opacity:.85!important;filter:drop-shadow(0 0 4px rgb(var(--primary-rgb) / .5))}.card.question-card>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.aurora-band,.floating-particle{animation:none!important}.floating-particle{opacity:.35}}@media(hover:none)and (pointer:coarse){.aurora-band{filter:blur(50px);opacity:.2}.floating-particle{display:none}.card.question-card:before{display:none}}.realm-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;will-change:transform,opacity;mix-blend-mode:screen}.realm-orb-purple{width:560px;height:560px;top:-8%;left:-15%;background:radial-gradient(circle,rgba(139,92,246,.42) 0%,rgba(139,92,246,.16) 45%,transparent 72%);animation:orbDriftA 26s ease-in-out infinite alternate}.realm-orb-blue{width:520px;height:520px;top:30%;right:-18%;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(59,130,246,.14) 45%,transparent 72%);animation:orbDriftB 32s ease-in-out infinite alternate}.realm-orb-teal{width:480px;height:480px;bottom:-12%;left:20%;background:radial-gradient(circle,rgba(20,184,166,.38) 0%,rgba(20,184,166,.12) 45%,transparent 72%);animation:orbDriftC 38s ease-in-out infinite alternate}@keyframes orbDriftA{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(60px,40px,0) scale(1.12);opacity:1}}@keyframes orbDriftB{0%{transform:translateZ(0) scale(1);opacity:.95}to{transform:translate3d(-40px,60px,0) scale(1.12);opacity:1}}@keyframes orbDriftC{0%{transform:translateZ(0) scale(1);opacity:.9}to{transform:translate3d(50px,-30px,0) scale(1.08);opacity:1}}[data-theme=light] .realm-orb{mix-blend-mode:multiply;opacity:.55}@media(prefers-reduced-motion:reduce){.realm-orb{animation:none!important}}@media(hover:none)and (pointer:coarse){.realm-orb{filter:blur(40px)}}.quiz-answer-btn{position:relative;overflow:hidden;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.quiz-answer-btn:before{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:52px;height:52px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.28;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));pointer-events:none;transition:opacity .3s ease,transform .4s ease,filter .3s ease;z-index:0}@media(hover:hover){.quiz-answer-btn:hover:before,.quiz-answer-btn.option-active:hover:before{opacity:.55;filter:drop-shadow(0 0 10px rgba(255,255,255,.7));transform:translateY(-50%) rotate(12deg) scale(1.15)}}.quiz-answer-btn[data-stagger="0"]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M20 3 L23.5 15.5 L36 17 L26 25.5 L29 38 L20 31 L11 38 L14 25.5 L4 17 L16.5 15.5 Z' stroke='%23a5b4fc' stroke-width='1.2' stroke-linejoin='round'/><circle cx='20' cy='20' r='2' fill='%23a5b4fc'/></svg>")}.quiz-answer-btn[data-stagger="1"]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M20 4 L34 20 L20 36 L6 20 Z' stroke='%2367e8f9' stroke-width='1.2'/><path d='M20 4 L26 20 L20 36 L14 20 Z' stroke='%2367e8f9' stroke-width='0.8'/><path d='M6 20 L34 20' stroke='%2367e8f9' stroke-width='0.8'/></svg>")}.quiz-answer-btn[data-stagger="2"]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M28 6 A15 15 0 1 0 34 28 A11 11 0 0 1 28 6 Z' stroke='%23fcd34d' stroke-width='1.2' stroke-linejoin='round'/><circle cx='11' cy='14' r='0.9' fill='%23fcd34d'/><circle cx='16' cy='9' r='0.6' fill='%23fcd34d'/></svg>")}.quiz-answer-btn[data-stagger="3"]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M20 3 L32 14 L26 37 L14 37 L8 14 Z' stroke='%23f0abfc' stroke-width='1.2' stroke-linejoin='round'/><path d='M14 14 L20 3 L26 14 L20 25 Z' stroke='%23f0abfc' stroke-width='0.8'/><path d='M8 14 L32 14' stroke='%23f0abfc' stroke-width='0.8'/><path d='M20 25 L14 37 M20 25 L26 37' stroke='%23f0abfc' stroke-width='0.8'/></svg>")}.quiz-answer-btn .quiz-answer-text{font-family:var(--font-body);font-weight:600;letter-spacing:.005em;position:relative;z-index:1}@media(max-width:480px){.quiz-answer-btn .quiz-answer-text{font-size:15.5px!important}}.card.question-card .qc-corner{position:absolute;width:32px;height:32px;pointer-events:none;z-index:2;opacity:.55}.card.question-card .qc-corner svg{width:100%;height:100%;display:block}.card.question-card .qc-corner-tl{top:6px;left:6px}.card.question-card .qc-corner-tr{top:6px;right:6px;transform:scaleX(-1)}.card.question-card .qc-corner-bl{bottom:6px;left:6px;transform:scaleY(-1)}.card.question-card .qc-corner-br{bottom:6px;right:6px;transform:scale(-1)}.quiz-mystic-sub{font-family:var(--font-body);font-style:italic;font-size:14px;line-height:1.4;color:var(--muted-soft);text-align:center;margin:-4px 0 14px;opacity:.78;letter-spacing:.015em;animation:mysticFade .6s ease-out}@keyframes mysticFade{0%{opacity:0;transform:translateY(4px)}to{opacity:.78;transform:translateY(0)}}.quiz-mystic-sub:before,.quiz-mystic-sub:after{content:"✦";display:inline-block;margin:0 8px;color:rgb(var(--primary-rgb) / .55);font-size:10px;vertical-align:middle}.xp-flyout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#34d399f2,#10b981f2);color:#fff;font-family:var(--font-mono);font-weight:800;font-size:15px;letter-spacing:.04em;box-shadow:0 8px 24px #34d39980,inset 0 1px #ffffff4d;pointer-events:none;z-index:20;animation:xpFlyOut 1.1s cubic-bezier(.16,.84,.44,1) forwards;white-space:nowrap}@keyframes xpFlyOut{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}40%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-140%) scale(.9);opacity:0}}@media(prefers-reduced-motion:reduce){.xp-flyout{animation:none;opacity:1}}.joker-row-premium{display:flex;gap:8px;padding:10px;border-radius:16px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid var(--border-soft);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px #ffffff1a}.joker-btn:not(:disabled):active{transform:scale(.96)}@media(hover:hover){.joker-btn:not(:disabled):hover{filter:brightness(1.15)}}@media(hover:none)and (pointer:coarse){.joker-row-premium{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.realm-orb,.quiz-answer-btn:before{animation:none;transform:translateY(-50%)}}.answer-letter{display:none;flex-shrink:0;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:15px;letter-spacing:.02em;border:1px solid rgb(var(--primary-rgb) / .5);background:rgb(var(--primary-rgb) / .14);color:var(--text);position:relative;z-index:1}.joker-remaining-label{display:none}[data-theme=neon]{color-scheme:dark;--bg0: #1a0b2e;--bg1: #2a1249;--bg-bottom: #0f0520;--primary: #c084fc;--accent: #f0abfc;--secondary: #22d3ee;--primary-rgb: 192 132 252;--accent-rgb: 240 171 252;--secondary-rgb: 34 211 238;--text: #f8f7ff;--muted: #e9d5ff;--muted-soft: #c4b5fd;--border: rgba(192, 132, 252, .45);--border-soft: rgba(192, 132, 252, .28);--surface: rgba(45, 15, 80, .9);--surface-2: rgba(58, 20, 100, .75);--btn-bg: rgba(192, 132, 252, .08);--danger: #ff4d8f;--success: #4ade80;--warning: #fde047;--aurora-1: rgba(192, 132, 252, .28);--aurora-2: rgba(240, 171, 252, .22);--aurora-3: rgba(34, 211, 238, .18);--aurora-4: rgba(217, 70, 239, .2);--shadow-base: rgba(15, 5, 32, .85);--shadow-base-deep: rgba(15, 5, 32, .6);--shadow-glow: rgba(192, 132, 252, .35);--shadow-glow-hover: rgba(192, 132, 252, .55);--border-card: rgba(192, 132, 252, .42);--border-card-hover: rgba(240, 171, 252, .7);--header-border: rgba(192, 132, 252, .35);--card-shadow: 0 0 30px rgba(192, 132, 252, .28), 0 18px 40px -14px rgba(15, 5, 32, .75)}[data-theme=neon] body{background:linear-gradient(180deg,#2a1249,#1a0b2e 55%,#0f0520)}[data-theme=neon] .ambient-realm{opacity:.35}[data-theme=neon] .aurora-band,[data-theme=neon] .floating-particle,[data-theme=neon] .realm-orb{display:none}[data-theme=neon] .quiz-answer-btn:before{display:none}[data-theme=neon] .quiz-mystic-sub{display:none}[data-theme=neon] .quiz-answer-btn .quiz-answer-text{font-family:var(--font-body);font-weight:700}[data-theme=neon] .answer-letter{display:inline-flex;border:1px solid rgba(240,171,252,.65);background:linear-gradient(135deg,#c084fc59,#f0abfc26);color:#f8f7ff;box-shadow:inset 0 1px #ffffff2e,0 0 12px #c084fc8c,0 0 24px #f0abfc59;text-shadow:0 0 8px rgba(240,171,252,.8)}[data-theme=neon] .quiz-answer-btn{border:1px solid rgba(192,132,252,.55)!important;background:linear-gradient(135deg,#4c1d958c,#8b5cf64d)!important;box-shadow:inset 0 1px #ffffff26,0 0 18px #c084fc59,0 8px 24px -8px #c084fc80!important}@media(hover:hover){[data-theme=neon] .quiz-answer-btn.option-active:hover{box-shadow:inset 0 1px #fff3,0 0 24px #f0abfca6,0 12px 32px -8px #c084fcb3!important;transform:translateY(-2px) scale(1.01)}}[data-theme=neon] .card.question-card{background:linear-gradient(135deg,#4c1d95bf,#2e1065d9 60%,#581c87bf)!important;border:1px solid rgba(192,132,252,.55)!important;box-shadow:inset 0 1px #ffffff38,inset 0 0 60px #c084fc2e,0 20px 50px -14px #0f0520d9,0 0 40px #c084fc52,0 0 80px #f0abfc2e!important}[data-theme=neon] .btn-primary{box-shadow:0 0 18px #c084fc8c,0 4px 14px #c084fc59}[data-theme=classic]{color-scheme:dark;--bg0: #0b1e1f;--bg1: #10292a;--bg-bottom: #05131a;--primary: #5eead4;--accent: #22d3ee;--secondary: #fbbf24;--primary-rgb: 94 234 212;--accent-rgb: 34 211 238;--secondary-rgb: 251 191 36;--text: #eefaf9;--muted: #cbe6e4;--muted-soft: #93b8b6;--border: rgba(94, 234, 212, .3);--border-soft: rgba(94, 234, 212, .18);--surface: rgba(11, 43, 45, .95);--surface-2: rgba(15, 55, 58, .85);--btn-bg: rgba(255, 255, 255, .04);--danger: #f87171;--success: #34d399;--warning: #fbbf24;--aurora-1: rgba(94, 234, 212, .1);--aurora-2: rgba(34, 211, 238, .08);--aurora-3: rgba(251, 191, 36, .06);--aurora-4: rgba(94, 234, 212, .06);--shadow-base: rgba(0, 0, 0, .75);--shadow-base-deep: rgba(0, 0, 0, .5);--shadow-glow: rgba(94, 234, 212, .12);--shadow-glow-hover: rgba(94, 234, 212, .22);--border-card: rgba(94, 234, 212, .22);--border-card-hover: rgba(94, 234, 212, .45);--header-border: rgba(94, 234, 212, .22);--card-shadow: 0 14px 30px -14px rgba(0, 0, 0, .75), 0 2px 8px rgba(0, 0, 0, .4)}[data-theme=classic] body{background:linear-gradient(180deg,#10292a,#0b1e1f 60%,#05131a)}[data-theme=classic] .ambient-realm,[data-theme=classic] .aurora-band,[data-theme=classic] .floating-particle,[data-theme=classic] .realm-orb,[data-theme=classic] .realm-vignette{display:none}[data-theme=classic] body:before{background:none;animation:none}[data-theme=classic] .quiz-card-sparkle{display:none}[data-theme=classic] .quiz-answer-btn:before{display:none}[data-theme=classic] .quiz-mystic-sub,[data-theme=classic] .card.question-card .qc-corner{display:none}[data-theme=classic] .quiz-answer-btn .quiz-answer-text{font-family:var(--font-body);font-weight:600}[data-theme=classic] .answer-letter{display:inline-flex;border:1px solid rgba(94,234,212,.35);background:#5eead41a;color:var(--primary);box-shadow:none;text-shadow:none}[data-theme=classic] .quiz-answer-btn{border:1px solid rgba(94,234,212,.25)!important;background:#0f373aa6!important;box-shadow:inset 0 1px #ffffff0f,0 4px 14px -6px #00000080!important}@media(hover:hover){[data-theme=classic] .quiz-answer-btn.option-active:hover{border-color:#5eead499!important;background:#14464abf!important}}[data-theme=classic] .card.question-card{background:linear-gradient(180deg,#0f373aeb,#0b2b2df2)!important;border:1px solid rgba(94,234,212,.28)!important;box-shadow:inset 0 1px #ffffff0f,0 14px 30px -14px #000000bf!important}[data-theme=classic] .card.question-card:before{display:none}[data-theme=classic] .joker-btn>span[data-joker-count]{display:none!important}[data-theme=classic] .joker-remaining-label{display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft);line-height:1;margin-top:2px}[data-theme=wissensrealm] .answer-letter,[data-theme=wissensrealm] .joker-remaining-label{display:none}html.theme-swap,html.theme-swap *,html.theme-swap *:before,html.theme-swap *:after{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}