:root{color-scheme:light;--ink: #241542;--muted: #65577a;--white: #ffffff;--pink: #f7a4dc;--violet: #8d6bff;--deep: #6a4de0;--peach: #f4a88a;--coral: #e98578;--line: rgb(36 21 66 / 10%);--shadow: 0 24px 60px rgb(90 50 140 / 12%);font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(900px 420px at 8% -10%,rgb(247 164 220 / 70%),transparent 60%),radial-gradient(800px 480px at 90% 0%,rgb(141 107 255 / 45%),transparent 55%),radial-gradient(700px 380px at 70% 110%,rgb(244 168 138 / 55%),transparent 50%),#fbf7fc}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}.page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 4rem}.top,.brand,.actions,.progress,.topic-meta,.quiz-foot,.review-top{display:flex;align-items:center}.top{justify-content:space-between;margin-bottom:1.25rem}.brand{gap:.75rem}.brand strong{display:block;font-size:1.05rem}.mark{width:2.5rem;height:2.5rem;border-radius:.8rem;background:linear-gradient(135deg,var(--pink),var(--violet) 55%,var(--peach));box-shadow:0 8px 18px #8d6bff47}.eyebrow{margin:0 0 .35rem;color:var(--deep);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow.light{color:#fff}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.03em}h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:.98}h2{font-size:1.6rem}h3{font-size:1.15rem}.lede{max-width:38rem;color:var(--muted);font-size:1.05rem;line-height:1.55}.hero{display:grid;grid-template-columns:1.4fr .7fr;gap:1rem;align-items:end;padding:1.6rem;border-radius:1.8rem;color:#fff;background:linear-gradient(115deg,rgb(255 255 255 / 18%),transparent 32%),linear-gradient(168deg,#f8b4e4,#c984ff 34%,#7b5cf2 62%,#f3a58a);box-shadow:var(--shadow)}.hero .lede{color:#ffffffe0}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}.primary,.ghost,.text-button,.topic button,.choice,.review-banner{border:0;cursor:pointer}.primary,.ghost{border-radius:999px;padding:.85rem 1.15rem}.primary{background:#fff;color:var(--deep)}.primary:hover{transform:translateY(-1px)}.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffffbf}.ghost:hover{background:#ffffff1f}button:disabled{cursor:not-allowed;opacity:.45}.text-button{background:transparent;color:var(--deep);padding:0}.stats{display:grid;gap:.55rem;margin:0}.stats div{background:#ffffff2e;border-radius:1rem;padding:.75rem .9rem}.stats dt{color:#ffffffbf;font-size:.75rem}.stats dd{margin:.1rem 0 0;font-size:1.6rem}.review-banner{width:100%;margin-top:.9rem;padding:.95rem 1.1rem;border-radius:1.1rem;display:flex;justify-content:space-between;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.review-banner strong{color:var(--deep)}.topics{margin-top:1.8rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.9rem}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.topic{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;min-height:11rem;padding:1rem 1rem .9rem;border-radius:1.3rem;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #5a328c0f}.topic p{margin:.35rem 0 0;color:var(--muted);line-height:1.4}.meter{height:.35rem;border-radius:999px;background:#f3eaf6;overflow:hidden}.meter span,.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet) 55%,var(--peach))}.topic-meta{justify-content:space-between;margin-top:.55rem;color:var(--muted);font-size:.85rem}.topic button{background:transparent;color:var(--deep);font-weight:700;padding:0}.sheet{background:#fff;border-radius:1.6rem;padding:clamp(1.1rem,3vw,2rem);box-shadow:var(--shadow)}.progress{justify-content:space-between;color:var(--muted);font-size:.92rem}.bar{height:.4rem;margin:.7rem 0 1.3rem;border-radius:999px;background:#f3eaf6;overflow:hidden}.quiz h1{font-size:clamp(1.7rem,3vw,2.6rem)}.choices{display:grid;gap:.65rem}.choice{display:flex;gap:.85rem;align-items:flex-start;width:100%;text-align:left;padding:.95rem 1rem;border-radius:1rem;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #eadff2}.choice span{flex:0 0 auto;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:.8rem;font-weight:700}.choice:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--violet)}.choice.selected{box-shadow:inset 0 0 0 2px var(--violet);background:#f8f4ff}.choice.correct{background:#f3fff6;box-shadow:inset 0 0 0 2px #2f9d62}.choice.correct span{background:#2f9d62}.choice.incorrect{background:#fff4f1;box-shadow:inset 0 0 0 2px var(--coral)}.choice.incorrect span{background:var(--coral)}.explain{margin:1rem 0 0;padding:.95rem 1rem;border-radius:1rem;background:linear-gradient(90deg,#fff1f8,#f6f1ff 55%,#fff3ec);line-height:1.5}.quiz-foot{justify-content:space-between;gap:1rem;margin-top:1.2rem}.quiz-foot p{margin:0;color:var(--muted);font-size:.9rem}.result h1 span{color:var(--muted);font-size:.5em}.review{display:grid;gap:.7rem;margin:1.2rem 0 0;padding:0;list-style:none}.review li{padding:.9rem 1rem;border-radius:1rem;background:#fbf7fc}.review li p{margin:.35rem 0 0}.review .why,.review .answer-line{color:var(--muted)}.review .right strong{color:#2f9d62}.review .wrong strong{color:var(--coral)}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}.section-head,.quiz-foot{align-items:start;flex-direction:column}}