:root{--ink:#1b1b2f;--muted:#6b6b80;--accent:#4f46e5;--ok:#3b5bdb;--bad:#d6336c;--line:#e3e3ee;--sel:#ececfb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.note{padding:24px;color:var(--muted)}.card{max-width:720px;margin:0 auto;padding:16px}.panel{border:1px solid var(--line);border-radius:6px;padding:20px}.title-small{font-size:14px;font-weight:400}.title-big{font-size:20px;font-weight:700}h1.t{margin:0 0 16px;font-weight:400;line-height:1.3}.sub{margin:8px 0}ul.det{margin:4px 0 20px 18px;padding:0;line-height:1.7}.btn{font:inherit;cursor:pointer;border-radius:4px;padding:8px 16px;border:1px solid var(--accent);background:#fff;color:var(--accent)}.btn.primary{background:var(--accent);color:#fff}.btn:disabled{color:#a0a0b0;border-color:#c8c8d8;cursor:default}.link{font:inherit;background:none;border:0;padding:0;color:var(--accent);cursor:pointer}.qhead{font-weight:700;margin:0 0 12px}.qhead .pts{font-weight:400;margin-left:6px}.qtext{margin:0 0 12px}ul.opts{list-style:none;margin:0 0 16px;padding:0}.opt{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:4px;cursor:pointer}.opt.sel{background:var(--sel)}.opt.ok{background:#e8edff}.opt.bad{background:#fde8ef}.opt input{margin:0;accent-color:var(--accent)}.opt .mark{margin-left:auto;font-weight:700}.opt.ok .mark{color:var(--ok)}.opt.bad .mark{color:var(--bad)}.opt.locked{cursor:default}.pts-line{font-size:12px;color:var(--muted);margin:0 0 12px}.pts-line .zero{color:var(--bad)}.nav{display:flex;align-items:center;gap:12px}.nav .spacer{margin-left:auto}.result{text-align:center;background:#f4f4fb;padding:24px 16px;margin-bottom:16px}.result h2{margin:0 0 8px;font-size:18px}.result .score{color:var(--muted);font-size:12px}.actions{display:flex;align-items:center;gap:20px;margin-top:16px}.review{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;padding:0 16px}.review section{padding:16px 0;border-bottom:1px solid var(--line)}.overlay{position:fixed;inset:0;background:rgba(30,30,60,.55);display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:6px;padding:20px;max-width:420px;width:100%}.modal h3{margin:0 0 12px;font-size:15px}.modal .row{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}@media (max-width:520px){.nav{flex-wrap:wrap}.nav .btn{flex:1 1}.nav .spacer{margin-left:0;width:100%;text-align:center}}.rich p{margin:0}.rich p+p{margin-top:8px}.rich img{max-width:100%;height:auto;vertical-align:middle}.rich .small-text{font-size:.85em}