:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--font-numeric:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--color-background:#f2f2f7;--color-surface:#fff;--color-surface-elevated:#fff;--color-label:#000;--color-label-secondary:#3c3c4399;--color-label-tertiary:#3c3c434d;--color-separator:#3c3c434a;--color-grid-line:#3c3c4333;--color-grid-line-strong:#3c3c438c;--color-tint:#007aff;--color-tint-soft:#007aff24;--color-peer:#7878801a;--color-same-digit:#007aff17;--color-danger:#ff3b30;--color-danger-soft:#ff3b3024;--color-success:#34c759}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#000;--color-surface:#1c1c1e;--color-surface-elevated:#2c2c2e;--color-label:#fff;--color-label-secondary:#ebebf599;--color-label-tertiary:#ebebf54d;--color-separator:#545458a6;--color-grid-line:#ebebf52e;--color-grid-line-strong:#ebebf573;--color-tint:#0a84ff;--color-tint-soft:#0a84ff38;--color-peer:#7878803d;--color-same-digit:#0a84ff24;--color-danger:#ff453a;--color-danger-soft:#ff453a38;--color-success:#30d158}}:root[data-theme=light]{--color-background:#f2f2f7;--color-surface:#fff;--color-surface-elevated:#fff;--color-label:#000;--color-label-secondary:#3c3c4399;--color-label-tertiary:#3c3c434d;--color-separator:#3c3c434a;--color-grid-line:#3c3c4333;--color-grid-line-strong:#3c3c438c;--color-tint:#007aff;--color-tint-soft:#007aff24;--color-peer:#7878801a;--color-same-digit:#007aff17;--color-danger:#ff3b30;--color-danger-soft:#ff3b3024;--color-success:#34c759}:root[data-theme=dark]{--color-background:#000;--color-surface:#1c1c1e;--color-surface-elevated:#2c2c2e;--color-label:#fff;--color-label-secondary:#ebebf599;--color-label-tertiary:#ebebf54d;--color-separator:#545458a6;--color-grid-line:#ebebf52e;--color-grid-line-strong:#ebebf573;--color-tint:#0a84ff;--color-tint-soft:#0a84ff38;--color-peer:#7878803d;--color-same-digit:#0a84ff24;--color-danger:#ff453a;--color-danger-soft:#ff453a38;--color-success:#30d158}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-background);color:var(--color-label);font-family:var(--font-family);-webkit-font-smoothing:antialiased;touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.loading{min-height:100dvh;color:var(--color-label-secondary);place-items:center;display:grid}.app{gap:var(--space-md);width:min(100%,520px);padding:var(--space-lg);padding-top:max(var(--space-lg), env(safe-area-inset-top));padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:baseline;display:flex}.header h1{font:700 28px/1.2 var(--font-numeric);letter-spacing:-.02em;margin:0}.timer{font:500 15px/1 var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-label-secondary)}.difficulties{gap:var(--space-sm);display:flex}.chip{padding:var(--space-sm) 0;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-label-secondary);font:600 13px/1 var(--font-family);flex:1;transition:background .15s,color .15s}.chip.active{background:var(--color-tint);color:#fff}.play-area{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}.play-area>.board{margin:auto}.sheet{z-index:10;max-height:45dvh;padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));background:var(--color-surface-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;transition:transform .24s cubic-bezier(.32,.72,0,1),max-height .24s;animation:.28s cubic-bezier(.32,.72,0,1) sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 24px #00000024}.sheet.expanded{max-height:82dvh}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grabber{cursor:grab;touch-action:none;flex:none;place-items:center;height:28px;display:grid}.sheet-grabber span{border-radius:var(--radius-full);background:var(--color-label-tertiary);width:36px;height:5px}.sheet-body{overscroll-behavior:contain;padding:0 var(--space-lg) var(--space-sm);overflow-y:auto}.sheet-divider{margin:var(--space-lg) 0;border:none;border-top:1px solid var(--color-separator)}.hint-section{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.hint-section p{color:var(--color-label-secondary);margin:0;font-size:15px;line-height:1.45}.hint-actions-row{gap:var(--space-sm);width:100%;display:flex}.hint-actions-row .tool{flex:1}.hint-section .tool{padding:var(--space-sm) var(--space-xl);flex:none}.hint-section .tool:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.board{aspect-ratio:1;background:var(--color-surface);border-radius:var(--radius-lg);grid-template-columns:repeat(9,1fr);width:100%;max-height:100%;display:grid;overflow:hidden;box-shadow:0 1px 3px #00000014;container-type:inline-size}.cell{aspect-ratio:1;border-right:1px solid var(--color-grid-line);border-bottom:1px solid var(--color-grid-line);font:400 clamp(16px, 6cqw, 30px) / 1 var(--font-numeric);font-variant-numeric:tabular-nums;place-items:center;padding:0;transition:background-color .12s;display:grid;position:relative}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right-color:var(--color-grid-line-strong)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom-color:var(--color-grid-line-strong)}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell.given{color:var(--color-label);font-weight:600}.cell.entry{color:var(--color-tint)}.cell.peer{background:var(--color-peer)}.cell.same-digit{background:var(--color-same-digit)}.cell.hinted{background:color-mix(in srgb, var(--color-success) 26%, transparent)}.cell.affected{background:#ff950042}.cell.selected{background:var(--color-tint-soft)}.cell.conflict{background:var(--color-danger-soft);color:var(--color-danger)}.cell:focus-visible{outline:2px solid var(--color-tint);outline-offset:-2px;z-index:1}.notes{width:100%;height:100%;color:var(--color-label-tertiary);grid-template-columns:repeat(3,1fr);padding:8%;font-size:2.6cqw;line-height:1;display:grid}.notes span{place-items:center;display:grid}.hint{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);display:flex;box-shadow:0 1px 3px #00000014}.hint-body{flex:1;min-width:0}.hint-technique{font:600 12px/1 var(--font-family);text-transform:uppercase;letter-spacing:.04em;color:var(--color-tint);margin-bottom:2px;display:block}.hint p{color:var(--color-label-secondary);margin:0;font-size:14px;line-height:1.4}.hint-effect{color:var(--color-label-tertiary)!important;margin-top:4px!important;font-size:12px!important}.hint-actions{gap:var(--space-xs);flex-direction:column;display:flex}.keypad{gap:var(--space-sm);flex-direction:column;margin-top:auto;display:flex}.tools{gap:var(--space-sm);display:flex}.tool{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-tint);font:500 14px/1 var(--font-family);white-space:nowrap;flex:1}.tool.active{background:var(--color-tint);color:#fff}.tool:disabled{color:var(--color-label-tertiary);cursor:default}.digits{gap:var(--space-xs);grid-template-columns:repeat(9,1fr);display:grid}.key.digit{padding:var(--space-sm) 0;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-tint);flex-direction:column;align-items:center;gap:2px;display:flex}.key.digit:disabled{opacity:.32;cursor:default}.key .glyph{font:400 24px/1 var(--font-numeric);font-variant-numeric:tabular-nums}.key .remaining{color:var(--color-label-tertiary);font-size:10px;line-height:1}.footer{gap:var(--space-sm);justify-content:center;display:flex}.footer .chip{padding:var(--space-sm) var(--space-lg);flex:0 auto}.notice{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-label-secondary);font-size:13px;display:flex}.notice button{padding:0 var(--space-xs);color:var(--color-label-tertiary);margin-left:auto;font-size:18px;line-height:1}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.cell.faulty{background:var(--color-danger-soft);box-shadow:inset 0 0 0 2px var(--color-danger)}.hint-technique.warn{color:var(--color-danger)}.completion{align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);text-align:center;flex-direction:column;display:flex}.completion-mark{border-radius:var(--radius-full);background:var(--color-success);color:#fff;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid}.completion h2{margin:0;font-size:20px;font-weight:600}.completion-detail{font-variant-numeric:tabular-nums;margin:0!important}.completion-note{margin:0 0 var(--space-sm)!important;color:var(--color-label-tertiary)!important;font-size:13px!important}.completion .tool{width:100%;padding:var(--space-md)}.key .remaining{min-height:1em}.cell.covered{background:var(--color-peer)}.cell.in-unit{background:color-mix(in srgb, var(--color-tint) 7%, transparent)}.settings h2{margin:0 0 var(--space-md);font-size:20px;font-weight:600}.setting{gap:var(--space-sm);padding:var(--space-sm) 0;cursor:pointer;align-items:flex-start;display:flex}.setting input{width:1.1rem;height:1.1rem;accent-color:var(--color-tint);flex:none;margin-top:.15em}.setting span{gap:var(--space-xs);flex-direction:column;display:flex}.setting small{color:var(--color-label-secondary);line-height:1.4}.settings h3{margin:var(--space-md) 0 var(--space-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-label-secondary);font-size:13px;font-weight:600}.settings-note{margin:var(--space-md) 0 0;color:var(--color-label-tertiary);font-size:13px}.history h2{margin:0;font-size:20px;font-weight:600}.history-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.history-header .tool{flex:none}.history-confirm p{margin:0 0 var(--space-md);color:var(--color-label-secondary);font-size:15px;line-height:1.45}.history-empty{margin:var(--space-xl) 0;text-align:center;color:var(--color-label-secondary);font-size:15px}.history-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-separator);display:flex}.history-row:last-child{border-bottom:none}.history-row-main,.history-row-end{flex-direction:column;gap:2px;display:flex}.history-row-main{flex:1;min-width:0}.history-row-main strong{font-size:15px;font-weight:500}.history-row-main small,.history-row-end small{color:var(--color-label-secondary);font-size:12px}.history-row-end{align-items:flex-end}.history-duration{font:500 15px/1 var(--font-numeric);font-variant-numeric:tabular-nums}.history-archive{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-label-tertiary);flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.history-archive:active{background:var(--color-peer)}