:root{--bg-app: #f5f7f3;--bg-surface: #ffffff;--bg-surface-alt: #f0f3ee;--text-primary: #1a1a2e;--text-secondary: #5a6076;--text-muted: #9097b1;--accent: #3d8b40;--accent-hover: #2d6a2f;--accent-light: #d9e8d9;--cell-bg: #ffffff;--cell-bg-fixed: #f5f5f5;--cell-bg-selected: #b8d9b8;--cell-bg-selected-vivid: #3d8b40;--cell-bg-highlight: #f0f0f0;--cell-bg-highlight-strong: #e0e0e0;--cell-bg-same-num: #c4dfc4;--cell-bg-conflict: #fde8e8;--cell-border: #c0cbb8;--cell-border-box: #5a6076;--cell-text-fixed: #1a1a2e;--cell-text-user: #3d8b40;--cell-text-selected-vivid: #ffffff;--cell-text-error: #e63946;--cell-text-mistake: #e63946;--cell-text-notes: #6b8070;--numpad-bg: #e0ede0;--numpad-bg-hover: #b8d9b8;--numpad-bg-active: #3d8b40;--numpad-text: #1a1a2e;--numpad-text-active: #ffffff;--numpad-text-muted: #9097b1;--btn-bg: #ecf0e8;--btn-bg-hover: #d9e8d9;--btn-bg-active: #3d8b40;--btn-text: #1a1a2e;--btn-text-active: #ffffff;--mistake-color: #e63946;--mistake-empty: #d8daea;--overlay-bg: rgba(26, 26, 46, .6);--modal-bg: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .15s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-app: #0f1117;--bg-surface: #1a201a;--bg-surface-alt: #202820;--text-primary: #e8eaf6;--text-secondary: #9097b1;--text-muted: #5a6076;--accent: #5ba960;--accent-hover: #72c278;--accent-light: #1f2d20;--cell-bg: #1a201a;--cell-bg-fixed: #202820;--cell-bg-selected: #2a3f2a;--cell-bg-selected-vivid: #5ba960;--cell-bg-highlight: #1f2620;--cell-bg-highlight-strong: #2a3328;--cell-bg-same-num: #243d24;--cell-bg-conflict: #3d1f22;--cell-border: #2e362e;--cell-border-box: #7c85b0;--cell-text-fixed: #e8eaf6;--cell-text-user: #5ba960;--cell-text-selected-vivid: #0f1117;--cell-text-error: #ff6b6b;--cell-text-mistake: #ff6b6b;--cell-text-notes: #7a8f7a;--numpad-bg: #202820;--numpad-bg-hover: #2e362e;--numpad-bg-active: #5ba960;--numpad-text: #e8eaf6;--numpad-text-active: #0f1117;--numpad-text-muted: #5a6076;--btn-bg: #202820;--btn-bg-hover: #2e362e;--btn-bg-active: #5ba960;--btn-text: #e8eaf6;--btn-text-active: #0f1117;--mistake-color: #ff6b6b;--mistake-empty: #2e3352;--overlay-bg: rgba(0, 0, 0, .7);--modal-bg: #1a1d2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-app);color:var(--text-primary);min-height:100dvh;transition:background var(--transition),color var(--transition);overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex;flex-direction:column;align-items:center}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes completionFlash{0%{background-color:var(--cell-bg-selected-vivid);box-shadow:0 0 12px #3d8b4099}to{background-color:transparent;box-shadow:0 0 #3d8b4000}}@keyframes numberComplete{0%{background-color:var(--numpad-bg-active);box-shadow:0 0 16px #3d8b40cc}50%{background-color:var(--numpad-bg-active);box-shadow:0 0 24px #3d8b40}to{background-color:var(--numpad-bg);box-shadow:0 0 #3d8b4000}}