:root{--bg: #fafaf7;--surface: #ffffff;--ink: #1d1f23;--muted: #5d6470;--line: #d9dbe0;--accent: #1f4e79;--accent-ink: #ffffff;--ok: #1e7f4f;--bad: #b3261e;--warn: #9a6700;--radius: 8px;--max: 880px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent)}header.site{border-bottom:1px solid var(--line);background:var(--surface)}header.site .inner,main,footer.site .inner{max-width:var(--max);margin:0 auto;padding:0 1rem}header.site .inner{display:flex;align-items:center;justify-content:space-between;height:56px}header.site nav a{margin-left:1rem;text-decoration:none}.brand{font-weight:700;letter-spacing:.02em}main{padding:2rem 1rem 4rem}h1{font-size:1.9rem;line-height:1.2;margin:0 0 .5rem}h2{font-size:1.3rem;margin:2rem 0 .5rem}p.lead{font-size:1.1rem;color:var(--muted);margin-top:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:1rem 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.notice{border-left:4px solid var(--accent);padding:.75rem 1rem;background:#eef3f8;border-radius:0 var(--radius) var(--radius) 0}.notice.ai{border-color:var(--warn);background:#fbf5e6}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--accent);padding:.6rem 1.1rem;cursor:pointer;background:var(--accent);color:var(--accent-ink);text-decoration:none;display:inline-block}button.secondary,.button.secondary{background:var(--surface);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.small{font-size:.9rem}.question .stem{font-size:1.1rem;margin:0 0 1rem}.option{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius);margin:.4rem 0;cursor:pointer;background:var(--surface)}.option input{margin-top:.3rem}.option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option.correct{border-color:var(--ok);background:#eaf6ef}.option.wrong{border-color:var(--bad);background:#fbeceb}.option .key{font-weight:700;min-width:1.4rem}.explanation{margin-top:1rem;padding:.9rem 1rem;background:#f3f4f6;border-radius:var(--radius)}.progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timer{font-variant-numeric:tabular-nums;font-weight:600}.timer.low{color:var(--bad)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.result-hero{font-size:2rem;font-weight:700}input[type=text]{font:inherit;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:420px}footer.site{border-top:1px solid var(--line);background:var(--surface);padding:1.5rem 0;color:var(--muted);font-size:.9rem}.price{font-size:2rem;font-weight:700}ul.clean{padding-left:1.1rem}@media(max-width:600px){h1{font-size:1.5rem}.result-hero{font-size:1.6rem}}