@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;--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)}: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;--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)}html,body,#root{min-height:0;height:auto}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-x:hidden;position:relative;min-height:0}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{min-height:0;width:100%;max-width:430px;margin:0 auto;position:relative}.app-header{position:sticky;top:0;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--header-border);background:linear-gradient(180deg,rgb(var(--primary-rgb) / .04) 0%,var(--surface) 100%);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 4px 24px var(--shadow-base-deep),0 1px 0 var(--shadow-glow)}.brand{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-left{display:flex;align-items:center;min-width: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}.scroll-area{padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px,env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left));min-height:auto}.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)}.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:inline-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)}.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:inline-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)}.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}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom,16px));z-index:100;width:calc(100% - 32px);max-width:400px;border-radius:24px;background:var(--surface-2);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--header-border);display:flex;padding:6px;box-shadow:0 14px 40px var(--shadow-base-deep),0 0 24px var(--shadow-glow)}.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:fixed;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:398px;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:115;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{flex:1;min-height:64px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;position:relative}.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)}}@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,.bottom-nav,.cookie-banner{max-width:560px}.app-header{padding:14px 22px}.scroll-area{padding:20px 22px 108px}.brand-mark{width:42px;height:42px}.card{padding:20px}.chat-compose{max-width:516px;width:calc(100% - 44px)}}@media(min-width:1024px){.app-shell,.bottom-nav,.cookie-banner{max-width:640px}.scroll-area{padding:24px 24px 112px}.nav-btn{min-height:62px}.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:17px!important;line-height:1.25!important;margin-bottom:10px!important}.quiz-answers{gap:6px!important}.quiz-answer-btn{padding:9px 10px!important;min-height:42px!important;gap:8px!important;border-radius:11px!important}.quiz-answer-letter{width:22px!important;height:22px!important;border-radius:6px!important;font-size:10px!important}.quiz-answer-text{font-size:13px!important;line-height:1.25}.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:48px;font-size:9px;gap:2px}.nav-btn .nav-icon{font-size:16px}.bottom-nav{padding-top:4px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4px)}}.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)}}@keyframes petal-fall{0%{transform:translateY(0) translate(0) rotate(10deg);opacity:0}7%{opacity:.6}to{transform:translateY(840px) translate(52px) rotate(320deg);opacity:.05}}@keyframes petal-fall-alt{0%{transform:translateY(0) translate(0) rotate(-10deg);opacity:0}7%{opacity:.56}to{transform:translateY(840px) translate(-56px) rotate(-305deg);opacity:.05}}@keyframes bloom-sway{0%{transform:rotate(-5deg)}to{transform:rotate(6deg)}}.summer-petal{position:fixed;top:-20px;pointer-events:none;border-radius:100% 0;z-index:1;will-change:transform,opacity;animation:petal-fall linear infinite}.summer-petal.alt{border-radius:0 100%;animation-name:petal-fall-alt}.header-vine{position:absolute;left:0;right:0;bottom:-10px;width:100%;pointer-events:none;z-index:1;overflow:visible}.quiz-corner-bloom{position:absolute;top:-22px;right:-10px;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 8px rgba(236,72,153,.38));overflow:visible}@media(prefers-reduced-motion:reduce){.summer-petal{animation:none!important;opacity:0}.quiz-corner-bloom *{animation:none!important}}.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);border-color:#3b82f638!important;box-shadow:0 4px 12px #02061066,inset 0 1px #ffffff0d}to{transform:translateY(-2.5px) scale(1.006);border-color:#3b82f673!important;box-shadow:0 8px 20px #3b82f626,inset 0 1px #ffffff1a}}@media(hover:hover){.quiz-answer-btn.option-active:hover{animation:none!important;transform:translateY(-4px) scale(1.02)!important;border-color:#3b82f699!important;background:linear-gradient(135deg,#3b82f62e,#06b6d414)!important;box-shadow:0 12px 28px #3b82f640,inset 0 1px #fff3!important;color:var(--text)!important}}