*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 0%, var(--glow) 0 30%, transparent 70%), var(--ivory);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0}button{font:inherit;color:inherit;touch-action:manipulation}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.ob-page{max-width:980px;padding:max(20px, var(--pad)) max(16px, var(--pad)) 48px;gap:18px;margin:0 auto;display:grid}.ob-head h1{margin:0;font-size:clamp(30px,5vw,44px);font-weight:800}.ob-head p{max-width:64ch;color:var(--muted);margin:6px 0 0;font-size:17px;font-weight:700}.ob-panel{border:4px solid var(--panel-line);background:var(--paper);box-shadow:0 6px 0 var(--panel-ledge);border-radius:24px;gap:12px;padding:18px 20px;display:grid}.ob-panel h2{justify-content:space-between;margin:0;font-size:20px;font-weight:800;display:flex}.ob-panel h2 span{color:var(--muted);font-size:15px}.ob-help{color:var(--muted);margin:0;font-weight:700}.ob-methods{flex-wrap:wrap;gap:8px;display:flex}.ob-methods button{border:1.5px solid var(--line);background:var(--control-fill);min-height:44px;color:var(--muted);cursor:pointer;border-radius:12px;padding:8px 14px;font-weight:800}.ob-methods button[aria-checked=true]{border-color:var(--selected-line);background:var(--selected);color:var(--ink)}.ob-code-choices{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ob-code-choices button{border:2px solid var(--card-line);background:var(--paper);text-align:left;cursor:pointer;border-radius:16px;gap:2px;width:100%;height:100%;padding:12px 14px;display:grid}.ob-code-choices strong{font-weight:800}.ob-code-choices small{color:var(--muted);font-weight:700}.ob-code-choices button[aria-pressed=true]{border-color:var(--prompt);background:var(--prompt-wash)}.ob-code-choices button:disabled{opacity:.45;cursor:default}.ob-start{background:var(--prompt);min-width:240px;min-height:80px;box-shadow:0 8px 0 var(--prompt-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-self:center;padding:0 44px;font-size:clamp(26px,4vmin,36px);font-weight:800}.ob-start:active{box-shadow:0 2px 0 var(--prompt-deep);transform:translateY(6px)}.ob-start:disabled{opacity:.45}.ob-secondary{border:1.5px solid var(--line);background:var(--control-fill);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;padding:8px 16px;font-weight:800}.ob-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ob-running{min-height:100dvh;padding-bottom:max(28px, var(--pad), env(safe-area-inset-bottom));grid-template-rows:auto auto auto 1fr}.ob-running .ob-codes{grid-auto-rows:minmax(clamp(120px,20dvh,200px),1fr)}.ob-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.ob-count{font-variant-numeric:tabular-nums}.ob-count strong{color:var(--ink)}.ob-progress{background:var(--track);border-radius:999px;height:12px;overflow:hidden}.ob-progress span{border-radius:inherit;background:var(--gold);transform-origin:0;height:100%;animation:linear both ob-fill;display:block}.ob-cue{background:var(--paper);border:4px solid var(--panel-line);text-align:center;border-radius:20px;margin:0;padding:18px;font-size:clamp(22px,3.4vmin,32px);font-weight:800}.ob-running[data-open=true][data-method=mts] .ob-cue{border-color:var(--prompt);background:var(--prompt-wash)}.ob-cue[data-flash=true]{animation:.6s ease-out ob-flash}.ob-codes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.ob-code{border:4px solid var(--card-line);background:var(--paper);min-height:clamp(120px,20dvh,200px);box-shadow:0 8px 0 var(--card-ledge);text-align:center;cursor:pointer;border-radius:24px;align-content:center;gap:6px;padding:18px;display:grid}.ob-code strong{font-size:clamp(22px,3.2vmin,30px);font-weight:800}.ob-code small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.ob-code[aria-pressed=true]{border-color:var(--correct);background:var(--correct-wash);box-shadow:0 0 0 6px #4fa66a40, 0 8px 0 var(--correct-ledge)}.ob-code:disabled{opacity:.5;cursor:default}.ob-results{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ob-results li{font-variant-numeric:tabular-nums;grid-template-columns:minmax(120px,1fr) 2fr auto auto;align-items:center;gap:12px;font-weight:800;display:grid}.ob-results small{color:var(--muted);font-weight:700}.ob-meter{background:var(--track);border-radius:999px;height:12px;overflow:hidden}.ob-meter span{background:var(--prompt);height:100%;display:block}@keyframes ob-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ob-flash{0%{background:var(--gold)}to{background:var(--paper)}}@media (prefers-reduced-motion:reduce){.ob-cue[data-flash=true]{animation:none}}@media (width<=560px){.ob-results li{grid-template-columns:1fr auto}.ob-meter{grid-column:1/-1}}