:root{--bg:#f2f4f8;--panel:#ffffff;--ink:#16324f;--given:#101828;--user:#1d4ed8;--wrong:#d92d20;--wrong-bg:#fee4e2;--line:#98a2b3;--line-strong:#344054;--peer:#eaf0f9;--same:#cfe0ff;--selected:#2563eb;--btn-border:#c2cdda;--primary:#2563eb;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,button{touch-action:manipulation}button{font-family:inherit;color:inherit;cursor:pointer}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:calc(6px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom))}.loading{text-align:center;margin-top:40vh;color:#667085}.btn,.loading{font-size:18px}.btn{border-radius:14px;border:2px solid var(--btn-border);background:#fff;color:var(--ink);font-weight:700;min-height:48px;padding:0 16px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.secondary,.btn.toggle{background:#fff}.btn.toggle{text-align:left;padding:0 20px}.btn.big{display:block;width:100%;min-height:58px;font-size:20px;margin-top:10px}.btn:active{transform:scale(.98);filter:brightness(.93)}.title{font-size:44px;text-align:center;margin:36px 0 6px;letter-spacing:.25em;text-indent:.25em}.home-section h2{font-size:18px;color:#475467;margin:26px 0 2px}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px}.header-btn{min-height:48px;font-size:18px;border-radius:12px}.diff-label{font-size:22px;font-weight:700}.clock{font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:70px;text-align:right;color:#475467}.board{display:grid;grid-template-columns:repeat(9,1fr);width:100%;aspect-ratio:1;border:3px solid var(--line-strong);border-radius:8px;overflow:hidden}.board,.cell{background:var(--panel)}.cell{position:relative;border:0;padding:0;margin:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5.6vw,30px)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.bR{border-right:3px solid var(--line-strong)}.cell.bB{border-bottom:3px solid var(--line-strong)}.cell.peer{background:var(--peer)}.cell.same{background:var(--same)}.cell.same .cell-value{font-weight:800}.cell.wrong{background:var(--wrong-bg)}.cell.wrong .cell-value{color:var(--wrong)}.cell.selected{background:var(--selected)}.cell.selected .cell-value{color:#fff}.cell.selected .note{color:#dbeafe}.cell-value{color:var(--user);font-weight:600;line-height:1}.cell.given .cell-value{color:var(--given);font-weight:700}.cell-notes{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.note{font-size:clamp(9px,2.7vw,12px);line-height:1;display:flex;align-items:center;justify-content:center;color:#475467;font-weight:600}.toolbar{display:flex;gap:8px;margin-top:10px}.tool-btn{flex:1 1;min-height:52px;font-size:19px;font-weight:700;border-radius:12px;border:2px solid var(--btn-border);background:#fff}.tool-btn:disabled{opacity:.4}.tool-btn.active{background:#dbeafe;border-color:var(--primary);color:#1e40af}.numpad{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-top:8px}.num-btn{min-height:62px;border-radius:12px;border:2px solid var(--btn-border);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0}.num-digit{font-size:28px;font-weight:700;line-height:1}.num-rest{font-size:11px;color:#667085}.num-btn.done{opacity:.35}.numpad.no-rest .num-digit{font-size:32px}.numpad.memo-mode .num-btn:not(.erase){background:#eef4ff;border-color:#93c5fd}.num-btn.erase{background:#fff5f4;border-color:#e8b7b3}.erase-label{font-size:22px;font-weight:700;color:#b42318}.overlay{position:fixed;inset:0;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.dialog{background:#fff;border-radius:20px;padding:24px 20px;width:100%;max-width:420px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.25)}.dialog-message{font-size:20px;line-height:1.7;margin:0 0 18px}.dialog-buttons{display:flex;gap:10px}.dialog-buttons .btn{flex:1 1;min-height:56px;font-size:20px}.dialog-buttons.column{flex-direction:column}.dialog-buttons.column .btn{flex:none}.generating{font-size:20px;margin:8px}.clear-emoji{font-size:46px;margin:0;line-height:1}.clear-title{font-size:32px;margin:8px 0 0}.clear-sub{font-size:18px;color:#475467;margin:4px 0 14px}.clear-time{font-size:22px;font-weight:700;margin:0 0 6px}.clear-best{color:#b54708;font-weight:700;font-size:18px;margin:0 0 8px}.menu-overlay{align-items:stretch;padding:0;overflow-y:auto}.menu{background:#fff;width:100%;max-width:480px;margin:0 auto;min-height:100%;padding:calc(16px + env(safe-area-inset-top)) 16px 32px}.menu-head{display:flex;justify-content:space-between;align-items:center}.menu-head h2{font-size:26px;margin:0}.menu h3{font-size:16px;color:#667085;margin:24px 0 2px}.version{color:#98a2b3;text-align:center;margin-top:30px;font-size:13px}.stats-title{font-size:26px;margin:0 0 6px}.stats-table{width:100%;border-collapse:collapse;font-size:18px;margin:12px 0 10px}.stats-table th{font-size:15px;color:#667085;font-weight:600}.stats-table td,.stats-table th{padding:10px 4px;border-bottom:1px solid #e4e7ec;text-align:center;white-space:nowrap}