:root{--ink: #f4f6fb;--ink-soft: #aab3c5;--back: #141824;--back-soft: #1e2435;--back-card: #262d42;--line: #333c56;--accent: #6d5ae0;--accent-strong: #8976ff;--good: #1f9d55;--bad: #e2384d;--option-a: #e2384d;--option-b: #1f6fd0;--option-c: #f0a202;--option-d: #1f9d55;--radius: 14px;--gap: clamp(.75rem, 2vw, 1.5rem);color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--back);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,.6rem + 1.1vw,1.25rem);line-height:1.45;min-height:100vh}h1,h2,h3{margin:0 0 .5em;line-height:1.15}.screen{min-height:100vh;display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);max-width:1600px;margin:0 auto}.card{background:var(--back-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.spread{justify-content:space-between}.center{text-align:center}.muted{color:var(--ink-soft)}.grow{flex:1}button,.btn{font:inherit;font-weight:600;color:var(--ink);background:var(--back-soft);border:1px solid var(--line);border-radius:var(--radius);padding:.7em 1.1em;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{border-color:var(--accent-strong)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-danger{border-color:var(--bad);color:#ffd7dc}label{display:block;font-weight:600;margin-bottom:.3em}input,select,textarea{font:inherit;color:var(--ink);background:var(--back-soft);border:1px solid var(--line);border-radius:var(--radius);padding:.6em .8em;width:100%}input[type=checkbox],input[type=radio]{width:auto}input[type=range]{padding:0}.field{margin-bottom:var(--gap)}.option-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:540px){.option-grid{grid-template-columns:1fr 1fr}}.option{display:flex;align-items:center;gap:.6em;min-height:4.5rem;padding:.8em 1em;border:none;border-radius:var(--radius);font-size:1.1em;font-weight:700;text-align:left;color:#fff}.option .shape{font-size:1.6em;line-height:1}.option-a{background:var(--option-a)}.option-b{background:var(--option-b)}.option-c{background:var(--option-c);color:#22180a}.option-d{background:var(--option-d)}.option.dim{opacity:.35}.option.picked{outline:4px solid var(--ink);outline-offset:2px}.countdown{height:.9rem;background:var(--back-soft);border-radius:999px;overflow:hidden}.countdown span{display:block;height:100%;background:var(--accent-strong);transition:width .25s linear}.pill{background:var(--back-soft);border:1px solid var(--line);border-radius:999px;padding:.25em .8em;font-size:.9em}.notice{border-radius:var(--radius);padding:.7em 1em;background:var(--back-soft);border:1px solid var(--line)}.notice.error{border-color:var(--bad);color:#ffd7dc}.notice.ok{border-color:var(--good)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5em .6em;border-bottom:1px solid var(--line)}th{color:var(--ink-soft);font-size:.9em;text-transform:uppercase;letter-spacing:.04em}.bar{background:var(--back-soft);border-radius:999px;height:.8rem;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}[hidden]{display:none!important}