:root{--bg: #14110d;--panel: #1f1a13;--panel2: #2a2218;--line: #3a2f20;--ink: #f2e9da;--muted: #b39e7e;--accent: #c0843a;--accent2: #e0a85a;--ok: #6fbf73;--bad: #d76b5a;--on: #c0843a}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#2a2014 0%,var(--bg) 60%);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:18px 16px 40px}header{text-align:center;margin-bottom:14px}h1{margin:0;font-size:38px;letter-spacing:6px;font-weight:800;color:var(--accent2);text-shadow:0 2px 0 #00000055}.sub{margin:4px 0 0;color:var(--muted);font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.seg button{appearance:none;border:none;background:transparent;color:var(--muted);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.seg button+button{border-left:1px solid var(--line)}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--accent);color:#1a130a}.hud{display:flex;justify-content:center;gap:22px;margin:8px 0 16px}.stat{text-align:center}.stat .k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stat .v{display:block;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.prompt{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;text-align:center;margin-bottom:14px}.prompt .target{font-family:Consolas,monospace;font-size:22px;color:var(--accent2);letter-spacing:2px}.prompt .pbase{color:var(--muted);font-size:13px}.cascade{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-family:Consolas,monospace}.cascade.hidden,.overlay.hidden{display:none}.ctitle{color:var(--muted);font-size:12px;margin-bottom:8px;font-family:Segoe UI,sans-serif}.crow{display:flex;align-items:center;gap:6px;margin:3px 0}.crow .clabel{width:48px;color:var(--muted);font-size:13px;text-align:right;padding-right:6px}.cbit{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);border-radius:6px;font-size:15px}.crow.sum .cbit{color:var(--accent2);border-color:var(--accent)}.cbit.q{color:var(--muted);border-style:dashed;opacity:.7}.crow.carries .cbit{background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.cbit.carry{color:var(--bad);font-weight:800}.csep{height:1px;background:var(--line);margin:6px 0 6px 54px}.switches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.switch{appearance:none;width:56px;padding:10px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .06s,background .12s,color .12s,box-shadow .12s}.switch:active{transform:translateY(1px)}.switch .bit{font-size:26px;font-weight:800;font-family:Consolas,monospace}.switch .place{font-size:11px;color:var(--muted)}.switch.on{background:var(--accent);color:#1a130a;border-color:var(--accent2);box-shadow:0 0 14px #c0843a66}.switch.on .place{color:#1a130a}.readout{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.readout .k{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.readout .v{font-size:24px;font-weight:800;font-family:Consolas,monospace}.readout .k.bin,.readout .v.bin{color:var(--muted)}.actions{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.actions button{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:11px 20px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.actions button:hover:not(:disabled){border-color:var(--accent)}.actions button:disabled{opacity:.4;cursor:default}.actions button.primary{background:var(--accent);color:#1a130a;border-color:var(--accent2)}.msg{text-align:center;min-height:20px;font-weight:600;margin:6px 0}.msg.ok{color:var(--ok)}.msg.bad{color:var(--bad)}.overlay{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:10}.overlay .card{background:var(--panel);border:1px solid var(--accent);border-radius:16px;padding:28px 34px;text-align:center;max-width:360px}.overlay .card h2{margin:0 0 8px;color:var(--accent2)}.overlay .card p{color:var(--muted);margin:0 0 18px}.ovrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.overlay .card button{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:11px 22px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.overlay .card button:hover{border-color:var(--accent)}.overlay .card button.primary{background:var(--accent);color:#1a130a;border-color:var(--accent2)}