*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Noto Sans SC,PingFang SC,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,Noto Sans SC,PingFang SC,system-ui,sans-serif;color:#17201d;background:#f8faf8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17201d;--muted: #66716d;--line: #d9dfdc;--sage: #3f7f64;--sage-soft: #edf6f0;--blue: #175cd3;--blue-soft: #edf4ff;--system: #707a76;--red: #c43232;--red-soft: #fff1f0}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;overflow-x:hidden;background:#f8faf8}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fffffff0;border-bottom:1px solid #e3e8e5;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.brand>div,.header-meta,.header-meta>span{display:flex;align-items:center}.brand{gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--blue);background:#edf4ff}.brand>div{gap:8px}.brand strong{font-size:18px;letter-spacing:-.02em}.brand>div>span{color:#5f6965;font-size:14px;padding-left:8px;border-left:1px solid #d8deda}.header-meta{gap:20px;color:#5e6864;font-size:13px}.header-meta>span{gap:6px}.mode-chip{padding:7px 12px;border-radius:8px;color:var(--blue);background:var(--blue-soft);font-weight:650}.main-layout{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:32px 0 48px;display:grid;grid-template-columns:minmax(560px,.98fr) minmax(440px,.82fr);gap:34px;align-items:start}.board-column{min-width:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{margin:0 0 5px;color:var(--sage);font-size:12px;line-height:1.2;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.section-heading h1{margin:0;font-size:22px;line-height:1.3;letter-spacing:-.02em}.status-pill{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;border-radius:8px;background:#eef3f0;color:#52605a;font-size:12px}.status-error{color:var(--red);background:var(--red-soft)}.board-shell{position:relative;padding:25px 0 0 26px;width:100%;max-width:700px}.board-coordinates-top{position:absolute;top:0;left:26px;right:0;display:grid;grid-template-columns:repeat(9,1fr);color:#69736f;font-size:11px;text-align:center}.board-row-labels{position:absolute;top:25px;bottom:0;left:0;width:23px;display:grid;grid-template-rows:repeat(9,1fr);align-items:center;color:#69736f;font-size:11px}.sudoku-board{aspect-ratio:1;width:100%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2.5px solid #26302c;background:#fff;box-shadow:0 2px 14px #1b2c240a}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;border-right:1px solid #cbd2ce;border-bottom:1px solid #cbd2ce;background:#fff;cursor:pointer;transition:background .12s,box-shadow .12s}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:2.5px solid #26302c}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2.5px solid #26302c}.sudoku-cell:hover{background:#f1f7f3}.cell-related{background:#f3f7f5}.cell-box-related{background:#edf6f0}.cell-selected{z-index:2;background:#e8f2ff;box-shadow:inset 0 0 0 3px var(--blue)}.cell-same-value{z-index:1;background:#eaf3ff!important;box-shadow:inset 0 0 0 2px #78a8e8}.cell-step-focus{background:#f0f7f3}.cell-step-support{z-index:1;box-shadow:inset 0 0 0 2px #8bb49d}.cell-step-eliminated{z-index:1;background:#fff8ef!important;box-shadow:inset 0 0 0 2px #dda467}.cell-step-target{z-index:3;background:#e8f2ff!important;box-shadow:inset 0 0 0 3px var(--blue),0 0 0 2px #175cd31f}.cell-selected.cell-step-target{box-shadow:inset 0 0 0 3px var(--blue),0 0 0 3px #3f7f6438}.sudoku-cell:focus-visible{z-index:3;outline:3px solid var(--blue);outline-offset:-3px}.cell-value{font-size:clamp(22px,3.1vw,37px);line-height:1}.cell-given .cell-value{color:#111713;font-weight:750}.cell-user .cell-value{color:var(--blue);font-weight:650}.cell-system{background:#f4f6f5}.cell-system .cell-value{color:var(--system);font-weight:580}.cell-conflict{background:var(--red-soft)!important;box-shadow:inset 0 0 0 2px var(--red)}.cell-conflict .cell-value{color:var(--red)!important}.elimination-mark{position:absolute;right:3px;bottom:2px;color:#b36b31;font-size:clamp(7px,.85vw,10px);font-weight:750;line-height:1}.candidate-grid{width:82%;height:82%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);color:#66716d;font-size:clamp(7px,1.05vw,12px);line-height:1;align-items:center}.legend{display:flex;flex-wrap:wrap;gap:13px 24px;padding:16px 0 15px 26px;color:#69736f;font-size:12px}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d4d9d6;border-radius:5px;background:#fff;font-style:normal;font-weight:700}.legend-given{color:#111713}.legend-user{color:var(--blue)}.legend-system{color:var(--system);background:#f1f3f2!important}.legend-conflict{color:var(--red);background:var(--red-soft)!important;border-color:#e78989!important}.number-pad{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;padding:13px;border:1px solid #dde3df;border-radius:12px;background:#fff}.number-pad button{min-height:58px;border:1px solid #d6ddda;border-radius:9px;background:#fff;color:var(--blue);font-size:24px;font-weight:650;cursor:pointer;transition:.14s}.number-pad button:hover{background:var(--blue-soft);border-color:#a8c4ef;transform:translateY(-1px)}.number-pad button:disabled{opacity:.4;cursor:not-allowed}.number-pad .clear-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#59635f;font-size:10px}.controls-wrap{margin-top:12px}.primary-controls{display:flex;flex-wrap:wrap;gap:9px}.primary-action,.control-button,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:9px;cursor:pointer;font-weight:650;transition:.14s}.primary-action{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 4px 12px #175cd326}.primary-action:hover{background:#114fab;transform:translateY(-1px)}.control-button,.secondary-action{border:1px solid #d6ddda;color:#35403b;background:#fff}.control-button:hover,.secondary-action:hover{border-color:#aab6b0;background:#f6f8f7}.control-button:disabled{opacity:.4;cursor:not-allowed}.menu-anchor{position:relative}.popover-menu{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:240px;padding:7px;border:1px solid #dce2de;border-radius:12px;background:#fff;box-shadow:0 14px 35px #222f2924}.popover-menu>button,.example-list button{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border:0;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.popover-menu>button:hover,.example-list button:hover{background:#f1f5f2}.example-list{padding:3px 4px 7px 26px;border-bottom:1px solid #e8ecea;margin-bottom:3px}.example-list button{justify-content:space-between;padding:7px 8px;font-size:13px}.example-list small{color:#78827d}.danger-item{color:var(--red)!important}.manual-share{margin-top:12px;padding:12px;border-radius:9px;background:#fff;border:1px solid #dce2de}.manual-share label{display:block;margin-bottom:7px;color:#59635f;font-size:12px}.manual-share input{width:100%;padding:10px;border:1px solid #ccd5d0;border-radius:7px;color:#344039;background:#f8faf8}.install-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;border:1px solid #dce4df;border-radius:10px;color:#405049;background:#f6f9f7}.install-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--sage);background:var(--sage-soft)}.install-panel strong{display:block;font-size:13px}.install-panel p{margin:3px 0 0;color:#6b7771;font-size:12px;line-height:1.5}.install-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #a8c1b2;border-radius:8px;color:var(--sage);background:#fff;cursor:pointer;font-weight:700}.install-action:hover{border-color:var(--sage);background:var(--sage-soft)}.offline-banner{padding:8px 16px;color:#5c4a15;background:#fff6d8;border-bottom:1px solid #ead795;text-align:center;font-size:12px}.reasoning-panel{position:sticky;top:94px;max-height:calc(100vh - 118px);overflow-y:auto;border:1px solid #dfe5e1;border-radius:14px;background:#ffffffeb;box-shadow:0 5px 22px #1e2f270d;padding:25px;scrollbar-width:thin;scrollbar-color:#cbd4cf transparent}.coach-head{display:flex;gap:13px;align-items:flex-start}.coach-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sage)}.coach-head h2,.empty-coach h2{margin:0;font-size:23px;line-height:1.35;letter-spacing:-.025em}.step-facts{display:grid;grid-template-columns:.8fr .7fr 1.5fr;gap:0;margin:20px 0 15px;border-top:1px solid #e3e8e5;border-bottom:1px solid #e3e8e5}.step-facts>div{padding:12px 14px;border-right:1px solid #e3e8e5}.step-facts>div:first-child{padding-left:0}.step-facts>div:last-child{border-right:0}.step-facts span{display:block;margin-bottom:4px;color:#75807b;font-size:11px}.step-facts strong{font-size:18px}.suggested-number{color:var(--blue)}.rule-chip{display:inline-block;padding:4px 7px;border-radius:6px;color:var(--sage);background:var(--sage-soft);font-size:13px!important}.summary-copy{margin:0 0 20px;color:#47534d;font-size:14px;line-height:1.8}.reasoning-conclusion{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;padding:11px 13px;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:var(--blue-soft)}.reasoning-conclusion span{color:#687873;font-size:11px;white-space:nowrap}.reasoning-conclusion strong{color:#234c87;font-size:15px}.teaching-steps{padding:15px 17px;border-radius:10px;background:#f6f9f7}.teaching-steps>div{display:flex;gap:11px;position:relative;padding-bottom:14px}.teaching-steps>div:last-child{padding-bottom:0}.teaching-steps>div>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sage);font-size:11px;font-weight:750}.teaching-steps>div:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;bottom:0;border-left:1px solid #b8cfbf}.teaching-steps p{margin:-1px 0 0;color:#67716d;font-size:13px;line-height:1.55}.teaching-steps strong{color:#2f3b35;font-size:14px}.elimination-list{margin-top:14px;padding:13px 15px;border:1px solid #ead8c6;border-radius:10px;background:#fffaf5}.elimination-list h3{margin:0 0 9px;color:#74491f;font-size:13px}.elimination-list ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.elimination-list li{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:baseline;color:#6d5a47;font-size:12px;line-height:1.5}.elimination-list li strong{color:#a55d29}.final-conclusion{margin:14px 0 0;padding:9px 12px;border-radius:8px;color:#40534a;background:var(--sage-soft);font-size:13px}.final-conclusion strong{color:var(--sage);font-size:15px}.evidence-section,.history-section{margin-top:18px;border-top:1px solid #e3e8e5}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0 11px;border:0;background:transparent;cursor:pointer;text-align:left;font-weight:700}.section-toggle>span,.history-section .section-toggle>span{display:flex;align-items:center;gap:7px}.section-toggle small{color:#87908c;font-weight:450}.evidence-content{display:grid;gap:10px}.evidence-block{padding:11px;border:1px solid #e0e6e2;border-radius:9px;background:#fff}.evidence-title{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:6px;color:var(--sage)}.evidence-title strong{font-size:13px}.evidence-title span{color:#737d78;font-size:11px;text-align:right}.evidence-copy-block p{margin:8px 0 0;color:#53615b;font-size:12px;line-height:1.6}.evidence-primary{border-color:#bcd3c5;background:#f7fbf8}.evidence-secondary{opacity:.78}.evidence-line{display:grid;grid-template-columns:repeat(9,1fr);margin-top:9px;border:1px solid #d9dfdc;border-radius:6px;overflow:hidden}.evidence-line>div,.mini-box>div{min-width:0;min-height:39px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e1e6e3;color:#69736e}.evidence-line>div:last-child{border-right:0}.evidence-line small,.mini-box small{font-size:7px}.evidence-line b,.mini-box b{font-size:13px}.evidence-target{color:var(--sage)!important;background:var(--sage-soft);box-shadow:inset 0 0 0 1.5px var(--sage)}.mini-box{width:138px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:9px;border:1px solid #d9dfdc;border-radius:6px;overflow:hidden}.mini-box>div{border-bottom:1px solid #e1e6e3}.mini-box>div:nth-child(3n){border-right:0}.mini-box>div:nth-child(n+7){border-bottom:0}.coach-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:17px}.history-list{list-style:none;margin:0;padding:0;border-top:1px solid #e9edea}.history-list li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;min-height:46px;border-bottom:1px solid #e9edea}.step-index{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5b8c73;font-size:10px}.history-list strong{display:block;font-size:12px}.history-list small{display:block;margin-top:2px;color:#7d8682;font-size:10px}.history-list time{color:#8a938f;font-size:10px}.history-empty{margin:5px 0 0;color:#87908c;font-size:12px}.text-button{display:block;margin:11px auto 0;border:0;color:var(--blue);background:transparent;cursor:pointer;font-size:12px;font-weight:650}.empty-coach{min-height:310px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.empty-coach .coach-icon{margin-bottom:15px}.empty-coach p:last-child{max-width:480px;color:#6c7671;line-height:1.7}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%);max-width:min(520px,calc(100% - 32px));padding:11px 16px;border-radius:9px;color:#fff;background:#26332d;box-shadow:0 8px 25px #141e1933;font-size:13px;text-align:center;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.number-input-section{margin-top:10px}.input-mode-switch{display:flex;align-items:center;gap:6px;margin-bottom:8px}.input-mode-switch button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #d7dfda;border-radius:8px;color:#58655f;background:#fff;cursor:pointer;font-size:12px;font-weight:650}.input-mode-switch button.active{border-color:#87a995;color:var(--sage);background:var(--sage-soft);box-shadow:inset 0 0 0 1px #3d6f5314}.input-mode-switch span{margin-left:4px;color:#7b8781;font-size:11px}.number-pad.note-mode button{color:#375f91;background:#f3f7fc}.user-note-grid{color:#345f91;font-weight:700}.system-candidate-grid{color:#9ba5a0;font-weight:450}.start-panel,.puzzle-picker{border:1px solid #dfe6e2;border-radius:14px;background:#ffffffeb;box-shadow:0 5px 22px #1e2f270b}.start-panel{padding:25px}.start-panel h2{margin:2px 0 5px;font-size:25px;letter-spacing:-.025em}.start-panel>div:first-child>p:last-child{margin:0 0 18px;color:#6f7b75;font-size:13px}.difficulty-select{display:inline-flex;align-items:center;gap:8px;color:#637069;font-size:12px;font-weight:650}.difficulty-select select{padding:7px 28px 7px 10px;border:1px solid #d7dfda;border-radius:8px;color:#2f3b35;background:#fff;font:inherit}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.start-options>button{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dce4df;border-radius:10px;color:#34423b;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .15s}.start-options>button:hover{border-color:#9ab8a6;background:#f7fbf8;transform:translateY(-1px)}.start-options svg{flex:0 0 auto;margin-top:1px;color:var(--sage)}.start-options span,.setting-row span{display:flex;flex-direction:column;gap:3px}.start-options strong{font-size:14px}.start-options small,.setting-row small{color:#7b8681;font-size:11px;line-height:1.45}.puzzle-picker{margin-bottom:14px;overflow:hidden}.puzzle-picker summary{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;list-style:none}.puzzle-picker summary::-webkit-details-marker{display:none}.puzzle-picker summary>span{display:flex;align-items:baseline;gap:9px}.puzzle-picker summary strong{font-size:13px}.puzzle-picker summary small{color:#7b8681;font-size:11px}.puzzle-picker[open] summary{border-bottom:1px solid #e4e9e6}.puzzle-picker[open] summary svg{transform:rotate(180deg)}.puzzle-picker-content{display:grid;gap:12px;padding:14px 15px 16px}.puzzle-picker-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.puzzle-picker-actions .difficulty-select{margin-right:5px}.puzzle-meta{display:flex;flex-wrap:wrap;gap:7px 15px;color:#727e78;font-size:11px}.puzzle-meta strong{color:#3d4a43}.puzzle-meta .completed{color:var(--sage);font-weight:750}.setting-row{display:flex;align-items:flex-start;gap:9px;padding-top:10px;border-top:1px solid #e8ecea;cursor:pointer}.setting-row input{margin-top:2px;accent-color:var(--sage)}.setting-row strong{color:#405048;font-size:12px}.main-layout.selection-layout{grid-template-columns:minmax(0,760px);justify-content:center}.current-puzzle-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:11px 14px;border:1px solid #dfe6e2;border-radius:12px;background:#ffffffe0}.current-puzzle-bar>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 9px}.current-puzzle-bar span{color:#7b8781;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.current-puzzle-bar strong{color:#34423b;font-size:13px}.current-puzzle-bar small{grid-column:2;color:#7b8781;font-size:10px}.puzzle-select-panel{padding:22px;border:1px solid #dfe6e2;border-radius:14px;background:#fffffff0;box-shadow:0 5px 22px #1e2f270d}.back-to-board{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 17px;padding:6px 0;border:0;color:var(--sage);background:transparent;cursor:pointer;font-size:12px;font-weight:700}.puzzle-select-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.puzzle-select-heading h2{margin:2px 0 0;font-size:24px;letter-spacing:-.025em}.puzzle-select-heading>strong{color:#617168;font-size:12px}.difficulty-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:17px 0 12px}.difficulty-buttons button{padding:10px 7px;border:1px solid #d9e1dc;border-radius:8px;color:#5e6b64;background:#fff;cursor:pointer;font-size:13px;font-weight:700}.difficulty-buttons button.active{border-color:#78a188;color:#285b3e;background:var(--sage-soft);box-shadow:inset 0 0 0 1px #3d6f531f}.puzzle-select-actions{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:17px;border-bottom:1px solid #e5eae7}.puzzle-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 0 9px}.puzzle-list-heading strong{font-size:13px}.puzzle-list-heading span{color:#7e8983;font-size:10px}.puzzle-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:300px;overflow-y:auto;padding-right:3px}.puzzle-list>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e0e6e2;border-radius:9px;color:#3d4a43;background:#fff;cursor:pointer;text-align:left}.puzzle-list>button:hover{border-color:#9bb8a7;background:#f8fbf9}.puzzle-list>button>span{display:flex;flex-direction:column;gap:3px}.puzzle-list>button>span:last-child{align-items:flex-end;white-space:nowrap}.puzzle-list strong{font-size:12px}.puzzle-list small{color:#818b86;font-size:9px}.puzzle-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.selection-current-note{margin:14px 0 0;padding:9px 11px;border-radius:8px;color:#647169;background:#f3f7f4;font-size:11px}.confirm-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1a262061;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{width:min(390px,100%);padding:22px;border:1px solid #dce4df;border-radius:14px;background:#fff;box-shadow:0 18px 55px #16231c33}.confirm-dialog h2{margin:0 0 7px;font-size:20px}.confirm-dialog p{margin:0;color:#68756e;font-size:13px;line-height:1.65}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:1060px){.main-layout{width:min(820px,calc(100% - 32px));grid-template-columns:1fr;gap:24px}.reasoning-panel{position:static;max-height:none}.board-shell{max-width:none}}@media(max-width:700px){.topbar{height:60px;padding:0 16px}.brand-mark{width:34px;height:34px}.brand strong{font-size:15px}.brand>div>span,.desktop-meta{display:none!important}.header-meta{gap:8px}.header-meta>span:not(.mode-chip):not(:nth-child(2)){display:none}.mode-chip{padding:6px 8px;font-size:12px}.main-layout{width:100%;padding:18px 12px 36px;gap:18px}.section-heading{align-items:flex-start;padding:0 2px}.section-heading h1{font-size:19px}.status-pill{display:none}.board-shell{padding:20px 0 0 20px}.board-coordinates-top{left:20px;font-size:9px}.board-row-labels{top:20px;width:18px;font-size:9px}.cell-value{font-size:clamp(19px,7vw,30px)}.candidate-grid{font-size:clamp(6px,2.3vw,10px)}.legend{gap:9px 13px;padding:12px 0;font-size:10px}.legend i{width:21px;height:21px}.number-pad{grid-template-columns:repeat(5,1fr);padding:9px;gap:6px}.number-pad button{min-height:51px;font-size:22px}.input-mode-switch{flex-wrap:wrap}.input-mode-switch span{flex-basis:100%;margin:0}.start-panel{padding:20px 16px}.start-options{grid-template-columns:1fr}.current-puzzle-bar{align-items:flex-start}.puzzle-select-panel{padding:18px 14px}.puzzle-select-heading{align-items:flex-start;flex-direction:column;gap:6px}.difficulty-buttons{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto;padding-bottom:3px}.puzzle-select-actions{display:grid;grid-template-columns:1fr}.puzzle-list{grid-template-columns:1fr;max-height:330px}.puzzle-settings{grid-template-columns:1fr;gap:0}.puzzle-picker-actions{align-items:stretch}.puzzle-picker-actions .difficulty-select{width:100%}.primary-controls{display:grid;grid-template-columns:1fr 1fr}.primary-controls>*,.menu-anchor,.menu-anchor>button{width:100%}.primary-controls>.primary-action{grid-column:span 2}.install-panel{grid-template-columns:auto 1fr}.install-action{grid-column:1 / -1;width:100%}.desktop-secondary{display:none}.popover-menu{left:auto;right:0;bottom:calc(100% + 8px);top:auto}.reasoning-panel{padding:19px 16px;border-radius:12px}.coach-head h2,.empty-coach h2{font-size:20px}.step-facts{grid-template-columns:.8fr .7fr 1.4fr}.step-facts>div{padding:10px 8px}.step-facts>div:first-child{padding-left:0}.evidence-title{grid-template-columns:18px auto}.evidence-title span{grid-column:1 / -1;text-align:left;line-height:1.45}.evidence-line small{display:none}.evidence-line>div{min-height:34px}.coach-actions{grid-template-columns:1fr}}