:root{--ink:#f2f4f8;--dim:#8b93a7;--ground:#11141c;--raised:#1b2030;--edge:#2b3346;--go:#46d17b;--stop:#ff6b6b;--warn:#ffc857;--bot:#7d8bb5;--pace:.2s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--ink);overscroll-behavior:none;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}h1,h2{letter-spacing:-.01em;margin:0;font-weight:650}button{font:inherit;color:inherit;background:var(--raised);border:1px solid var(--edge);cursor:pointer;transition:transform var(--pace), background var(--pace);border-radius:12px;padding:.6em 1em}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}input,select{font:inherit;color:inherit;background:var(--ground);border:1px solid var(--edge);border-radius:10px;padding:.5em .7em}.muted{color:var(--dim)}.mono{letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.link{color:var(--dim);opacity:0;transition:opacity var(--pace);pointer-events:none;font-size:.75rem;position:fixed;top:.5rem;right:.7rem}.link[data-status=connecting],.link[data-status=lost]{opacity:1}.link[data-status=lost]{color:var(--warn)}.bar{background:var(--raised);border-radius:999px;position:relative;overflow:hidden}.bar>.fill{background:var(--go);border-radius:inherit;position:absolute;inset:0 auto 0 0}.bar.bot>.fill{background:var(--bot)}@keyframes hover{0%{transform:translateY(calc(var(--bob,6px) * -1))}to{transform:translateY(var(--bob,6px))}}.hovering{animation:2.6s ease-in-out infinite alternate hover}@media (prefers-reduced-motion:reduce){.hovering{animation:none}}.sound{opacity:.35;transition:opacity var(--pace);padding:.4em .6em;font-size:clamp(1rem,2.4vh,1.6rem);line-height:1;position:fixed;bottom:1.2vh;right:1.2vw}.sound[data-on=yes]{opacity:.8;border-color:var(--go)}.sound:hover{opacity:1}.field{flex-direction:column;gap:.5rem;display:flex}.field>span{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.thin{color:var(--dim);align-self:flex-start;padding:.4em .8em;font-size:.9rem}.big{padding:.9em;font-size:1.2rem;font-weight:650}.go{background:var(--go);color:#08130c;border-color:#0000}.danger{border-color:var(--stop);color:var(--stop);background:0 0}.drop{color:var(--dim);border-color:var(--edge);padding:.4em .7em}.drop:not(:disabled):hover{color:var(--stop);border-color:var(--stop)}.error{min-height:1.3em;color:var(--stop);margin:0}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{font-variant-numeric:tabular-nums;min-width:2.8rem;padding:.5em .7em}.chips button[aria-pressed=true]{background:var(--go);color:#08130c;border-color:#0000;font-weight:650}.hidden{display:none!important}.debug-copy{top:calc(env(safe-area-inset-top) + .3rem);left:calc(env(safe-area-inset-left) + .3rem);z-index:10;width:1.5rem;height:1.5rem;color:var(--dim);opacity:.35;transition:opacity var(--pace), background var(--pace), border-color var(--pace);background:0 0;border-radius:999px;padding:0;font:italic 600 .8rem/1 Georgia,serif;position:fixed}.debug-copy[data-copied]{opacity:1;color:var(--ink)}.debug-copy[data-copied=ok]{background:color-mix(in oklab, var(--go) 45%, var(--raised));border-color:color-mix(in oklab, var(--go) 60%, var(--edge))}.debug-copy[data-copied=fail]{background:color-mix(in oklab, var(--stop) 45%, var(--raised));border-color:color-mix(in oklab, var(--stop) 60%, var(--edge))}.ask{background:var(--raised);width:min(30rem,100vw - 2rem);color:var(--ink);border:1px solid var(--edge);border-radius:16px;padding:0}.ask::backdrop{background:#0009}.ask-body{padding:1.5rem}.ask-body p{margin:0 0 1.5rem;font-size:clamp(1.1rem,2.5vmin,1.6rem)}.ask .choices{flex-wrap:wrap;gap:.75rem;display:flex}.ask .choices button{flex:10rem;padding:.9em;font-size:clamp(1rem,2.2vmin,1.4rem);font-weight:650}