:root{--bg:#0d1626;--bg-raised:#16233a;--bg-card:#1a2942;--line:rgba(255,255,255,0.08);--text:#f4f7fb;--text-dim:#9fb0c7;--coral:#ff6b5e;--coral-deep:#e8503f;--aqua:#35d0ba;--gold:#ffc24b;--green:#3ddc84;--red:#ff5d6c;--radius:18px;--radius-sm:12px;--shadow:0 8px 24px rgba(3,8,20,0.45);--font:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}img{max-width:100%;display:block}.container{max-width:680px;margin:0 auto;padding:0 16px}.wide{max-width:980px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(13,22,38,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header .container{justify-content:space-between;height:58px}.logo,.site-header .container{display:flex;align-items:center}.logo{gap:8px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.logo .hook{color:var(--coral)}.nav{display:flex;gap:4px}.nav a{padding:8px 12px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--text-dim);transition:background .15s,color .15s}.nav a.active,.nav a:hover{background:var(--bg-card);color:var(--text)}.nav .nav-daily{color:var(--gold)}@media (max-width:420px){.nav a{padding:7px 8px;font-size:.82rem}.logo{font-size:1.1rem}}.section{margin:28px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.section-sub{color:var(--text-dim);font-size:.85rem;font-weight:600}.thumb{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb .thumb-emoji{font-size:3rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.quiz-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.quiz-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}.quiz-card .thumb{aspect-ratio:16/9}.quiz-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.quiz-card-title{font-size:1rem;font-weight:700;line-height:1.3}.quiz-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--text-dim);font-size:.78rem;font-weight:600;margin-top:auto}.chip{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.07);border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.chip.cat{color:var(--aqua)}.featured-body .chip,.quiz-card-body .chip,.start-body .chip{align-self:flex-start}.chip.diff-easy{color:var(--green)}.chip.diff-medium{color:var(--gold)}.chip.diff-hard{color:var(--coral)}.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 12px;margin:0 -16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .quiz-card{flex:0 0 240px;scroll-snap-align:start}.featured-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--bg-card);display:block}.featured-card .thumb{aspect-ratio:16/8}.featured-card .thumb-emoji{font-size:4.5rem}.featured-body{padding:16px;display:flex;flex-direction:column;gap:8px}.featured-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.featured-hook{color:var(--text-dim);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;font-size:1rem;padding:14px 26px;transition:transform .1s,filter .15s;text-align:center}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;box-shadow:0 6px 18px rgba(255,107,94,.35)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--bg-card);border:1px solid var(--line);color:var(--text)}.btn-secondary:hover{border-color:rgba(255,255,255,.25)}.btn-gold{background:linear-gradient(135deg,var(--gold),#f0a32c);color:#3a2604;box-shadow:0 6px 18px rgba(255,194,75,.3)}.btn-block{width:100%}.btn-sm{padding:9px 18px;font-size:.88rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:560px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-tile{border-radius:var(--radius);padding:16px 14px;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;position:relative;overflow:hidden;border:1px solid var(--line);transition:transform .15s}.category-tile:hover{transform:translateY(-3px)}.category-tile .cat-emoji{font-size:1.7rem}.category-tile .cat-name{font-weight:800;font-size:.98rem;text-shadow:0 1px 6px rgba(0,0,0,.4)}.category-tile .cat-count{font-size:.75rem;font-weight:700;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.4)}.daily-module{border-radius:var(--radius);border:1px solid rgba(255,194,75,.35);background:linear-gradient(140deg,rgba(255,194,75,.14),rgba(255,107,94,.1));padding:20px 18px;display:flex;flex-direction:column;gap:10px}.daily-module h3{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:8px}.daily-module p{color:var(--text-dim);font-size:.92rem}.daily-date{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.start-hero{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--bg-card)}.start-hero .thumb{aspect-ratio:16/8}.start-hero .thumb-emoji{font-size:4.5rem}.start-body{padding:20px 18px;display:flex;flex-direction:column;gap:12px}.start-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.start-hook{color:var(--text-dim);font-size:1rem}.stat-row{display:flex;gap:10px;flex-wrap:wrap}.stat{flex:1 1;min-width:88px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 8px;text-align:center}.stat b{display:block;font-size:1.05rem}.stat span{font-size:.72rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.social-proof{color:var(--text-dim);font-size:.82rem;text-align:center}.player{padding:16px 0 40px}.progress-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.progress-label{font-size:.85rem;font-weight:800;color:var(--text-dim);white-space:nowrap}.progress-track{flex:1 1;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--aqua),var(--coral));transition:width .35s ease}.question-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;box-shadow:var(--shadow)}.question-text{font-size:1.25rem;font-weight:800;line-height:1.35;letter-spacing:-.01em;margin-bottom:18px}.answers{display:flex;flex-direction:column;gap:10px}.answer-btn{width:100%;text-align:left;background:rgba(255,255,255,.05);border:2px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:1rem;font-weight:600;padding:15px 16px;min-height:54px;transition:border-color .12s,background .12s,opacity .2s}.answer-btn:hover:not(:disabled){border-color:var(--aqua);background:rgba(53,208,186,.08)}.answer-btn:disabled{cursor:default}.answer-btn.correct{border-color:var(--green);background:rgba(61,220,132,.14)}.answer-btn.incorrect{border-color:var(--red);background:rgba(255,93,108,.12)}.answer-btn.dimmed{opacity:.45}.feedback{margin-top:16px;border-radius:var(--radius-sm);padding:14px 16px;animation:pop-in .25s ease}.feedback.good{background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.35)}.feedback.bad{background:rgba(255,93,108,.08);border:1px solid rgba(255,93,108,.3)}.feedback-verdict{font-weight:800;font-size:1rem;margin-bottom:4px}.feedback.good .feedback-verdict{color:var(--green)}.feedback.bad .feedback-verdict{color:var(--red)}.feedback-fact{color:var(--text-dim);font-size:.92rem}.feedback .btn{margin-top:14px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-card{text-align:center;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 20px 26px;box-shadow:var(--shadow);animation:pop-in .3s ease}.badge-medal{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.25),transparent 55%),linear-gradient(135deg,var(--gold),#f0862c);box-shadow:0 8px 26px rgba(255,194,75,.35)}.result-score{font-size:1.1rem;font-weight:800;color:var(--text-dim);letter-spacing:.02em}.result-badge-title{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;margin:4px 0 8px}.result-desc{color:var(--text-dim);font-size:.98rem;max-width:420px;margin:0 auto 20px}.result-actions{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:0 auto}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (max-width:420px){.related-grid{grid-template-columns:1fr}}.email-capture{border-radius:var(--radius);border:1px solid rgba(53,208,186,.3);background:rgba(53,208,186,.07);padding:18px 16px;text-align:center}.email-capture h4{font-size:1.05rem;font-weight:800;margin-bottom:4px}.email-capture p{color:var(--text-dim);font-size:.88rem;margin-bottom:12px}.email-form{display:flex;gap:8px;max-width:400px;margin:0 auto}.email-form input{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.95rem;padding:12px 16px;outline:none}.email-form input:focus{border-color:var(--aqua)}.level-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;min-width:44px;min-height:30px;border-radius:999px;background:rgba(255,194,75,.12);border:1px solid rgba(255,194,75,.35);font-size:.82rem;font-weight:800;color:var(--gold)}.level-chip-streak{color:var(--coral)}.xp-panel{margin-top:16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow);animation:pop-in .35s ease}.levelup-banner{background:linear-gradient(135deg,rgba(255,194,75,.2),rgba(255,107,94,.15));border:1px solid rgba(255,194,75,.4);border-radius:var(--radius-sm);padding:12px 14px;text-align:center;font-size:.98rem;margin-bottom:14px}.xp-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.xp-earned{font-size:1.2rem;font-weight:800;color:var(--aqua)}.xp-level-label{font-size:.85rem;font-weight:700;color:var(--text-dim)}.xp-track{height:10px;background:rgba(255,255,255,.08);overflow:hidden}.xp-fill,.xp-track{border-radius:999px}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--coral));transition:width .6s ease}.xp-next,.xp-streak{color:var(--text-dim);font-size:.82rem;font-weight:600;margin-top:6px}.xp-streak{color:var(--gold)}.unlock-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.unlock-card{display:flex;align-items:center;gap:12px;background:rgba(53,208,186,.08);border:1px solid rgba(53,208,186,.3);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;animation:pop-in .4s ease}.unlock-card small{color:var(--text-dim)}.unlock-emoji{font-size:1.6rem}.xp-profile-link{display:block;text-align:center;margin-top:14px;font-size:.88rem;font-weight:800;color:var(--aqua)}.tacklebox-hero{text-align:center;padding:28px 16px 22px}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:560px){.achievement-grid{grid-template-columns:repeat(3,1fr)}}.achievement-tile{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;display:flex;flex-direction:column;gap:3px;text-align:center;align-items:center}.achievement-tile b{font-size:.88rem}.achievement-tile small{color:var(--text-dim);font-size:.75rem}.achievement-emoji{font-size:1.8rem;margin-bottom:2px}.achievement-tile.locked{opacity:.45;filter:saturate(.4)}.achievement-tile.unlocked{border-color:rgba(255,194,75,.35)}.cat-hero{border-radius:var(--radius);padding:28px 20px;margin-top:16px;border:1px solid var(--line)}.cat-hero h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.cat-hero h1,.cat-hero p{text-shadow:0 1px 8px rgba(0,0,0,.4)}.cat-hero p{margin-top:4px;font-size:.95rem;opacity:.9}.quiz-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (min-width:560px){.quiz-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:28px 0 40px;color:var(--text-dim);font-size:.85rem;text-align:center}.site-footer .logo{justify-content:center;margin-bottom:8px;font-size:1.05rem}.empty-note{color:var(--text-dim);font-size:.9rem;background:var(--bg-card);border:1px dashed var(--line);border-radius:var(--radius);padding:20px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.88rem;font-weight:700;margin:16px 0 4px}.back-link:hover{color:var(--text)}