:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:#09111f;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}p{margin:0}button,input,select,textarea{font-family:inherit}.app-shell{--bg:#09111f;--panel:#11192bd1;--panel-strong:#172239f0;--surface:#ffffff0f;--surface-strong:#ffffff1c;--border:#ffffff1c;--border-strong:#fff3;--text:#e8edf6;--muted:#96a4b8;--muted-strong:#c3ccda;--blue:#67a8ff;--green:#71d99e;--amber:#f5bf64;--red:#f77;--purple:#b99cff;--shadow:0 24px 80px #00000057;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #67a8ff38, transparent 34rem), radial-gradient(circle at top right, #71d99e24, transparent 30rem), linear-gradient(135deg, #070b13 0%, var(--bg) 52%, #101827 100%);grid-template-columns:248px minmax(0,1fr);display:grid}.app-shell[data-theme=light]{--bg:#eef3f7;--panel:#ffffffd6;--panel-strong:#fffffff5;--surface:#1421360f;--surface-strong:#1421361a;--border:#1421361c;--border-strong:#14213633;--text:#132033;--muted:#5f6f84;--muted-strong:#334256;--shadow:0 24px 80px #293a522e;background:radial-gradient(circle at top left, #4085ff26, transparent 34rem), radial-gradient(circle at top right, #2eb47721, transparent 30rem), linear-gradient(135deg, #f7fafc 0%, var(--bg) 100%)}.app-shell[data-learner=kids]{--blue:#6aa8ff;--green:#7ee0a6;--amber:#ffd36a;--purple:#c7a8ff}.app-shell[data-learner=kids] .brand-mark,.app-shell[data-learner=kids] .primary-button{background:linear-gradient(135deg, var(--amber), var(--green), var(--blue))}.app-shell[data-learner=kids] .hero-card{background:linear-gradient(135deg, #ffd36a2e, #6aa8ff29), var(--panel)}.onboarding-shell{grid-template-columns:1fr}.version-pill{color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:800;display:inline-flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050a1475;flex-direction:column;gap:24px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}[data-theme=light] .sidebar{background:#ffffff94}.brand{align-items:center;gap:14px;padding:8px;display:flex}.brand-mark{color:#08111f;background:linear-gradient(135deg, var(--green), var(--blue));border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 16px 38px #67a8ff3d}.brand h1,.topbar h2,.screen-intro h2,.hero-card h2,.board-header h3,.coach-card h3,.lesson-card h3,.mini-card h3,.split-card h3,.lesson-player h3,.objective-card h3,.candidate-feedback h3,.roadmap-card h3,.critical-list h3{letter-spacing:-.04em;margin:0;line-height:1.08}.brand h1{font-size:1.28rem}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}.nav-list{gap:6px;display:grid}button,select{font:inherit}button{color:inherit}.nav-item,.quick-action,.board-actions button,.tray-tabs button,.coach-tab,.line-list button,.training-card button,.mini-card button,.button-row button,.icon-button,.secondary-button,.primary-button{cursor:pointer;border:1px solid #0000;transition:transform .16s,border-color .16s,background .16s,color .16s}.nav-item{width:100%;color:var(--muted-strong);text-align:left;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:10px 11px;display:flex}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{color:var(--text);background:var(--surface-strong);border-color:var(--border)}.nav-item.active{box-shadow:inset 3px 0 0 var(--blue)}.sidebar-card,.hero-card,.metric-card,.training-lens-card,.quick-action,.split-card,.onboarding-card,.screen-intro,.lesson-player,.lesson-card,.training-card,.progress-card,.settings-card,.help-card,.help-search,.empty-state,.mini-card,.objective-card,.candidate-feedback,.analysis-card,.roadmap-card,.board-panel,.coach-panel,.coach-card,.move-tray{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-card{border-radius:18px;gap:6px;margin-top:auto;padding:16px;display:grid}.sidebar-card span,.training-lens-card span,.screen-intro p,.hero-card p,.split-card p,.onboarding-card p,.lesson-player p,.lesson-card p,.mini-card p,.progress-card p,.settings-card p,.help-card p,.empty-state p,.objective-card p,.candidate-feedback p,.coach-card p,.roadmap-card p,.metric-card p{color:var(--muted)}.training-lens-card{border-left:4px solid var(--blue);border-radius:18px;gap:6px;padding:14px 16px;display:grid}.training-lens-card strong{font-size:1rem}.training-lens-card p{color:var(--muted-strong);margin:0}.training-lens-card span{font-size:.86rem;font-weight:800}.main-shell{min-width:0;padding:20px}.topbar{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 16px 14px 22px;display:flex}.topbar-title h2{margin:2px 0 0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-learner{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:2px;min-width:260px;padding:10px 14px;display:grid}.topbar-learner span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.topbar-learner strong{color:var(--text);font-size:1rem}.topbar-learner small{color:var(--muted);font-weight:700}.select-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:4px;font-size:.72rem;font-weight:700;display:grid}select{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:9px 34px 9px 12px}input{color:var(--text);border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:13px;padding:11px 12px}input::placeholder{color:var(--muted)}.field-label{color:var(--muted-strong);gap:7px;font-size:.82rem;font-weight:800;display:grid}.icon-button,.primary-button,.secondary-button,.board-actions button,.button-row button{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.icon-button,.board-actions button,.button-row button{border-color:var(--border);background:var(--surface)}.primary-button{color:#07111d;background:linear-gradient(135deg, var(--green), var(--blue));border:0;font-weight:800;box-shadow:0 12px 30px #67a8ff3d}.secondary-button{border-color:var(--border);color:var(--text);background:var(--surface)}.secondary-button:hover{background:var(--surface-strong);border-color:var(--border-strong);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.primary-button.large{min-height:52px;padding:0 20px}.study-grid{grid-template-columns:minmax(640px,1fr) minmax(320px,380px);align-items:start;gap:20px;margin-top:20px;display:grid}.content-panel,.mode-home .content-panel,.mode-learn .content-panel,.mode-analyze .content-panel{grid-column:1/-1}.mode-practice .optional-card{display:none}.content-panel,.coach-panel,.board-panel{min-width:0}.screen-stack,.coach-stack{gap:16px;display:grid}.hero-card{background:linear-gradient(135deg, #67a8ff38, #71d99e1a), var(--panel);border-radius:28px;align-content:space-between;gap:20px;min-height:230px;padding:24px;display:grid}.hero-card h2{max-width:11ch;margin-top:12px;font-size:clamp(2rem,3.3vw,3.8rem)}.learner-welcome{place-items:center;min-height:100vh;padding:24px;display:grid}.welcome-card{border:1px solid var(--border);background:var(--panel);width:min(100%,720px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;gap:20px;padding:clamp(22px,4vw,38px);display:grid}.welcome-card>p{max-width:58ch;color:var(--muted)}.welcome-mode-toggle{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.welcome-mode-toggle button{color:var(--muted-strong);text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;gap:4px;padding:12px;font-weight:900;display:grid}.welcome-mode-toggle button span{color:var(--muted);font-size:.78rem;font-weight:700}.welcome-mode-toggle button.active{color:var(--text);border-color:var(--border-strong);background:var(--surface-strong)}.welcome-options,.add-learner-row,.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.privacy-note{border:1px dashed var(--border-strong);color:var(--muted-strong);background:var(--surface);border-radius:18px;align-items:center;gap:10px;padding:13px 14px;display:flex}.privacy-note svg{color:var(--green)}.metric-grid,.quick-grid,.mode-summary,.settings-grid,.help-grid,.progress-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card,.quick-action,.mini-card{border-radius:20px;padding:16px}.metric-card{gap:5px;display:grid}.metric-card svg{color:var(--blue)}.metric-card span,.mini-card span,.card-meta,.best-move span{color:var(--muted);font-size:.8rem}.metric-card strong{font-size:1.45rem}.quick-action{color:var(--text);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.onboarding-card{border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.onboarding-card h3,.progress-card h3,.settings-card h3,.help-card h3,.empty-state h3{letter-spacing:-.03em;margin:0 0 8px}.learner-profile-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.learner-manager-card{gap:16px;display:grid}.learner-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.learner-chip{border:1px solid var(--border);color:var(--text);background:var(--surface);text-align:left;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:12px;display:grid}.learner-chip.active{background:var(--surface-strong);border-color:#71d99e73}.learner-chip span{border-radius:12px;grid-row:1/3;width:34px;height:34px}.learner-chip small{color:var(--muted)}.cloud-card-title{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-bottom:14px;display:grid}.cloud-card-title svg{color:var(--blue);margin-top:2px}.cloud-meta{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin-bottom:12px;padding:12px;display:grid}.cloud-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.cloud-meta code{color:var(--muted-strong);overflow-wrap:anywhere}.sync-message{border:1px solid var(--border);color:var(--muted-strong);background:var(--surface);border-radius:16px;margin-bottom:12px;padding:12px}.sync-message.success{border-color:#71d99e57}.sync-message.error{color:var(--red);border-color:#f776}.danger-card{background:linear-gradient(135deg, #ff777714, transparent), var(--panel);border-color:#ff777752}.danger-button{color:#fff;background:#c24141;border:1px solid #ff77775c;border-radius:13px;min-height:42px;padding:0 14px;font-weight:900}.danger-button:disabled{cursor:not-allowed;opacity:.55}.profile-toggle{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:5px;padding:5px;display:flex}.profile-toggle button{min-height:42px;color:var(--muted-strong);background:0 0;border:0;border-radius:12px;padding:0 16px;font-weight:900}.profile-toggle button.active{color:#07111d;background:linear-gradient(135deg, var(--green), var(--blue))}.app-shell[data-learner=kids] .profile-toggle button.active{background:linear-gradient(135deg, var(--amber), var(--green))}.step-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.step-list li{color:var(--muted-strong);align-items:center;gap:8px;font-weight:700;display:flex}.step-list span{color:#07111d;background:var(--green);border-radius:999px;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid}.quick-action:hover,.board-actions button:hover,.button-row button:hover,.tray-tabs button:hover,.line-list button:hover,.coach-tab:hover{background:var(--surface-strong);border-color:var(--border-strong);transform:translateY(-1px)}.split-card,.lesson-player,.objective-card,.candidate-feedback,.analysis-card,.roadmap-card{border-radius:24px;padding:20px}.split-card{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.lesson-progress{text-align:right;gap:8px;width:120px;display:grid}.progress-track{background:var(--surface-strong);border-radius:999px;height:8px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%}.screen-intro{border-radius:24px;padding:20px}.screen-intro h2{margin-bottom:10px;font-size:1.8rem}.card-list,.training-list{gap:12px;display:grid}.progress-dashboard{align-items:start}.progress-card,.settings-card,.help-card,.empty-state{box-shadow:none;border-radius:22px;padding:18px}.skill-list,.settings-list,.simple-list,.shortcut-list{gap:12px;display:grid}.skill-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.skill-row .progress-track{grid-column:1/-1}.skill-row span{color:var(--green);font-weight:900}.simple-list>div,.simple-list details,.setting-row,.shortcut-list>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px}.simple-list summary{cursor:pointer;color:var(--text);font-weight:800}.simple-list details p{margin-top:8px}.setting-row{color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.setting-row input{width:18px;height:18px;accent-color:var(--green)}.help-search{color:var(--muted-strong);box-shadow:none;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex}.help-search svg{color:var(--blue)}.shortcut-list>div{grid-template-columns:74px 1fr;align-items:center;gap:10px;display:grid}kbd{border:1px solid var(--border-strong);color:var(--text);background:var(--surface-strong);text-align:center;border-radius:10px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.empty-state{border-style:dashed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.empty-state svg{color:var(--purple)}.empty-state button{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface);border-radius:13px;padding:0 14px}.training-card{box-shadow:none;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.training-card h3{letter-spacing:-.03em;margin:8px 0}.training-card p{color:var(--muted)}.training-card button,.mini-card button{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface);border-radius:13px;padding:0 14px}.training-card .primary-button{color:#07111d;border:0}.mistake-card{border-color:#f5bf643d}.opening-card{border-color:#67a8ff38}.notation-line{margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;color:var(--muted-strong)!important}.endgame-card{gap:10px;display:grid}.lesson-player{gap:16px;display:grid}.v2-flow{gap:16px;max-width:980px;margin:0 auto;display:grid}.v2-stage-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:28px;gap:18px;padding:24px;display:grid}.v2-stage-copy{max-width:760px}.v2-stage-copy h2{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.v2-stage-copy p,.v2-instruction p{color:var(--muted-strong)}.v2-instruction{background:#67a8ff14;border:1px solid #67a8ff3d;border-radius:22px;gap:6px;padding:16px;display:grid}.v2-instruction span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:900}.v2-instruction strong{font-size:1.2rem}.task-result-banner{border:2px solid var(--border);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 16px;display:grid}.task-result-banner strong{color:#07111d;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:8px 12px;font-size:1rem;font-weight:950}.task-result-banner span{color:var(--text);font-size:1.02rem;font-weight:850}.task-result-banner.correct{background:#71d99e21;border-color:#71d99eb8}.task-result-banner.correct strong{background:var(--green)}.task-result-banner.wrong{background:#ff77771f;border-color:#ff7777b8}.task-result-banner.wrong strong{color:#fff;background:#c24141}.task-result-banner.hint{background:#67a8ff1f;border-color:#67a8ffb8}.task-result-banner.hint strong{background:var(--blue)}.visual-path-card{overflow:hidden}.path-progress{flex-wrap:wrap;gap:6px;display:flex}.path-progress span{border:1px solid var(--border);width:30px;height:30px;color:var(--muted-strong);background:var(--surface);border-radius:999px;place-items:center;font-size:.82rem;font-weight:950;display:grid}.path-progress span.active{color:var(--text);background:#67a8ff29;border-color:#67a8ffa6}.path-progress span.done{color:#07111d;background:var(--green);border-color:#0000}.path-step-panel{background:#67a8ff12;border:1px solid #67a8ff38;border-radius:22px;gap:14px;padding:16px;display:grid}.path-step-panel h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3vw,2rem)}.path-step-panel span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:900}.path-step-panel p{max-width:760px;color:var(--muted-strong);margin:8px 0}.path-step-panel>div>strong{color:var(--text);font-size:1.15rem;display:block}.v2-path-grid,.v2-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.v2-module-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.v2-path-grid button,.v2-choice-grid button,.v2-module-row button,.v2-square{border:1px solid var(--border);color:var(--text);background:var(--surface)}.v2-path-grid button,.v2-choice-grid button,.v2-module-row button{text-align:left;border-radius:20px;gap:8px;padding:16px;display:grid}.v2-path-grid button:hover,.v2-choice-grid button:hover,.v2-module-row button:hover,.v2-square:hover{border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-1px)}.v2-module-row button.active{background:#71d99e1a;border-color:#71d99e8c}.v2-module-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900}.v2-module-select{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:8px;padding:14px;display:grid}.v2-module-select label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900}.v2-module-select select{border:1px solid var(--border-strong);min-height:48px;color:var(--text);background:var(--panel);font:inherit;border-radius:14px;padding:0 14px;font-weight:850}.v2-path-grid span{color:#07111d;background:var(--green);border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.v2-path-grid p,.v2-choice-grid span{color:var(--muted)}.v2-board-wrap,.v2-board-panel{justify-self:center;width:100%;max-width:520px}.opening-replay-layout{grid-template-columns:minmax(280px,520px) minmax(240px,1fr);align-items:start;gap:18px;display:grid}.opening-coach-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:12px;padding:18px;display:grid}.opening-coach-card h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.opening-coach-card p{color:var(--muted-strong);margin:0}.v2-click-board{border:1px solid var(--border);background:var(--surface);aspect-ratio:1;border-radius:22px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.v2-square{border-radius:0;place-items:center;min-height:48px;font-size:1.4rem;font-weight:900;display:grid;position:relative}.v2-square:nth-child(odd){color:#132033;background:#ede3cf}.v2-square:nth-child(2n){color:#07111d;background:#8f6f52}.v2-square small{font-size:.62rem;font-weight:900;position:absolute;bottom:3px;right:4px}.v2-square.piece-square{box-shadow:inset 0 0 0 4px var(--blue)}.v2-square.target-square{box-shadow:inset 0 0 0 4px var(--green)}.v2-square.compare-square{box-shadow:inset 0 0 0 4px var(--amber)}.v2-square.protector-square{box-shadow:inset 0 0 0 4px var(--purple)}.v2-square.done-square{background:var(--green);color:#07111d}.v2-explain-card{background:#f5bf6414;border:1px solid #f5bf6452;border-radius:20px;gap:8px;padding:16px;display:grid}.v2-explain-card p{color:var(--muted-strong);margin:0}.v2-action-row{flex-wrap:wrap;gap:10px;display:flex}.v2-action-row button{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);border-radius:13px;padding:0 14px}.v2-action-row .primary-button{color:#07111d;border:0}.v2-choice-grid .correct-choice{background:#71d99e1f;border-color:#71d99e9e}.v2-choice-grid .wrong-choice{background:#ff77771a;border-color:#ff77778c}.lesson-focus-card{background:var(--panel);border:1px solid var(--border);border-radius:26px;gap:18px;padding:22px;display:grid}.lesson-visual-grid{grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.mini-board-lesson{border:1px solid var(--border);background:var(--surface);aspect-ratio:1;border-radius:22px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.mini-board-lesson span{background:#ede3cf;place-items:center;min-width:0;font-size:clamp(1rem,3vw,2rem);display:grid}.mini-board-lesson span:nth-child(2n){background:#8f6f52}.mini-board-lesson .focus-square{color:#07111d;background:linear-gradient(135deg, var(--green), var(--blue));font-weight:900}.lesson-task-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:12px;padding:18px;display:grid}.active-lesson-screen .button-row{align-items:center}.lesson-complete-card{border-color:#71d99e61}.active-drill{background:linear-gradient(135deg, #71d99e1a, transparent), var(--panel);border-color:#71d99e73}.lesson-step-header,.lesson-response,.variation-replay{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-step-header span:last-child,.lesson-response span,.variation-replay span{color:var(--muted);font-size:.84rem;font-weight:700}.checkpoint-card{background:#71d99e14;border:1px solid #71d99e3d;border-radius:18px;grid-template-columns:auto 1fr;gap:10px;padding:14px;display:grid}.checkpoint-card svg{color:var(--green)}.lesson-response{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px 14px}.card-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{border-radius:24px;grid-template-columns:74px 1fr;gap:16px;padding:16px;display:grid}.lesson-preview{color:#07111d;background:linear-gradient(135deg, var(--amber), var(--green));border-radius:20px;place-items:center;width:74px;min-height:94px;display:grid}.card-meta,.tag-row,.button-row,.board-actions,.mini-card-top,.line-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-row span,.status-pill{border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800}.tag-row span{color:var(--muted-strong);background:var(--surface);border:1px solid var(--border)}.status-pill.good{color:#07111d;background:var(--green)}.status-pill.info{color:#07111d;background:var(--blue)}.lesson-card h3,.mini-card h3{margin:8px 0}.objective-card{gap:16px;display:grid}.candidate-feedback{box-shadow:none;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.candidate-feedback svg{margin-top:2px}.candidate-feedback.empty svg,.candidate-feedback.amber svg{color:var(--amber)}.candidate-feedback.green{border-color:#71d99e57}.candidate-feedback.green svg{color:var(--green)}.hint-meter{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hint-meter span{background:var(--surface-strong);border-radius:999px;height:8px}.hint-meter span.filled{background:linear-gradient(90deg, var(--amber), var(--green))}.analysis-card{gap:16px;display:grid}.pgn-box{border:1px solid var(--border);color:var(--muted-strong);background:#00000029;border-radius:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem}.pgn-box p{margin:0 0 8px}.critical-list ol,.moves-list{margin:12px 0 0;padding:0;list-style:none}.critical-list li{border-top:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.critical-list span{color:var(--amber);font-size:.8rem;font-weight:800}.roadmap-card{text-align:center;place-items:center;min-height:220px;display:grid}.board-panel{border-radius:30px;padding:18px;position:sticky;top:20px}.board-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.board-wrap{width:min(100%,700px);margin:0 auto}.board-actions{justify-content:center;margin-top:16px}.move-tray{box-shadow:none;border-radius:22px;margin-top:16px;padding:12px}.tray-tabs{gap:6px;display:flex}.tray-tabs button,.coach-tab{border-color:var(--border);color:var(--muted-strong);background:0 0;border-radius:999px;padding:8px 12px}.tray-tabs button.active,.coach-tab.active{color:var(--text);background:var(--surface-strong)}.moves-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.moves-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:6px;padding:7px 9px;display:flex}.moves-list li.current{border-color:#71d99e80}.moves-list span{color:var(--muted)}.coach-panel{border-radius:30px;padding:14px;position:sticky;top:20px}.coach-tabs{gap:6px;margin-bottom:14px;display:flex;overflow-x:auto}.coach-card{box-shadow:none;border-radius:22px;padding:16px}.coach-card.blue{border-color:#67a8ff38}.coach-card.green{border-color:#71d99e3d}.coach-card.amber{border-color:#f5bf6442}.coach-card-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.coach-card-title svg{color:var(--blue)}.coach-card.green .coach-card-title svg{color:var(--green)}.coach-card.amber .coach-card-title svg{color:var(--amber)}.best-move{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.best-move strong{color:var(--green);font-size:2rem}.muted{margin-top:10px}.line-list button,.line-list span{color:var(--text);background:var(--surface-strong);border:1px solid #0000;border-radius:12px;padding:7px 9px}.line-list button.active{color:#07111d;background:var(--green)}.variation-replay{margin-bottom:12px}.variation-replay strong{color:var(--green);font-size:1.3rem}.candidate-line{border-top:1px solid var(--border);grid-template-columns:auto auto;gap:4px 10px;padding:10px 0;display:grid}.candidate-line p{grid-column:1/-1}.candidate-line span{color:var(--green)}.coach-list{color:var(--muted-strong);margin:0;padding-left:1.25rem}.coach-list li+li{margin-top:8px}.goal-meter{background:var(--surface-strong);border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.goal-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%;display:block}.eval-bar{border:1px solid var(--border);color:#07111d;min-height:74px;box-shadow:var(--shadow);background:linear-gradient(90deg,#f7f0e5 0 62%,#313948 62% 100%);border-radius:22px;justify-content:space-between;align-items:center;padding:14px;display:flex}.eval-bar strong{font-size:1.5rem}:focus-visible{outline-offset:3px;outline:3px solid #67a8ffc7}@media (width<=1380px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.study-grid{grid-template-columns:minmax(500px,1fr) minmax(300px,360px)}}@media (width<=1200px){.study-grid{grid-template-columns:1fr}.board-panel,.coach-panel{position:static}.mode-practice .content-panel{order:2}.mode-practice .board-panel{order:1}.mode-practice .coach-panel{order:3}}@media (width>=1680px){.study-grid{grid-template-columns:minmax(300px,.72fr) minmax(620px,1.2fr) minmax(320px,.78fr)}.content-panel{grid-column:auto}.mode-practice .content-panel{grid-column:1/-1}}@media (width<=980px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.nav-list{scroll-snap-type:x proximity;padding-bottom:4px;display:flex;overflow-x:auto}.nav-item{scroll-snap-align:start;min-width:max-content}.sidebar-card{display:none}.brand{padding-bottom:0}.study-grid{grid-template-columns:1fr}.board-panel,.coach-panel{position:static}}@media (width<=680px){.main-shell{padding:10px}.topbar,.split-card,.board-header{display:grid}.topbar-actions,.topbar-learner,.select-label,.topbar-actions select,.secondary-button,.primary-button{width:100%}.metric-grid,.quick-grid,.welcome-mode-toggle,.mode-summary,.settings-grid,.welcome-options,.add-learner-row,.sync-grid,.learner-list,.help-grid,.progress-dashboard,.card-list.compact,.lesson-card,.training-card,.onboarding-card,.empty-state{grid-template-columns:1fr}.empty-state button,.onboarding-card .primary-button{width:100%}.learner-profile-card{grid-template-columns:1fr}.profile-toggle{width:100%}.profile-toggle button{flex:1}.nav-list{grid-template-columns:none}.v2-flow{max-width:100%}.v2-stage-card{border-radius:20px;gap:14px;padding:14px}.v2-stage-copy h2{font-size:clamp(1.55rem,8vw,2.1rem)}.v2-path-grid,.v2-choice-grid,.v2-module-row{grid-template-columns:1fr}.v2-board-wrap,.v2-board-panel{max-width:min(100%,430px)}.opening-replay-layout,.task-result-banner{grid-template-columns:1fr}.v2-square{min-height:38px;font-size:1.05rem}.v2-square small{font-size:.52rem}.v2-action-row{grid-template-columns:1fr;display:grid}.v2-action-row button{width:100%}.hero-card h2{max-width:100%}}