:root{color-scheme:dark;--bg:#101b2c;--panel:#16243a;--text:#edf2fa;--muted:#b0bfd1;--line:#304158;--accent:#f0cd70;--ink:#192133}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header,footer{max-width:900px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}a{color:inherit;text-underline-offset:4px}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand span{color:var(--accent)}main{max-width:700px;margin:20px auto 60px;padding:0 24px}.back{font-size:13px;color:var(--muted)}.eyebrow{margin-top:34px;color:var(--accent);font-size:13px}h1{font-size:clamp(38px,8vw,58px);letter-spacing:-2px;line-height:1.05;margin:10px 0}h2{font-size:21px;line-height:1.4;margin:14px 0}.intro{color:var(--muted);margin-bottom:28px}section{background:var(--panel);padding:24px;border-radius:16px;border:1px solid var(--line)}.question-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}pre{background:#0b1423;border-radius:8px;padding:18px;overflow:auto;border:1px solid var(--line);font-size:14px;line-height:1.8}code{font-family:Consolas,monospace}fieldset{border:0;padding:0;margin:20px 0;display:grid;gap:8px}legend{font-size:13px;margin-bottom:10px;color:var(--muted)}label.choice{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;overflow-wrap:anywhere}label.choice:has(:checked){border-color:var(--accent);background:#223148}input{accent-color:var(--accent);flex-shrink:0}button,.primary{font:inherit;font-size:14px;font-weight:650;cursor:pointer;border:1px solid var(--line);padding:13px 17px;border-radius:8px;color:var(--text);background:transparent;min-height:46px;text-decoration:none;display:inline-block}.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}button:hover,a.primary:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#result{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}#result b{color:var(--accent)}#result p{margin:8px 0;color:var(--muted)}#nextActions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}#shareState{width:100%;font-size:13px;overflow-wrap:anywhere}aside{margin:28px 0;padding:0 4px}aside p,.note{color:var(--muted)}.note{font-size:12px;margin-top:28px}.other{display:grid;gap:8px;margin-top:30px}.other label{font-size:13px}.other select{width:100%;padding:13px;border-radius:8px;background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit}[hidden]{display:none!important}@media(max-width:420px){main{padding:0 16px}section{padding:18px 14px}header,footer{padding:20px 16px}pre{font-size:12px;padding:12px}#nextActions button{width:100%}}