:root{--bg:#eef4f6;--card:#fff;--ink:#1b2a33;--mute:#62737c;--line:#c8d6dc;--teal:#0e7c86;--teal-soft:#dcedef;--deep:#0e4d64;--ok:#2e9e63;--ok-soft:#e1f3e9;--bad:#bf4a3c;--bad-soft:#f7e3e0;--amber:#d9822b}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10181d;--card:#18232a;--ink:#e6eef1;--mute:#94a6ae;--line:#2b3b44;--teal:#3fb5bf;--teal-soft:#16343a;--deep:#9fd3dc;--ok:#5fcf93;--ok-soft:#173327;--bad:#ef8a7c;--bad-soft:#3a201c;--amber:#f0a65a}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
h1,h2{font-family:Cambria,Georgia,serif;color:var(--deep);margin:0}
.wrap{max-width:760px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.mute{color:var(--mute)}
.small{font-size:13px}
input{font:inherit;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
input:focus,button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer}
button.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}
button:disabled{opacity:.5;cursor:default}
.err{color:var(--bad);font-size:14px;min-height:20px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal)}
.tag.calc{background:transparent;border:1px solid var(--amber);color:var(--amber)}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.stem{font-size:19px;margin:10px 0 16px}
.opts{display:grid;gap:10px}
.opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 14px;font-size:19px;font-weight:600;border-radius:12px}
.opt .l{flex:none;width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:16px}
.opt.sel{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 2px var(--teal) inset}
.opt.good{border-color:var(--ok);background:var(--ok-soft)}
.opt.good .l{background:var(--ok)}
.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}
.opt.wrong .l{background:var(--bad)}
.opt:disabled{opacity:1;cursor:default}
.banner{border-radius:12px;padding:10px 14px;margin-top:14px;font-size:15px}
.banner.info{background:var(--teal-soft)}
.banner.ok{background:var(--ok-soft);color:var(--ok);font-weight:600}
.banner.bad{background:var(--bad-soft);color:var(--bad);font-weight:600}
.center{text-align:center;padding:40px 18px}
.big{font-size:44px;font-weight:700;color:var(--teal);font-family:Cambria,Georgia,serif}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px}
.opt .pbar{position:absolute;inset:0 auto 0 0;background:var(--ink);opacity:.07;pointer-events:none}
.opt .pct{margin-left:auto;font-size:15px;font-variant-numeric:tabular-nums;color:var(--mute)}
.opt>.l,.opt>span{position:relative}
.wr-row{display:grid;grid-template-columns:1fr auto 40px 40px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.wr-row:first-of-type{margin-top:8px}
.wr-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-ok,.wr-no{padding:6px 0;font-weight:700;font-size:16px}
.wr-ok{background:var(--ok);border-color:var(--ok);color:#fff}
.wr-no{color:var(--bad)}
.wr-badge{display:inline-block;min-width:22px;padding:0 6px;border-radius:11px;background:var(--amber);color:#fff;font-size:13px;text-align:center}
.waitcard{border:2px solid var(--amber)}