:root{--paper:#f1ebdd;--paper-card:#faf6ec;--ink:#1b211f;--ink-2:#30383a;--ink-muted:#647072;--rule:#1b211f22;--rule-strong:#1b211f55;--accent:#0A5570;--accent-ink:#073f54;--accent-decor:#16A6C9;--accent-soft:#16A6C91f;--ok:#1f8a5b;--ok-soft:#1f8a5b1a;--bad:#b03b3b;--bad-soft:#b03b3b14;--deep:#06283a;--maxw:760px;--font-display:"Fraunces",Georgia,serif;--font-body:"DM Sans",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--accent);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.bar{border-bottom:1px solid var(--rule);background:var(--paper)}.bar-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.bar-mark img{height:48px;width:auto;display:block}.bar a{font-size:14px;color:var(--ink-muted);letter-spacing:.02em}.bar a:hover{color:var(--accent)}.intro{text-align:center;padding:54px 0 8px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-decor)}.intro h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,5vw,3rem);line-height:1.08;margin:14px 0 12px;letter-spacing:-.01em}.intro p{color:var(--ink-2);max-width:46ch;margin:0 auto}.progress{height:5px;background:var(--rule);border-radius:999px;overflow:hidden;margin:30px 0 6px}.progress>i{display:block;height:100%;width:0;background:var(--accent-decor);transition:width .4s ease}.count{font-size:13px;color:var(--ink-muted);letter-spacing:.04em;text-align:right;margin-bottom:18px}.card{background:var(--paper-card);border:1px solid var(--rule);border-radius:16px;padding:30px 28px;box-shadow:0 1px 0 var(--rule)}.qnum{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-decor);margin-bottom:10px}.qtext{font-family:var(--font-display);font-weight:500;font-size:1.5rem;line-height:1.25;margin-bottom:22px}.opts{display:flex;flex-direction:column;gap:11px}.opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--rule-strong);border-radius:11px;padding:15px 16px;font-family:var(--font-body);font-size:1.02rem;color:var(--ink);cursor:pointer;transition:border-color .18s,background .18s,transform .05s}.opt:hover:not(:disabled){border-color:var(--accent-decor);background:var(--accent-soft)}.opt:active:not(:disabled){transform:translateY(1px)}.opt .key{flex:0 0 28px;height:28px;display:grid;place-items:center;border:1px solid var(--rule-strong);border-radius:50%;font-size:.85rem;font-weight:600;color:var(--ink-muted)}.opt:disabled{cursor:default}.opt.correct{border-color:var(--ok);background:var(--ok-soft)}.opt.correct .key{background:var(--ok);border-color:var(--ok);color:#fff}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .key{background:var(--bad);border-color:var(--bad);color:#fff}.opt.dim{opacity:.55}.exp{margin-top:18px;padding:16px 18px;border-left:3px solid var(--accent-decor);background:var(--paper);border-radius:0 10px 10px 0;font-size:.98rem;color:var(--ink-2);display:none}.exp.show{display:block;animation:fade .35s ease}.exp .verdict{font-weight:600;font-family:var(--font-display);margin-bottom:5px}.exp .verdict.ok{color:var(--ok)}.exp .verdict.bad{color:var(--bad)}.exp a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.actions{margin-top:22px;display:flex;justify-content:flex-end}.btn{font-family:var(--font-body);font-size:1rem;font-weight:600;border:0;border-radius:999px;padding:12px 26px;cursor:pointer;background:var(--accent);color:#f4eee1;transition:background .18s,transform .05s;letter-spacing:.01em}.btn:hover{background:var(--accent-ink)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.ghost:hover{background:var(--accent-soft)}.btn[hidden]{display:none}.result{text-align:center;padding:8px 0}.result .score{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,12vw,5rem);line-height:1;color:var(--accent);margin:6px 0}.result .score small{font-size:.4em;color:var(--ink-muted)}.result h2{font-family:var(--font-display);font-weight:600;font-size:1.6rem;margin:6px 0 8px;border:0}.result p{color:var(--ink-2);max-width:44ch;margin:0 auto 8px}.result .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.cta{margin-top:34px;padding-top:26px;border-top:1px solid var(--rule);font-size:.96rem;color:var(--ink-muted)}.cta a{font-weight:600;text-decoration:underline;text-underline-offset:3px}footer{text-align:center;padding:48px 0 40px;color:var(--ink-muted);font-size:13px}footer a{color:var(--ink-muted);text-decoration:underline;text-underline-offset:2px}@media(max-width:560px){.card{padding:24px 18px}.qtext{font-size:1.3rem}}