:root{--bg1:#0f172a;--bg2:#0b1222;--panel:#111827;--text:#e5e7eb;--textDim:#a3a6ad;--textHi:#a7f3d0;--brand1:#f97316;--brand2:#f59e0b;--brand3:#fde047;--good:#22c55e;--good2:#34d399;--warn1:#f97316;--warn2:#fb923c;--warn3:#ef4444;--border: rgba(255,255,255,.12);--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% -10%,#0b1b2f 0%,transparent 60%),radial-gradient(1200px 800px at 120% 10%,#0a2a25 0%,transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2));color:var(--text);-webkit-tap-highlight-color:transparent;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}a{color:inherit}.container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:12px}.app-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:1024px){.app-grid.with-lb{grid-template-columns:2fr 1fr}.app-grid.no-lb{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}textarea.select{line-height:1.4}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center;padding:12px 14px}.title{font-size:clamp(20px,2.6vw + 8px,40px);font-weight:900;background:linear-gradient(90deg,var(--brand1),var(--brand2),var(--brand3),var(--good));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px;margin:0;text-align:center}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.select,.btn{appearance:none;border-radius:10px;border:1px solid var(--border);background:#0b1322;color:var(--text);padding:10px 12px;font-weight:700;letter-spacing:.2px;cursor:pointer}.btn.primary{border-color:#ffe08a44;background:linear-gradient(135deg,var(--brand1),var(--brand2))}.btn.alt{background:#1f2937}.btn:disabled{opacity:.6;cursor:not-allowed}.btn,.select,.choice-btn{outline:none}.btn:active,.choice-btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible,.select:focus-visible,.choice-btn:focus-visible{box-shadow:0 0 0 3px #fde04740;border-color:#fde04780}.stats{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 12px}@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{text-align:center;padding:6px 8px;border-radius:10px;background:#0b1322;border:1px solid var(--border)}.stat .big{font-weight:900;font-size:clamp(18px,2.2vw + 6px,28px);color:var(--brand3)}.stat .label{font-size:12px;color:var(--textDim);margin-top:4px}.progress-wrap{display:flex;flex-direction:column;gap:6px;align-items:center}.progressbar{width:100%;height:12px;border-radius:999px;background:#0b1b2f;overflow:hidden;border:1px solid var(--border)}.progressfill{height:100%;width:0%;background:linear-gradient(90deg,var(--brand1),var(--brand2),var(--brand3),var(--good));transition:width .3s ease}.quiz-card{padding:clamp(14px,2.5vw,22px);background:linear-gradient(135deg,#0a1d2a,#0c2a29 55%,#0f2f2a);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.category{color:#fb923c;font-weight:900;font-size:12px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px}.question{font-weight:800;font-size:clamp(18px,2.4vw + 8px,28px);line-height:1.3;margin:0 0 14px;color:#fff;text-align:center}.quiz-card.fl-man-mode{border:2px solid #f97316;box-shadow:0 0 0 2px #f9731659,0 0 25px #f9731673,inset 0 0 20px #f9731640;animation:fl-flicker 2.4s infinite alternate}@keyframes fl-flicker{0%{box-shadow:0 0 12px #f973164d}to{box-shadow:0 0 28px #f9731699}}.fl-man-theme{background:linear-gradient(135deg,#3b0764,#0f172a 55%,#052e16);box-shadow:0 0 0 1px #ffffff1f,0 0 40px #a855f740,0 0 80px #22c55e26}.howto{margin:0 auto 10px;max-width:820px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0b1322bf;color:var(--text);font-size:14px;line-height:1.35;text-align:center}.howto strong{color:var(--textHi)}.choices{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media(min-width:640px){.choices{grid-template-columns:1fr 1fr}}.choice-btn{width:100%;border-radius:12px;border:2px solid #ffe08a55;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;font-weight:900;padding:12px 14px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;min-height:54px;display:flex;align-items:center;justify-content:flex-start;line-height:1.2;word-break:break-word}.choice-btn:hover{transform:translateY(-1px)}.choice-btn.correct{background:linear-gradient(135deg,var(--good),var(--good2));border-color:var(--good)}.choice-btn.wrong{background:linear-gradient(135deg,var(--warn1),var(--warn3));border-color:var(--warn1)}.choice-btn:disabled{opacity:.9;filter:saturate(.9);cursor:not-allowed}.explain{margin-top:10px;color:var(--textHi);font-size:14px;min-height:1.4em}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.actions .btn{min-width:140px}.aside{padding:12px}.lb-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.lb-title{font-weight:900;margin:0}.lb-empty{color:var(--textDim);font-size:14px}ol.lb{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lb li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0b1322;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.timer-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;background:conic-gradient(var(--good) 0deg,var(--good2) 180deg,#445 360deg);border:2px solid #1f2937}.timer-inner{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;color:var(--textHi);font-weight:900}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.warning{animation:pulse .6s ease-in-out infinite}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shakeCard{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-pop{animation:pop .18s ease}.quiz-shake{animation:shakeCard .22s ease}#confettiLayer{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:9999}.confetti{position:absolute;width:10px;height:14px;opacity:.9;transform:rotate(0);animation:fall .9s linear forwards}@keyframes fall{to{transform:translateY(120vh) rotate(420deg);opacity:.1}}.streak-warm{box-shadow:0 0 0 1px #ffffff1a,0 0 0 3px #f59e0b2e,0 10px 34px #f59e0b24}.streak-hot{box-shadow:0 0 0 1px #ffffff1a,0 0 0 3px #f9731638,0 12px 40px #f973162e}.streak-nuclear{box-shadow:0 0 0 1px #ffffff1a,0 0 0 3px #ef444438,0 14px 48px #ef444433}#streakBadge{border-color:#ffffff24;background:#0b1322c7}@keyframes streakPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.streak-pulse{animation:streakPulse .45s ease-in-out}@keyframes streakBreak{0%{transform:scale(1);filter:saturate(1)}35%{transform:scale(.98);filter:saturate(.85)}70%{transform:scale(1.01);filter:saturate(.95)}to{transform:scale(1);filter:saturate(1)}}.streak-break{animation:streakBreak .28s ease}#miniTimer{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:50;display:none;padding:10px 12px;border-radius:999px;font-weight:900;font-size:14px;line-height:1;background:#0f172a;border:2px solid var(--good);color:var(--textHi);box-shadow:var(--shadow)}#miniTimer.warning{border-color:var(--warn1);color:#fed7aa;animation:pulse .6s ease-in-out infinite}@media(min-width:1024px){#miniTimer{display:none!important}}@media(max-width:360px){#miniTimer{font-size:12px;padding:8px 10px}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.choice-btn.urgent{animation:shakeX .28s linear infinite}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.choice-btn.urgent{animation:none!important}}