:root{--bg: #faf9f6;--surface: #ffffff;--ink: #16161a;--ink-muted: #6b6b76;--line: #d9d9e0;--target-unhit: #d92b2b;--target-hit: #15803d;--accent: #1d4ed8;--key: #eceaf4;--key-dead: #f4f3f7;--radius: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #101014;--surface: #1a1a21;--ink: #f2f2f5;--ink-muted: #9a9aa6;--line: #33333d;--target-unhit: #f87171;--target-hit: #4ade80;--accent: #7ba3ff;--key: #2a2a34;--key-dead: #1f1f27}}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%}body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;overflow-x:hidden}button{font:inherit;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#app{min-height:100dvh;display:flex;justify-content:center}.app-shell{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.wordmark{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:.14em}.puzzle-number{color:var(--ink-muted);font-size:.85rem}.header-actions{display:flex;gap:var(--space-1);flex:none}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);font-size:1.05rem;line-height:1}.icon-button:hover{background:var(--key)}@media(max-width:359px){.header{padding-inline:var(--space-2)}.icon-button{width:34px;height:44px;font-size:.95rem}.wordmark{font-size:.95rem;letter-spacing:.08em}.puzzle-number{font-size:.75rem}}.targets{flex:none;display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--bg);border-bottom:1px solid var(--line)}.target{position:relative;display:flex;align-items:center;gap:4px;min-width:52px;padding:6px 10px;border-radius:var(--radius);background:var(--target-unhit);color:#fff;font-weight:700;font-size:1rem}.target.is-hit{background:var(--target-hit)}.target.is-hit .target-value{text-decoration:line-through;text-decoration-thickness:2px}.target-tick{display:none;font-size:.85em}.target.is-hit .target-tick{display:inline}@media(prefers-color-scheme:dark){.target{color:#101014}}.target.just-hit{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}.grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr 24px;align-items:center;gap:var(--space-2);width:100%;padding:10px var(--space-3);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);text-align:center;font-size:1.25rem;font-weight:600}.row-committed:hover:not(:disabled){border-color:var(--accent)}.row-committed:disabled{cursor:default;opacity:.85}.row-hit{border-left-color:var(--target-hit)}.row-active{border-style:dashed;border-color:var(--ink-muted);border-left-color:var(--accent);background:transparent}.cell-op,.cell-eq{color:var(--ink-muted);font-weight:500}.cell-empty:after{content:" "}.row-active .cell-empty{border-bottom:2px solid var(--ink-muted);min-width:1.4em;display:inline-block}.row-badge{color:var(--target-hit);font-size:.9rem}.status{flex:none;padding:var(--space-2) var(--space-4);text-align:center}.current-value{margin:0;font-size:1.4rem;font-weight:700}.line-counts{margin:2px 0 0;color:var(--ink-muted);font-size:.85rem}.tray{flex:none;padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.tray-hint,.tray-prompt{margin:0 0 var(--space-2);text-align:center;font-size:.85rem;min-height:1.2em}.tray-hint{color:var(--target-unhit);font-weight:600}.tray-prompt{color:var(--ink-muted)}.op-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.op-key,.pad-key,.extra-key{min-height:48px;min-width:48px;border:1px solid transparent;border-radius:var(--radius);background:var(--key);font-size:1.25rem;font-weight:600}.op-key{font-size:1.4rem}.op-key.is-selected{background:var(--accent);color:#fff;border-color:var(--accent)}.op-key.is-dead,.pad-key.is-dead{background:var(--key-dead);color:var(--ink-muted);opacity:.45;cursor:not-allowed;text-decoration:line-through}.pad-key.is-selected{background:var(--accent);color:#fff}.pad-key.shake{animation:shake .22s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.answer-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2)}.extra-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.extra-label{color:var(--ink-muted);font-size:.8rem}.extra-key{padding:0 var(--space-3);font-size:1rem}.panel-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:var(--space-4);background:#00000073}.panel{width:100%;max-width:420px;max-height:85dvh;overflow-y:auto;padding:var(--space-5);background:var(--surface);border-radius:14px}.panel h2{margin-top:0}.panel-close{width:100%;min-height:48px;margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--key);font-weight:600}.primary-button{width:100%;min-height:48px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root[data-high-contrast=true] .target{outline:3px solid var(--ink);outline-offset:1px}:root[data-high-contrast=true] .pad-key.is-dead,:root[data-high-contrast=true] .op-key.is-dead{opacity:1;border:2px dashed var(--ink-muted)}@media(max-height:620px){.op-key,.pad-key,.extra-key{min-height:44px;font-size:1.1rem}.tray{padding-top:4px}.tray-hint,.tray-prompt{margin-bottom:4px;font-size:.8rem}.status{padding-block:2px}.current-value{font-size:1.15rem}.row{padding-block:7px;font-size:1.1rem}}.help-list{padding-left:1.2em;line-height:1.5}.help-list li{margin-bottom:var(--space-2)}.help-targets{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.help-target{padding:4px 9px;border-radius:var(--radius);background:var(--target-unhit);color:#fff;font-weight:700;font-size:.9rem}.help-target.is-hit{background:var(--target-hit);text-decoration:line-through}@media(prefers-color-scheme:dark){.help-target{color:#101014}}.help-muted{color:var(--ink-muted);font-size:.88rem}.help-example-intro{margin-bottom:var(--space-2)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.6rem;font-weight:800}.stat-label{color:var(--ink-muted);font-size:.72rem}.dist-row{display:grid;grid-template-columns:3.5em 1fr;align-items:center;gap:var(--space-2);margin-bottom:4px}.dist-key{color:var(--ink-muted);font-size:.8rem;text-align:right}.dist-bar{min-width:1.8em;padding:2px 6px;border-radius:4px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;text-align:right}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:transparent;text-align:left}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-weight:600}.toggle-description{color:var(--ink-muted);font-size:.78rem}.toggle-switch{flex:none;width:44px;height:26px;border-radius:999px;background:var(--key);border:1px solid var(--line);position:relative}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ink-muted);transition:transform .14s ease,background .14s ease}.toggle-switch.is-on{background:var(--accent);border-color:var(--accent)}.toggle-switch.is-on:after{transform:translate(18px);background:#fff}.panel-rule{border:none;border-top:1px solid var(--line);margin:var(--space-4) 0}.result-headline{margin-bottom:var(--space-3)}.reveal{padding-left:1.4em;margin-bottom:var(--space-4);line-height:1.7;font-weight:600}.reveal-line{font-variant-numeric:tabular-nums}.countdown{margin:var(--space-3) 0 0;text-align:center;color:var(--ink-muted);font-size:.85rem}.typed-answer{margin:0 0 var(--space-2);padding:6px;text-align:center;font-size:1.5rem;font-weight:800;border-bottom:2px solid var(--line)}.typed-answer.is-wrong{color:var(--target-unhit);border-bottom-color:var(--target-unhit);animation:shake .22s ease-in-out}.pad-key-wide{font-size:1.1rem}