@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff;background-color:#0b0a15;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: radial-gradient(circle at 15% 20%, rgba(255, 184, 84, .16), transparent 28%), radial-gradient(circle at 85% 10%, rgba(160, 110, 255, .16), transparent 30%), radial-gradient(circle at 50% 100%, rgba(255, 87, 51, .14), transparent 35%), linear-gradient(145deg, #0e0c1a 0%, #0b0a15 100%);--panel: rgba(22, 17, 35, .75);--stroke: rgba(255, 255, 255, .08);--card: linear-gradient(145deg, rgba(38, 26, 46, .8), rgba(22, 17, 35, .85));--accent: #ffb347;--accent-2: #ff5c8a;--accent-3: #7ed6ff;--muted: #c7cad7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f7ff;min-height:100vh}button,input{font-family:inherit}:root{--bg: #080613;--surface: #0f0c1e;--panel: #13102200;--card: rgba(255, 255, 255, .035);--stroke: rgba(255, 255, 255, .09);--stroke-hover: rgba(255, 179, 71, .45);--muted: rgba(255, 255, 255, .42);--text: #f0eeff;--amber: #ffb347;--pink: #ff5c8a;--violet: #6e5cff;--sky: #7ed6ff;--grad-cta: linear-gradient(135deg, var(--amber), var(--pink));--grad-subtle: linear-gradient(135deg, rgba(255,179,71,.15), rgba(255,92,138,.08));--grad-panel: linear-gradient(160deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 8px 28px rgba(0,0,0,.45);--shadow-lg: 0 18px 55px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(255, 143, 82, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Syne,sans-serif;line-height:1.15;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid rgba(255,179,71,.7);outline-offset:2px}.page{position:relative;min-height:100vh;color:var(--text);padding:28px clamp(18px,5vw,64px) 96px;overflow:hidden;isolation:isolate}.page:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.ambient{position:fixed;filter:blur(100px);opacity:.45;pointer-events:none;z-index:-1;border-radius:50%}.ambient-1{width:520px;height:520px;background:radial-gradient(circle,rgba(255,140,60,.38),transparent 65%);top:-120px;left:-120px;animation:ambientDrift1 18s ease-in-out infinite alternate}.ambient-2{width:600px;height:600px;background:radial-gradient(circle,rgba(110,92,255,.32),transparent 65%);top:-60px;right:-160px;animation:ambientDrift2 22s ease-in-out infinite alternate}@keyframes ambientDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(40px,60px) scale(1.08)}}@keyframes ambientDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,40px) scale(1.06)}}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#080613bf;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--stroke);border-radius:var(--r-lg);gap:12px;transition:border-color .3s ease}.navbar:hover{border-color:#ffffff21}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-mark{width:40px;height:40px;border-radius:var(--r-sm);background:var(--grad-subtle);border:1px solid rgba(255,179,71,.22);display:grid;place-items:center;padding:6px;font-size:20px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff14;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.brand-mark:hover{transform:scale(1.05);box-shadow:var(--shadow-md),0 0 20px #ff8f5233}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-title{font-family:Syne,sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em}.brand-subtitle{font-size:11px;color:var(--muted);letter-spacing:.02em}.nav-links{display:flex;gap:2px;font-size:14px}.nav-links a{color:var(--muted);padding:6px 12px;border-radius:var(--r-sm);transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-actions{display:flex;gap:8px;align-items:center}.nav-toggle{display:none;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--stroke);border-radius:var(--r-sm);padding:9px 11px;color:var(--text);cursor:pointer;transition:background .2s}.nav-toggle:hover{background:#ffffff1a}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 6px}.filter-bar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.filter-bar select{padding:10px 40px 10px 14px;border-radius:var(--r-md);border:1px solid var(--stroke);background-color:#0f0c1ee6;color:var(--text);min-width:200px;font-family:inherit;font-size:14px;box-shadow:var(--shadow-sm);appearance:none;background-image:linear-gradient(135deg,#ffb3472e,#ff5c8a0f),radial-gradient(circle at 90% 50%,rgba(255,255,255,.3),transparent 40%);background-repeat:no-repeat;background-size:100% 100%,10px 10px;background-position:0 0,calc(100% - 16px) 50%;transition:border-color .2s,box-shadow .2s,transform .15s;cursor:pointer}.filter-bar select option,.filter-bar select optgroup{background:#0c0a1a;color:var(--text)}.filter-bar select:hover{border-color:var(--stroke-hover);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.filter-bar select:focus{outline:2px solid rgba(255,179,71,.35);outline-offset:2px;border-color:#ffb347b3}.filter-bar select::-ms-expand{display:none}.pill,.cta,.ghost,.choice{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);border-radius:var(--r-md);padding:9px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;letter-spacing:.01em;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pill.primary,.cta.primary{background:var(--grad-cta);border-color:transparent;color:#0c0a18;box-shadow:0 4px 18px #ff5c8a47,0 1px 4px #00000059;font-weight:700}.pill.primary:hover:not(:disabled),.cta.primary:hover:not(:disabled){box-shadow:0 6px 28px #ff5c8a7a,0 2px 8px #0006;filter:brightness(1.07)}.pill.primary:active:not(:disabled),.cta.primary:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 10px #ff5c8a40;filter:brightness(.96);transition-duration:.07s}.pill.primary:disabled,.cta.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.cta.ghost,.ghost{background:#ffffff0a;border-color:#ffffff1a;color:var(--text)}.cta.ghost:hover:not(:disabled),.ghost:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.cta.ghost:active:not(:disabled),.ghost:active:not(:disabled){transform:scale(.97);background:#ffffff0d;transition-duration:.07s}.pill:not(.primary):hover:not(:disabled){border-color:#ffffff2e;background:#ffffff17}.pill:not(.primary):active:not(:disabled){transform:scale(.97);transition-duration:.07s}.pill.compact{padding:7px 13px;font-size:13px;border-radius:var(--r-sm)}.pill-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#ffffff12;border:1px solid var(--stroke);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pill-badge.subtle{background:#ffffff0a;border-color:#ffffff12}.pill-banner{margin-top:16px;padding:14px 18px;border-radius:var(--r-lg);border:1px solid rgba(255,92,138,.2);background:linear-gradient(135deg,#ff5c8a1a,#7ed6ff12);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:center}.badge{display:inline-flex;padding:3px 9px;border-radius:999px;color:#0b0a15;font-weight:700;font-size:11px;letter-spacing:.03em}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px;align-items:center}.hero-compact{margin-top:14px}.hero-text h1{font-size:clamp(30px,5vw,52px);margin:10px 0 12px;background:linear-gradient(135deg,var(--text) 30%,rgba(255,179,71,.85));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:20px;max-width:480px}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--muted)}.hero-tags span{background:#ffffff0d;border:1px solid var(--stroke);border-radius:var(--r-sm);padding:5px 10px;transition:border-color .2s}.hero-tags span:hover{border-color:#ffb3474d}.hero-card{background:var(--grad-panel);border:1px solid var(--stroke);border-radius:var(--r-xl);padding:18px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0f;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,179,71,.04) 0%,transparent 55%);pointer-events:none}.card-header{display:flex;gap:6px;margin-bottom:14px}.tab{padding:7px 12px;border-radius:var(--r-sm);background:#ffffff0a;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s}.tab.active{background:#ffb3472e;color:var(--amber);border-bottom:2px solid var(--amber)}.glass-screen{border-radius:var(--r-md);padding:16px;background:#08061399;border:1px solid rgba(255,255,255,.06);min-height:170px;position:relative;overflow:hidden}.bubble{position:relative;margin-bottom:10px;padding:9px 12px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-weight:600;font-size:14px}.bubble.accent{background:#ff5c8a1a;border-color:#ff5c8a59}.bubble.ghost{background:#7ed6ff1a;border-color:#7ed6ff47}.screen-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.section{margin-top:60px;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.section-head.tight{margin-bottom:14px}.section-head h2{font-size:clamp(22px,3vw,32px);margin:4px 0 6px}.section-head h3{font-size:20px;margin:4px 0 6px}.section-head h4{font-size:16px;margin:4px 0 6px}.section-head p{margin:0;color:var(--muted);font-size:14px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600;color:var(--amber);opacity:.85}.muted{color:var(--muted)}.small{font-size:13px}.label{color:var(--muted);font-size:12px;letter-spacing:.03em}.value{font-weight:700}.value.strong{font-size:20px;font-family:Syne,sans-serif}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.grid{display:grid;gap:12px}.categories{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:12px}.categories .category:nth-child(1){grid-column:span 2;grid-row:span 2}.categories .category:nth-child(2){grid-row:span 2}.categories .category:nth-child(5){grid-column:span 2}.categories .category:nth-child(7){grid-column:span 2}.categories .category:nth-child(1) .category-emoji-bg{font-size:80px;opacity:.18}.categories .category:nth-child(1) .category-desc{max-width:240px;font-size:13px}.category{border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);padding:22px 20px;text-align:left;cursor:pointer;color:var(--text);transition:border-color .3s,box-shadow .3s,transform .25s;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.category:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--cat-color, rgba(255,179,71,.25));top:-60px;right:-60px;filter:blur(55px);opacity:.55;transition:opacity .3s,transform .4s;pointer-events:none}.category:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;opacity:0;transition:opacity .3s;pointer-events:none}.category:hover{border-color:#ffffff24;box-shadow:var(--shadow-lg);background:#ffffff0b}.category:active{transform:scale(.985);transition-duration:.08s}.category:hover:before{opacity:.75;transform:scale(1.15)}.category:hover:after{opacity:1}.category.active{border-color:#ffb34773;box-shadow:var(--shadow-lg),0 0 40px #ffb3471a}.category.active:before{opacity:.8}.categories .category:nth-child(1) .category-title{font-size:32px}.category-badge-row{display:flex;align-items:center;justify-content:space-between;position:absolute;top:16px;left:20px;right:20px}.category-title{font-family:Syne,sans-serif;font-weight:800;font-size:19px;line-height:1.15;letter-spacing:-.02em}.category-sub{color:var(--muted);font-size:12px;margin-top:4px}.category-count{color:var(--muted);font-size:11px;margin-top:6px;letter-spacing:.04em}@media(max-width:900px){.categories{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.categories .category:nth-child(1){grid-column:span 2;grid-row:span 1}.categories .category:nth-child(2){grid-row:span 1}.categories .category:nth-child(5),.categories .category:nth-child(7){grid-column:span 2}}@media(max-width:600px){.categories{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:10px}.categories .category:nth-child(1),.categories .category:nth-child(2),.categories .category:nth-child(5),.categories .category:nth-child(7){grid-column:span 1;grid-row:span 1}.categories .category:nth-child(1){grid-column:span 2}.category{padding:12px;min-height:0;justify-content:flex-start;flex-direction:column;gap:4px}.category-badge-row{position:relative;top:auto;left:auto;right:auto;margin-bottom:6px}.category-title{font-size:14px}.categories .category:nth-child(1) .category-title{font-size:18px}.category-desc{font-size:11px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-emoji-bg{font-size:36px;right:8px;bottom:6px}.categories .category:nth-child(1) .category-emoji-bg{font-size:48px}.category-count-badge{font-size:10px;padding:2px 6px}}@media(max-width:380px){.categories{grid-template-columns:1fr}.categories .category:nth-child(1),.categories .category:nth-child(2),.categories .category:nth-child(5),.categories .category:nth-child(7){grid-column:span 1}.category-accuracy{display:none}}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:5px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);font-size:12px;font-weight:500;color:var(--muted);transition:all .2s;cursor:default}.chip:hover{border-color:#ffb3474d;color:var(--text)}.modes{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto;gap:12px;margin-top:16px;align-items:stretch}.mode-card{border-radius:var(--r-xl);padding:26px 24px;border:1px solid var(--stroke);background:var(--grad-panel);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.mode-card:nth-child(1):before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,.3),transparent 70%);top:-80px;right:-60px;filter:blur(50px);opacity:.6;transition:opacity .3s,transform .4s;pointer-events:none}.mode-card:nth-child(2):before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,92,138,.35),transparent 70%);top:-60px;right:-50px;filter:blur(45px);opacity:.55;transition:opacity .3s,transform .4s;pointer-events:none}.mode-card:nth-child(3):before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(126,214,255,.3),transparent 70%);top:-60px;right:-50px;filter:blur(45px);opacity:.55;transition:opacity .3s,transform .4s;pointer-events:none}.mode-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;opacity:0;transition:opacity .3s;pointer-events:none}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mode-card:hover:before{opacity:.85;transform:scale(1.1)}.mode-card:hover:after{opacity:1}.mode-card:nth-child(1).active{border-color:#ffb34780;box-shadow:var(--shadow-lg),0 0 40px #ffb34724}.mode-card:nth-child(2).active{border-color:#ff5c8a80;box-shadow:var(--shadow-lg),0 0 40px #ff5c8a24}.mode-card:nth-child(3).active{border-color:#7ed6ff80;box-shadow:var(--shadow-lg),0 0 40px #7ed6ff24}.mode-card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mode-card-icon{font-size:28px;line-height:1;margin-bottom:2px}.mode-card-body{position:relative;flex:1}.mode-card h3{font-family:Syne,sans-serif;margin:10px 0 6px;font-size:24px;line-height:1.15;letter-spacing:-.02em}.mode-card:nth-child(1) h3{font-size:30px}.mode-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.mode-card-footer{position:relative;margin-top:16px}.slider{display:grid;gap:8px}.slider span{font-size:12px;color:var(--muted);letter-spacing:.03em;font-weight:600}.slider input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer;height:4px}@media(max-width:860px){.modes{grid-template-columns:1fr 1fr}.mode-card:nth-child(1){grid-column:span 2;min-height:170px}}@media(max-width:520px){.modes{grid-template-columns:1fr}.mode-card:nth-child(1){grid-column:span 1}}.session-bar{margin-top:16px;padding:14px 18px;border-radius:var(--r-lg);background:linear-gradient(90deg,#ffb34714,#ff5c8a0d);border:1px solid rgba(255,179,71,.15);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;gap:12px;position:relative;overflow:hidden}.session-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-cta);border-radius:0 3px 3px 0}.quiz{margin-top:16px;display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr;gap:12px;align-items:start}.progress{grid-column:1 / -1;border:1px solid var(--stroke);border-radius:var(--r-lg);padding:14px 18px;background:#ffffff05;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}.progress-info{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.progress-info>div{display:flex;flex-direction:column;gap:2px}.progress-bar-wrap{display:contents}.progress-bar{grid-column:1 / -1;margin-top:0;width:100%;height:5px;background:#ffffff12;border-radius:999px;overflow:hidden}.progress-bar.small{height:4px}.progress-fill{height:100%;background:var(--grad-cta);border-radius:inherit;transition:width .45s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:18px;background:#fff6;border-radius:inherit;filter:blur(4px)}.question-card{padding:28px 28px 24px;border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:cardIn .3s cubic-bezier(.4,0,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,179,71,.5) 40%,rgba(255,92,138,.4) 70%,transparent 95%)}.glass{background:#ffffff06;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.question-top{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.question-card h3{font-family:Syne,sans-serif;font-size:clamp(17px,2.2vw,22px);line-height:1.35;letter-spacing:-.01em;margin-bottom:18px}.question-media{width:100%;display:grid;place-items:center;margin:4px 0 16px}.question-media img{max-width:min(260px,100%);width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--stroke);box-shadow:var(--shadow-lg);transition:transform .3s ease}.question-media img:hover{transform:scale(1.02)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 12px}.choice{width:100%;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff0a;padding:13px 16px;font-size:14px;font-weight:500;transition:all .2s;text-align:left;position:relative;overflow:hidden}.choice:before{content:"";position:absolute;inset:0;background:var(--grad-subtle);opacity:0;transition:opacity .2s}.choice:hover{border-color:#ffb34759;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.choice:hover:before{opacity:1}.choice.active{border-color:#ffb34799;background:#ffb3471a;box-shadow:0 0 0 3px #ffb3471f,var(--shadow-sm)}.input{width:100%;padding:13px 16px;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);font-family:inherit;font-size:15px;margin:4px 0 12px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#ffffff40}.input:focus{outline:none;border-color:#ffb3478c;box-shadow:0 0 0 3px #ffb3471a;background:#ffffff0f}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--stroke)}.quiz-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}.quiz-stat-card{padding:16px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:var(--grad-panel);display:flex;flex-direction:column;gap:10px}.quiz-stat-card .eyebrow{margin-bottom:4px}.quiz-stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.quiz-stat-big{font-family:Syne,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1}.quiz-stat-big.amber{color:var(--amber)}.quiz-stat-big.pink{color:var(--pink)}.quiz-stat-big.sky{color:var(--sky)}.quiz-timer-ring{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--amber) calc(var(--pct, 0) * 1%),rgba(255,255,255,.07) 0);display:grid;place-items:center;position:relative;flex-shrink:0}.quiz-timer-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--bg)}.quiz-timer-value{font-family:Syne,sans-serif;font-size:16px;font-weight:700;position:relative;z-index:1}.quiz-end-btn{width:100%;margin-top:4px}@media(max-width:820px){.quiz{grid-template-columns:1fr}.quiz-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.quiz-stat-card{flex:1;min-width:140px}.choices{grid-template-columns:1fr 1fr}}@media(max-width:480px){.choices{grid-template-columns:1fr}.question-card{padding:20px 16px}}@keyframes feedbackSuccess{0%{opacity:0;transform:translateY(10px) scale(.97)}60%{opacity:1;transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedbackError{0%{opacity:0;transform:translate(0) scale(.97)}20%{opacity:1;transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes feedbackIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes explainReveal{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes iconPop{0%{transform:scale(.5) rotate(-15deg);opacity:0}65%{transform:scale(1.2) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 var(--pulse-color, rgba(114,224,168,0))}50%{box-shadow:0 0 0 6px var(--pulse-color, rgba(114,224,168,0))}}.feedback{margin-top:14px;padding:14px 16px;border-radius:var(--r-lg);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;border:1px solid rgba(126,214,255,.25);background:#7ed6ff0f;animation:feedbackIn .28s cubic-bezier(.34,1.4,.64,1);position:relative;overflow:hidden}.feedback:after{content:"";position:absolute;inset:0;background:inherit;opacity:0;border-radius:inherit}.feedback.success{border-color:#72e0a866;background:#72e0a812;animation:feedbackSuccess .45s cubic-bezier(.34,1.3,.64,1);--pulse-color: rgba(114, 224, 168, .18)}.feedback.error{border-color:#ff858873;background:#ff858812;animation:feedbackError .42s ease}.feedback.warning{border-color:#ffc85766;background:#ffc85712;animation:feedbackIn .28s cubic-bezier(.34,1.4,.64,1)}.feedback-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);flex-shrink:0;animation:iconPop .38s cubic-bezier(.34,1.56,.64,1) .05s both}.feedback.success .feedback-icon{color:#72e0a8;border-color:#72e0a88c;background:#72e0a81a}.feedback.error .feedback-icon{color:#ff8588;border-color:#ff85888c;background:#ff85881a}.feedback.warning .feedback-icon{color:#ffc857;border-color:#ffc85799;background:#ffc8571a}.feedback-body{display:grid;gap:3px}.feedback-title{font-weight:700;font-size:14px;animation:feedbackIn .25s ease .08s both}.feedback-text{font-size:14px;line-height:1.5;color:var(--muted);animation:feedbackIn .25s ease .13s both}.feedback-meta{display:grid;gap:2px;animation:feedbackIn .25s ease .18s both}@keyframes explainReveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes labelSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes textFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.explanation{margin-top:14px;border-radius:var(--r-xl);border:1px solid rgba(255,179,71,.15);background:linear-gradient(135deg,#ffb3470d,#ff783208 60%,#6e5cff08);overflow:hidden;animation:explainReveal .4s cubic-bezier(.34,1.2,.64,1) .08s both;position:relative}.explanation:before{content:"💡";position:absolute;right:14px;bottom:-4px;font-size:52px;line-height:1;opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none}.explanation:after{content:"";position:absolute;left:-20px;bottom:-20px;width:100px;height:100px;border-radius:50%;background:#ffb3471f;filter:blur(28px);pointer-events:none}.explanation-inner{display:flex;flex-direction:column;gap:6px;padding:16px 18px;position:relative;z-index:1}.explanation-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffb347d9;animation:labelSlide .3s ease .15s both}.explanation-icon{font-size:14px;line-height:1;animation:iconPop .35s cubic-bezier(.34,1.56,.64,1) .1s both}.explanation-content{display:flex;flex-direction:column;gap:6px}.explanation-text{font-size:14.5px;line-height:1.7;color:#ffffffd1;animation:textFade .35s ease .22s both}.explanation.compact{margin-top:8px}.explanation.compact .explanation-inner{padding:12px 14px;gap:4px}.explanation.compact .explanation-text{font-size:13px}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.panel{padding:18px;border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);box-shadow:var(--shadow-sm)}.panel-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke)}.tight{margin-bottom:14px}.actions-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--stroke)}.form label{display:grid;gap:7px;margin-bottom:14px;font-size:13px;color:var(--muted);letter-spacing:.03em}.form label span{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.form input{padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form input:focus{outline:none;border-color:#ffb34780;box-shadow:0 0 0 3px #ffb3471a}.auth{display:flex;justify-content:center;align-items:flex-start;padding:16px 0 40px}.auth-panel{width:100%;max-width:920px;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-xl);border:1px solid var(--stroke);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--grad-panel);animation:cardIn .35s cubic-bezier(.4,0,.2,1)}.auth-branding{padding:40px 36px;background:linear-gradient(145deg,#ffb3471a,#6e5cff1f 60%,#ff5c8a14);border-right:1px solid var(--stroke);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,.22),transparent 70%);top:-80px;right:-80px;filter:blur(50px);pointer-events:none}.auth-branding:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(110,92,255,.2),transparent 70%);bottom:-60px;left:-40px;filter:blur(45px);pointer-events:none}.auth-branding-top{position:relative}.auth-branding-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px}.auth-branding-logo-mark{width:44px;height:44px;border-radius:var(--r-md);background:#ffffff14;border:1px solid rgba(255,179,71,.25);display:grid;place-items:center;font-size:22px;box-shadow:0 8px 24px #0000004d}.auth-branding-logo-text{font-family:Syne,sans-serif;font-size:17px;font-weight:700}.auth-branding h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin-bottom:14px;background:linear-gradient(135deg,var(--text) 40%,rgba(255,179,71,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-branding p{font-size:14px;color:var(--muted);line-height:1.65;max-width:280px}.auth-features{position:relative;display:grid;gap:10px;margin-top:28px}.auth-feature-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff9}.auth-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--grad-cta);flex-shrink:0}.auth-form-panel{padding:40px 36px;display:flex;flex-direction:column}.auth-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--stroke);margin-bottom:28px}.auth-tab{flex:1;padding:9px 16px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.auth-tab.active{background:var(--grad-cta);color:#0c0a18;box-shadow:0 4px 16px #ff5c8a40}.auth-tab:not(.active):hover{color:var(--text);background:#ffffff0f}.auth-form-heading{margin-bottom:20px}.auth-form-heading h3{font-size:22px;margin-bottom:4px}.auth-form-heading p{font-size:13px;color:var(--muted)}.auth-field{display:grid;gap:7px;margin-bottom:14px}.auth-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.auth-field .input{margin:0}.auth-submit{width:100%;justify-content:center;margin-top:6px;padding:13px;font-size:15px;border-radius:var(--r-md)}.auth-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--stroke)}.auth-logged-in{margin-top:10px}.auth-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.auth-return-hint{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--r-sm);background:#ffb34714;border:1px solid rgba(255,179,71,.2);font-size:12px;color:var(--amber);margin-bottom:16px}@media(max-width:640px){.auth-panel{grid-template-columns:1fr}.auth-branding{padding:24px 22px;border-right:none;border-bottom:1px solid var(--stroke)}.auth-features{display:none}.auth-form-panel{padding:24px 22px}}.profile{display:flex;align-items:center;gap:12px;margin-bottom:14px}.profile.compact{margin-bottom:0}.avatar{width:46px;height:46px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--stroke);display:grid;place-items:center;font-size:22px}.avatar-grid{margin-top:12px}.avatar-btn{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);cursor:pointer;font-size:18px;display:grid;place-items:center;transition:all .2s}.avatar-btn:hover{border-color:#ffb3474d;background:#ffb34714;transform:scale(1.06)}.avatar-btn.active{border-color:#ffb34799;background:#ffb34724;box-shadow:0 0 0 3px #ffb3471f}.premium{margin-top:14px;padding:14px 16px;border-radius:var(--r-lg);background:linear-gradient(135deg,#6e5cff1a,#ff5c8a12);border:1px solid rgba(110,92,255,.25);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-section{display:grid;gap:16px}.profile-summary{display:grid;gap:10px}.profile-summary-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-settings{max-width:680px}.profile-settings-grid{display:grid;gap:10px;margin-top:4px}.settings-card{border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);overflow:hidden;transition:border-color .2s;position:relative}.settings-card:hover{border-color:#ffffff1a}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--card-accent, linear-gradient(90deg, transparent, rgba(255,179,71,.35), transparent))}.settings-card-inner{padding:20px 22px}.settings-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.settings-card-icon{width:36px;height:36px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--stroke);display:grid;place-items:center;font-size:17px;flex-shrink:0}.settings-card-header h4{font-family:Syne,sans-serif;font-size:15px;font-weight:700;margin:0 0 2px}.settings-card-header p{font-size:12px;color:var(--muted);margin:0}.settings-input-wrap{position:relative}.settings-input-wrap .input{margin:0;padding-right:50px;font-size:15px}.settings-char-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums}.avatar-grid{margin-top:0}.avatar-grid .label{margin-bottom:10px;display:block}.avatars{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.avatar-btn{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);cursor:pointer;font-size:20px;display:grid;place-items:center;transition:all .2s;position:relative}.avatar-btn:hover{border-color:#ffb3474d;background:#ffb34714;transform:scale(1.08)}.avatar-btn.active{border-color:#ffb347a6;background:#ffb34724;box-shadow:0 0 0 3px #ffb34726}.avatar-btn.active:after{content:"✓";position:absolute;bottom:2px;right:3px;font-size:9px;color:var(--amber);font-weight:700;line-height:1}.settings-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--stroke);background:#ffffff04}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0}.setting-row-text .label{font-size:14px;font-weight:600;color:var(--text);letter-spacing:0;margin-bottom:3px}.setting-row-text p{font-size:12px;color:var(--muted);margin:0;line-height:1.5;max-width:340px}.toggle-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0d;color:var(--muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.toggle-pill .toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);transition:background .2s;flex-shrink:0}.toggle-pill.on{border-color:#72e0a873;background:#72e0a81a;color:#72e0a8}.toggle-pill.on .toggle-dot{background:#72e0a8;box-shadow:0 0 6px #72e0a899}.premium{margin:0;padding:0;border:none;background:none;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.premium-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:4px}.premium p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.premium-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end}@media(max-width:560px){.premium{grid-template-columns:1fr}.premium-actions{flex-direction:row;align-items:stretch}.premium-actions .pill,.premium-actions .ghost{flex:1;justify-content:center}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.stat{padding:14px;border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--grad-panel);transition:border-color .2s,transform .2s}.stat:hover{border-color:#ffb34733;transform:translateY(-1px)}.category-stats{display:grid;gap:10px}.cat-stat{padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff06;transition:border-color .2s}.cat-stat:hover{border-color:#ffffff1f}.cat-head{display:flex;gap:8px;align-items:center;font-size:14px}.extra .features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.feature{padding:16px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:var(--grad-panel);transition:all .2s}.feature:hover{transform:translateY(-2px);border-color:#ffffff1f}.feature.hot{background:linear-gradient(135deg,#ffb3471f,#ff5c8a14);border-color:#ffb34759}.panel.tips{margin-top:14px}.tip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tips-list{margin:8px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.tips-list li{font-size:14px;line-height:1.5}.footer{margin-top:48px;padding:20px 0;border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:center}.footer-links{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-meta{color:var(--muted);font-size:12px}.footer .brand-mark{width:34px;height:34px;padding:5px;font-size:16px}.consent-banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(700px,calc(100% - 24px));padding:14px 16px;border-radius:var(--r-lg);background:#080613eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;gap:14px;z-index:200;animation:bannerUp .3s cubic-bezier(.4,0,.2,1)}@keyframes bannerUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.consent-copy{display:flex;flex-direction:column;gap:10px}.consent-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.consent-details{display:flex;flex-direction:column;gap:8px}.consent-toggle{padding:0;background:none;border:none;color:var(--sky);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.consent-toggle:hover,.consent-toggle:focus-visible{text-decoration:underline}.consent-actions{display:flex;gap:8px;align-items:center}.consent-reopen{position:fixed;right:16px;bottom:16px;z-index:150;padding:9px 15px;border-radius:var(--r-md);background:#080613e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--stroke);color:var(--text);font-family:inherit;font-weight:600;font-size:13px;box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s}.consent-reopen:hover{transform:translateY(-2px);border-color:#ffb3474d;box-shadow:var(--shadow-lg)}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-top:20px}.legal-toc{position:sticky;top:90px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:var(--grad-panel);display:flex;flex-direction:column;gap:2px}.legal-toc-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--stroke)}.legal-toc a{font-size:13px;color:var(--muted);padding:5px 8px;border-radius:var(--r-sm);transition:all .2s;line-height:1.4}.legal-toc a:hover{color:var(--text);background:#ffffff0f}.legal-content{display:flex;flex-direction:column;gap:2px}.legal-block{padding:22px 24px;border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);position:relative;overflow:hidden;transition:border-color .2s}.legal-block:hover{border-color:#ffffff1a}.legal-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--block-accent, var(--grad-cta));border-radius:0 3px 3px 0;opacity:.7}.legal-block-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.legal-block-icon{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:16px;background:#ffffff0d;border:1px solid var(--stroke);flex-shrink:0}.legal-block h3{font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.legal-block h4{font-family:Syne,sans-serif;font-size:13px;font-weight:700;margin:16px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.legal-block p{font-size:14px;line-height:1.7;color:#ffffffa6;margin:0 0 10px}.legal-block p:last-child{margin-bottom:0}.legal-block a{color:var(--sky);text-decoration:none;border-bottom:1px solid rgba(126,214,255,.3);transition:border-color .2s,color .2s}.legal-block a:hover{color:#fff;border-bottom-color:#7ed6ffb3}.legal-block .plain-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.legal-block .plain-list li{font-size:14px;line-height:1.65;color:#ffffff9e;padding-left:18px;position:relative}.legal-block .plain-list li:before{content:"–";position:absolute;left:0;color:var(--amber);opacity:.7;font-weight:700}.legal-contact-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--stroke);margin-top:10px}.legal-contact-row .label{flex-shrink:0}.legal-contact-row a{font-weight:600}.legal-address{font-size:14px;line-height:1.8;color:#ffffffa6;padding:12px 14px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--stroke);margin:8px 0}.data-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.data-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--stroke)}.data-table td{padding:10px 12px;vertical-align:top;color:#ffffff9e;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.55}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff06}.data-table code{font-family:DM Mono,monospace;font-size:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;color:var(--sky)}.legal-block code{font-family:DM Mono,Courier New,monospace;font-size:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;color:var(--sky)}.legal-stand{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#ffb3471a;border:1px solid rgba(255,179,71,.25);font-size:12px;color:var(--amber);font-weight:600;margin-bottom:12px}@media(max-width:860px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}.legal-toc-title{width:100%;margin-bottom:4px;padding-bottom:4px}.legal-toc a{font-size:12px}}@media(max-width:520px){.data-table thead{display:none}.data-table td{display:block;padding:6px 10px}.data-table tr{display:block;border-bottom:1px solid var(--stroke);padding:8px 0}}@media(max-width:768px){.page{padding:16px 16px 80px}.navbar{position:static;flex-wrap:wrap;gap:10px;border-radius:var(--r-md)}.nav-toggle{display:inline-flex}.nav-links{display:none;width:100%;flex-direction:column;gap:2px;padding:6px 0}.nav-links.open{display:flex}.nav-actions{width:100%;justify-content:flex-end}.brand-subtitle{font-size:10px}.hero{gap:20px;margin-top:20px}.section{margin-top:40px}.question-card{padding:20px 16px}.question-footer{flex-direction:column;align-items:stretch}.mode-card h3{font-size:22px}.consent-reopen{right:12px;bottom:12px}.premium{flex-direction:column}.actions-row{flex-direction:column;align-items:stretch}.actions-row .pill,.actions-row .ghost{width:100%;justify-content:center}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#080613f2;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid var(--stroke);z-index:200;justify-content:space-around;align-items:center;padding:0 4px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:color .2s;border-radius:var(--r-md);flex:1;min-width:0}.bottom-nav-item.active{color:var(--amber)}.bottom-nav-icon{font-size:22px;line-height:1;transition:transform .2s}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.15)}@media(max-width:768px){.bottom-nav{display:flex}.page{padding-bottom:88px!important}.navbar{position:static!important;padding:10px 16px;gap:0}.nav-links,.nav-toggle,.nav-actions{display:none!important}.brand-subtitle{font-size:11px}}.hero-section{padding:clamp(32px,6vw,64px) 0 clamp(20px,4vw,40px);position:relative;text-align:center;max-width:700px;margin:0 auto}.hero-badge-new{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:#ffb3471a;border:1px solid rgba(255,179,71,.28);font-size:12px;font-weight:700;color:var(--amber);margin-bottom:20px;letter-spacing:.06em;text-transform:uppercase}.hero-headline{font-family:Syne,sans-serif;font-size:clamp(38px,7vw,76px);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin:0 0 18px;background:linear-gradient(135deg,var(--text) 30%,rgba(255,179,71,.9) 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subline{font-size:clamp(15px,2vw,18px);color:var(--muted);line-height:1.65;max-width:560px;margin:0 auto 28px}.hero-stats-strip{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:32px}.hero-stat-item{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--stroke);font-size:13px;color:var(--muted);transition:border-color .2s}.hero-stat-item:hover{border-color:#ffffff24}.hero-stat-item strong{font-family:Syne,sans-serif;font-size:17px;font-weight:700;color:var(--text)}.hero-cta-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.category-emoji-bg{position:absolute;right:14px;bottom:10px;font-size:52px;line-height:1;opacity:.15;pointer-events:none;transition:opacity .3s,transform .35s;filter:grayscale(20%)}.category:hover .category-emoji-bg{opacity:.28;transform:scale(1.12) rotate(-6deg)}.category.active .category-emoji-bg{opacity:.32}.category-desc{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.45;max-width:200px}.category-accuracy{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0f;border-radius:0 0 var(--r-xl) var(--r-xl);overflow:hidden}.category-accuracy-fill{height:100%;background:var(--grad-cta);border-radius:inherit;transition:width .7s cubic-bezier(.4,0,.2,1)}.category-count-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);font-size:11px;color:var(--muted);font-weight:600}.filter-section{margin:20px 0 4px}.filter-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;display:block}.type-filter{display:flex;gap:8px;flex-wrap:wrap}.type-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.type-filter-btn:hover:not(.active):not(.active-mc):not(.active-text){border-color:#ffffff2e;color:var(--text);background:#ffffff14}.type-filter-btn:active{transform:scale(.96);transition-duration:.07s}.type-filter-btn.active{background:#ffb34724;border-color:#ffb34780;color:var(--amber)}.type-filter-btn.active-mc{background:#7ed6ff1f;border-color:#7ed6ff73;color:var(--sky)}.type-filter-btn.active-text{background:#72e0a81f;border-color:#72e0a873;color:#72e0a8}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.quiz-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);flex-wrap:wrap}.quiz-breadcrumb-sep{opacity:.4}.quiz-pills-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quiz-score-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;background:#ffb3471f;border:1px solid rgba(255,179,71,.32);font-size:14px;font-weight:700;color:var(--amber);font-family:Syne,sans-serif}.quiz-timer-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;background:#7ed6ff1a;border:1px solid rgba(126,214,255,.32);font-size:14px;font-weight:700;color:var(--sky);font-family:Syne,sans-serif;transition:background .3s}.quiz-timer-pill.urgent{background:#ff858826;border-color:#ff858880;color:#ff8588}.quiz-v2{max-width:740px;margin:0 auto}.question-card-v2{padding:28px 28px 24px;border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:cardIn .3s cubic-bezier(.4,0,.2,1)}.question-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,179,71,.5) 40%,rgba(255,92,138,.4) 70%,transparent 95%)}.question-card-v2 h3{font-family:Syne,sans-serif;font-size:clamp(18px,2.4vw,24px);line-height:1.3;letter-spacing:-.01em;margin-bottom:20px}.choices-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}.choice-v2{width:100%;padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;position:relative;overflow:hidden;line-height:1.4;-webkit-tap-highlight-color:transparent}.choice-v2:hover:not(:disabled){border-color:#ffb34773;background:#ffb34714;box-shadow:inset 0 0 0 1px #ffb34726}.choice-v2:active:not(:disabled){transform:scale(.98);background:#ffb3471f;transition-duration:.07s}.choice-v2.active{border-color:#ffb347b3;background:#ffb34721;box-shadow:0 0 0 3px #ffb3471a,inset 0 0 0 1px #ffb34733}.question-footer-v2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--stroke);flex-wrap:wrap}@media(max-width:560px){.choices-v2{grid-template-columns:1fr}.question-card-v2{padding:20px 16px}.quiz-topbar{gap:8px}}.summary-v2{max-width:740px;margin:0 auto}.summary-score-display{text-align:center;padding:36px 24px 28px;border-radius:var(--r-xl);background:var(--grad-panel);border:1px solid var(--stroke);position:relative;overflow:hidden;margin-bottom:12px}.summary-score-display:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,179,71,.55) 40%,rgba(255,92,138,.45) 70%,transparent 95%)}.summary-score-number{font-family:Syne,sans-serif;font-size:clamp(72px,14vw,108px);font-weight:800;line-height:1;letter-spacing:-.04em;background:var(--grad-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.summary-score-subtitle{font-size:15px;color:var(--muted);font-weight:500;margin-bottom:20px}.summary-score-bar{max-width:280px;margin:0 auto;height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.summary-score-bar-fill{height:100%;background:var(--grad-cta);border-radius:inherit;transition:width 1s cubic-bezier(.4,0,.2,1)}.summary-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.summary-meta-item{padding:14px 12px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:#ffffff06;text-align:center;transition:border-color .2s}.summary-meta-item:hover{border-color:#ffffff1a}.summary-meta-value{font-family:Syne,sans-serif;font-size:20px;font-weight:700;margin-bottom:4px}.summary-meta-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.summary-history-list{display:flex;flex-direction:column;gap:8px}.summary-history-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff05;transition:background .15s}.summary-history-item:hover{background:#ffffff09}.summary-history-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.summary-history-icon.correct{background:#72e0a826;color:#72e0a8;border:1px solid rgba(114,224,168,.35)}.summary-history-icon.wrong{background:#ff85881f;color:#ff8588;border:1px solid rgba(255,133,136,.35)}.summary-history-body{flex:1;min-width:0}.summary-history-question{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.summary-history-answers{font-size:12px;color:var(--muted);line-height:1.5}.summary-history-explanation{font-size:12px;color:#ffffff6b;margin-top:5px;line-height:1.45;font-style:italic;border-left:2px solid rgba(126,214,255,.25);padding-left:8px}@media(max-width:560px){.summary-meta-grid{grid-template-columns:1fr 1fr}}.modeselect-back{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-md);background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.modeselect-back:hover{border-color:#ffffff2e;color:var(--text);background:#ffffff17}.modeselect-back:active{transform:scale(.96);transition-duration:.07s}.modeselect-split{display:grid;grid-template-columns:260px 1fr;border-radius:var(--r-xl);border:1px solid var(--stroke);background:var(--grad-panel);overflow:hidden;box-shadow:var(--shadow-md);animation:cardIn .3s cubic-bezier(.4,0,.2,1)}.modeselect-left{border-right:1px solid var(--stroke);display:flex;flex-direction:column;padding:10px;gap:4px;background:#00000014}.modeselect-left-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:8px 8px 4px;opacity:.7}.mode-option{display:flex;align-items:flex-start;gap:13px;padding:14px 12px;border-radius:var(--r-lg);border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s;color:var(--text);font-family:inherit;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.mode-option:hover{background:#ffffff0f;border-color:#ffffff17}.mode-option:active{transform:scale(.98);transition-duration:.07s}.mode-option.selected{background:#ffb34717;border-color:#ffb34761}.mode-option.selected[data-mode=sudden]{background:#ff5c8a17;border-color:#ff5c8a61}.mode-option.selected[data-mode=zeit]{background:#7ed6ff12;border-color:#7ed6ff52}.mode-option-icon{font-size:26px;line-height:1;flex-shrink:0;margin-top:1px}.mode-option-text{flex:1;min-width:0}.mode-option-name{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:3px;line-height:1.2}.mode-option-desc{font-size:11px;color:var(--muted);line-height:1.4}.mode-option-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0;display:grid;place-items:center;transition:all .2s;margin-top:3px}.mode-option-radio:after{content:"";width:7px;height:7px;border-radius:50%;background:transparent;transition:background .2s}.mode-option.selected .mode-option-radio{border-color:var(--amber)}.mode-option.selected .mode-option-radio:after{background:var(--amber)}.mode-option.selected[data-mode=sudden] .mode-option-radio{border-color:var(--pink)}.mode-option.selected[data-mode=sudden] .mode-option-radio:after{background:var(--pink)}.mode-option.selected[data-mode=zeit] .mode-option-radio{border-color:var(--sky)}.mode-option.selected[data-mode=zeit] .mode-option-radio:after{background:var(--sky)}.modeselect-right{padding:24px 26px;display:flex;flex-direction:column;gap:22px;min-height:360px}.modeselect-right-title{display:flex;flex-direction:column;gap:2px}.modeselect-right-title h3{font-size:18px;font-family:Syne,sans-serif;font-weight:700;margin:0}.modeselect-right-title p{font-size:13px;color:var(--muted);margin:0;line-height:1.45}.setting-block{display:flex;flex-direction:column;gap:10px}.setting-block-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.nice-slider-wrap{display:flex;flex-direction:column;gap:6px}.nice-slider-top{display:flex;align-items:baseline;gap:6px}.nice-slider-number{font-family:Syne,sans-serif;font-size:36px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--amber)}.nice-slider-number.sky{color:var(--sky)}.nice-slider-unit{font-size:14px;color:var(--muted);font-weight:500}.nice-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:2px;font-weight:500}input[type=range].nice-slider{width:100%;height:5px;border-radius:999px;accent-color:var(--amber);cursor:pointer;appearance:none;-webkit-appearance:none;background:#ffffff1a;outline:none;margin:4px 0}input[type=range].nice-slider.sky{accent-color:var(--sky)}input[type=range].nice-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--amber);cursor:pointer;box-shadow:0 2px 8px #ffb34780;transition:transform .15s,box-shadow .15s}input[type=range].nice-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 14px #ffb347a6}input[type=range].nice-slider.sky::-webkit-slider-thumb{background:var(--sky);box-shadow:0 2px 8px #7ed6ff80}.difficulty-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;background:#ffb3471f;border:1px solid rgba(255,179,71,.32);color:var(--amber);font-size:13px;font-weight:700;transition:all .2s}.difficulty-badge.level-low{background:#72e0a81a;border-color:#72e0a84d;color:#72e0a8}.difficulty-badge.level-mid{background:#ffb3471f;border-color:#ffb34752;color:var(--amber)}.difficulty-badge.level-high{background:#ff5c8a1f;border-color:#ff5c8a52;color:var(--pink)}.modeselect-bottom{margin-top:14px;padding:14px 20px;border-radius:var(--r-lg);background:linear-gradient(90deg,#ffb34712,#ff5c8a0a);border:1px solid rgba(255,179,71,.15);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;overflow:hidden}.modeselect-bottom:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-cta);border-radius:0 3px 3px 0}.session-summary{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.session-summary-chip{padding:3px 9px;border-radius:999px;background:#ffffff0f;border:1px solid var(--stroke);font-size:12px;font-weight:600;color:var(--text)}.session-count{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--amber);line-height:1}.session-count.none{color:#ff8588}@media(max-width:820px){.modeselect-split{grid-template-columns:1fr}.modeselect-left{border-right:none;border-bottom:1px solid var(--stroke);flex-direction:row;padding:8px;gap:6px;overflow-x:auto}.modeselect-left-label{display:none}.mode-option{flex:1;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 10px;min-width:90px}.mode-option-radio,.mode-option-desc{display:none}.mode-option-icon{font-size:22px}.modeselect-right{padding:18px 20px}}@media(max-width:520px){.modeselect-bottom{flex-direction:column;align-items:stretch}.modeselect-bottom .pill{width:100%;justify-content:center}}@keyframes flashCorrect{0%{border-color:#72e0a8cc;box-shadow:var(--shadow-md),0 0 0 5px #72e0a82e,0 0 40px #72e0a826}60%{border-color:#72e0a880;box-shadow:var(--shadow-md),0 0 0 3px #72e0a81a}to{border-color:var(--stroke);box-shadow:var(--shadow-md)}}@keyframes flashWrong{0%{border-color:#ff8588cc;box-shadow:var(--shadow-md),0 0 0 5px #ff85882e,0 0 40px #ff858826}60%{border-color:#ff858880;box-shadow:var(--shadow-md),0 0 0 3px #ff85881a}to{border-color:var(--stroke);box-shadow:var(--shadow-md)}}.question-card-v2.flash-correct{animation:cardIn .3s cubic-bezier(.4,0,.2,1),flashCorrect .75s ease-out .1s}.question-card-v2.flash-wrong{animation:cardIn .3s cubic-bezier(.4,0,.2,1),flashWrong .75s ease-out .1s}.choice-key-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:800;font-family:Syne,sans-serif;color:#ffffff0b;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .2s;line-height:1}.choice-v2:hover .choice-key-badge{color:#ffb34712}.choice-v2.active .choice-key-badge{color:#ffb3471a}.choice-v2{display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.choice-text{flex:1;min-width:0;position:relative;z-index:1}.kb-hint{font-size:11px;color:var(--muted);opacity:.6;display:flex;align-items:center;gap:4px;margin-top:8px}.kb-key{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:700;color:var(--muted)}.streak-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:#ff8c0026;border:1px solid rgba(255,140,0,.4);font-size:14px;font-weight:700;color:#fa4;font-family:Syne,sans-serif;animation:streakPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes streakPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.difficulty-dots{display:flex;gap:3px;align-items:center}.difficulty-dot{width:7px;height:7px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);transition:background .2s}.difficulty-dot.filled{background:var(--amber);border-color:#ffb34780;box-shadow:0 0 4px #ffb34766}.difficulty-dot.filled.high{background:var(--pink);border-color:#ff5c8a80;box-shadow:0 0 4px #ff5c8a66}.difficulty-dot-wrap{display:flex;align-items:center;gap:7px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--r-md)}.skeleton-block{height:18px;margin-bottom:10px}.skeleton-block.tall{height:120px}.skeleton-block.short{height:12px}.skeleton-block.wide{width:100%}.skeleton-block.half{width:55%}.skeleton-block.third{width:35%}.skeleton-category-card{border-radius:var(--r-xl);border:1px solid var(--stroke);padding:22px 20px;display:flex;flex-direction:column;gap:10px}.continent-chips{display:flex;gap:7px;flex-wrap:wrap}.continent-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.continent-chip:hover:not(.active){border-color:#fff3;color:var(--text);background:#ffffff14}.continent-chip:active{transform:scale(.95);transition-duration:.07s}.continent-chip.active{background:#7ed6ff1f;border-color:#7ed6ff73;color:var(--sky)}.wrong-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--stroke);color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.wrong-filter-btn:hover:not(.active){border-color:#ff858859;color:var(--text);background:#ff85880f}.wrong-filter-btn:active{transform:scale(.97);transition-duration:.07s}.wrong-filter-btn.active{background:#ff85881f;border-color:#ff858873;color:#ff8588}.wrong-filter-btn .wrong-count{font-size:11px;padding:1px 7px;border-radius:999px;background:#ff858833;color:#ff8588;font-weight:700}.stats-page{display:flex;flex-direction:column;gap:16px;max-width:860px}.stats-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-overview-card{padding:18px 16px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:var(--grad-panel);transition:border-color .2s,transform .2s}.stats-overview-card:hover{border-color:#ffffff1a;transform:translateY(-1px)}.stats-overview-number{font-family:Syne,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.stats-overview-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}@media(max-width:640px){.stats-overview-grid{grid-template-columns:repeat(2,1fr)}}.stats-cat-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stats-cat-row:last-child{border-bottom:none}.stats-cat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-cat-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.stats-cat-pct{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--amber)}.stats-cat-bar-bg{height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.stats-cat-bar-fill{height:100%;border-radius:inherit;transition:width .8s cubic-bezier(.4,0,.2,1)}.stats-cat-meta{font-size:11px;color:var(--muted)}.session-log{display:flex;flex-direction:column;gap:8px}.session-log-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--r-md);border:1px solid var(--stroke);background:#ffffff05;transition:background .15s}.session-log-item:hover{background:#ffffff09}.session-log-accuracy{font-family:Syne,sans-serif;font-size:18px;font-weight:800;min-width:48px;text-align:right;flex-shrink:0}.session-log-info{flex:1;min-width:0}.session-log-title{font-size:13px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-log-meta{font-size:11px;color:var(--muted)}.session-log-bar{width:48px;height:4px;background:#ffffff12;border-radius:999px;overflow:hidden;flex-shrink:0}.session-log-bar-fill{height:100%;border-radius:inherit;background:var(--grad-cta)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#2a1a00;border-bottom:1px solid rgba(255,179,71,.35);display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--amber);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.kb-hint-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:800;background:#141223f2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);box-shadow:0 8px 32px #00000080;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.kb-hint-toast .kb-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700;color:var(--text);font-family:DM Sans,monospace}.kb-hint-toast-close{margin-left:6px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0 2px;line-height:1;opacity:.6;transition:opacity .15s}.kb-hint-toast-close:hover{opacity:1}.streak-milestone-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,179,71,.1) 0%,transparent 70%);animation:milestoneIn .4s cubic-bezier(.34,1.56,.64,1)}.streak-milestone-number{font-size:56px;font-weight:800;font-family:Syne,sans-serif;background:linear-gradient(135deg,#ffb347,coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:milestonePulse .6s ease}.streak-milestone-label{font-size:13px;font-weight:600;color:var(--amber);margin-top:4px;letter-spacing:.05em}@keyframes milestoneIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes milestonePulse{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.summary-actions-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.summary-actions-row button{flex:1;justify-content:center;min-width:140px}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--r-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.share-btn:hover{background:#ffffff17;border-color:#fff3}.share-btn.copied{border-color:#72e0a866;color:#72e0a8}