:root{--bg: #12131a;--panel: #1b1d27;--line: #2c2f3d;--text: #f2f3f7;--muted: #8d92a6;--good: #4ade80;--warn: #fb923c;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}#app{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);gap:10px}header{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.score{margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.modes{display:flex;gap:5px}.modes button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.modes button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.prompt{text-align:center}.question{margin:0;font-size:27px;font-weight:600;line-height:1.25}.reading{margin:4px 0 0;min-height:19px;font-size:16px;letter-spacing:.04em;color:var(--muted)}.cells{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 6px;min-height:54px}.cell{display:flex;align-items:center;justify-content:center;width:48px;height:54px;border:2px solid var(--line);border-radius:10px;font-size:30px;font-weight:500;transition:border-color .15s}.cell.current{border-color:var(--text)}.gap{width:14px}.cells.done .cell{border-color:var(--good);color:var(--good)}.cells.miss .cell.current{border-color:var(--warn);animation:shake .3s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.status{margin:0;min-height:20px;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.read{display:inline-block;margin-left:7px;padding:0 8px;border:1px solid currentColor;border-radius:7px;font-size:17px;vertical-align:-1px}.status.warn{color:var(--warn)}.status.good{color:var(--good)}.pad{flex:1;min-height:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;touch-action:none}.commit{height:62px;border:none;border-radius:16px;background:var(--text);color:var(--bg);font-size:18px;font-weight:600}.commit:disabled{background:var(--panel);border:1px solid var(--line);color:var(--muted)}.commit:active:not(:disabled){background:var(--muted)}footer{display:flex;gap:8px;padding-bottom:10px}footer button{flex:1;height:46px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font-size:16px}footer button:disabled{color:var(--muted);opacity:.5}footer button:active{background:var(--line)}