:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#1e222a;--surface:#252b35;--surface-strong:#2a303a;--surface-soft:#313844;--text:#e5e9f0;--muted:#a9b4c3;--border:#3b4252;--accent:#88c0d0;--danger:#e06c75;--success:#7ed39a;--input:#2c3340;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.4}:root[data-theme=light]{--bg:#f8fafb;--surface:#fff;--surface-strong:#f5fafc;--surface-soft:#eef5f7;--text:#1f2d3d;--muted:#546579;--border:#d7e6ec;--accent:#4a90e2;--danger:#c94545;--success:#2d7d4b;--input:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:var(--bg);margin:0}h1,h2,h3,p{margin:0}.app-shell{max-width:1760px;min-height:100vh;margin:0 auto;padding:20px 20px 26px}.auth-shell{place-items:center;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:0 10px 26px #0000001f}.auth-card{gap:14px;width:min(480px,100%);padding:24px;display:grid}.auth-form{gap:12px;display:grid}label{gap:6px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--input);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.96rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);border-color:var(--accent)}button{cursor:pointer;font:inherit}.primary,.secondary,.tab,.nav-link,.move-chip,.logout-min{border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-weight:650}.primary{background:var(--accent);color:#fff;border-color:color-mix(in srgb, var(--accent) 75%, #000 25%)}.secondary,.tab,.move-chip{background:var(--surface-strong);color:var(--text)}.primary:disabled,.secondary:disabled,.tab:disabled,.move-chip:disabled{cursor:not-allowed;opacity:.55}.tabs{gap:8px;display:flex}.tab{flex:1}.tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent)}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.success{color:var(--success);font-weight:700}.app-navbar{grid-template-columns:210px 1fr 120px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;display:grid}.app-navbar-brand{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:700}.app-navbar-spacer{width:100%;height:1px}.app-nav{justify-content:center;align-items:center;gap:8px;display:flex}.nav-link{text-align:center;min-width:122px;color:var(--text);background:var(--surface-soft);text-decoration:none}.nav-link.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.logout-min{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 50%, var(--border) 50%);background:0 0;border-radius:999px;justify-self:end;padding-inline:14px}.logout-min:hover{border-color:var(--danger)}.section-card{gap:14px;padding:20px;display:grid}.settings-shell{justify-items:center;gap:12px;display:grid}.trainer-shell>.app-navbar,.settings-shell>.app-navbar{width:100%}.settings-header{text-align:center;gap:6px;width:min(920px,100%);padding:6px 4px;display:grid}.settings-grid{width:min(840px,100%)}.trainer-shell{gap:12px;display:grid}.trainer-loader{justify-content:space-between;align-items:end;gap:12px;padding:14px 16px;display:flex}.loader-fields{grid-template-columns:minmax(0,520px) 180px;gap:12px;width:min(920px,100%);display:grid}.loader-actions{justify-items:end;gap:6px;display:grid}.trainer-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:12px;min-height:0;display:grid}.trainer-view{align-content:start;justify-self:stretch;gap:14px;width:100%;max-width:none;padding:16px;display:grid}.trainer-summary{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.trainer-summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.trainer-outcome{margin-top:7px}.trainer-board-grid{grid-template-columns:minmax(520px,760px) minmax(260px,1fr);justify-content:start;gap:14px;display:grid}.trainer-board{grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;display:grid}.evaluation-bar{border:1px solid var(--border);border-radius:8px;flex-direction:column;width:16px;height:100%;min-height:520px;max-height:760px;display:flex;overflow:hidden}.evaluation-black{background:#111}.evaluation-white{background:#f4f7fb}.trainer-controls{align-content:start;gap:10px;display:grid}.eval-readout{color:var(--muted);font-size:.9rem}.button-row{flex-wrap:wrap;gap:8px;display:flex}.trainer-moves{border:1px solid var(--border);background:var(--surface-strong);border-radius:10px;gap:6px;max-height:500px;padding:10px;display:grid;overflow-y:auto}.move-row{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.move-number{color:var(--muted);font-family:IBM Plex Mono,Consolas,monospace;font-size:.9rem}.move-chip{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.88rem;display:inline-flex}.move-chip.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent)}.move-chip-placeholder{display:block}.move-eval-tag{color:var(--muted);font-size:.75rem}.trainer-list{opacity:.9;grid-template-rows:auto minmax(0,1fr);gap:10px;height:calc(100vh - 160px);min-height:0;max-height:860px;padding:12px;display:grid;overflow:hidden}.trainer-list-head{gap:4px;display:grid}.trainer-columns{gap:8px;min-height:0;max-height:100%;padding-right:4px;display:grid;overflow-y:auto}.trainer-row{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);text-align:left;border-radius:10px;grid-template-columns:1fr;gap:4px;padding:10px;display:grid}.trainer-row:hover{border-color:var(--accent)}.trainer-row.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent)}.trainer-cell{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.trainer-cell-main{font-size:.88rem;font-weight:700}.trainer-cell-date{color:var(--muted)}.trainer-empty{padding:10px}.analysis-details{gap:10px;padding:12px;display:grid}.analysis-progress{gap:8px;padding:12px;display:grid}.analysis-progress-head{gap:4px;display:grid}.analysis-progress-track{background:color-mix(in srgb, var(--surface-soft) 80%, var(--border) 20%);border:1px solid var(--border);border-radius:999px;width:100%;height:12px;overflow:hidden}.analysis-progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, #fff 25%), var(--accent));width:0;height:100%;transition:width .18s}.eval-history{gap:10px;padding:12px;display:grid}.eval-history-head{gap:4px;display:grid}.eval-history-chart{border:1px solid var(--border);background:var(--surface-strong);cursor:pointer;border-radius:10px;width:100%;height:180px}.eval-bg-black{fill:#1a1a1a}.eval-bg-white{fill:#f3f6fa}:root[data-theme=light] .eval-bg-black{fill:#c9d7df}:root[data-theme=light] .eval-bg-white{fill:#fff}.eval-midline{stroke:color-mix(in srgb, var(--accent) 40%, var(--border) 60%);stroke-width:2px;stroke-dasharray:6 6}.eval-trace{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.eval-marker{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.eval-history-caption{color:var(--muted);font-size:.88rem}.analysis-paragraphs{gap:8px;display:grid}.analysis-paragraphs p{font-size:.9rem;line-height:1.45}.page-header{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.game-shell{gap:12px;display:grid}.game-grid{grid-template-columns:minmax(0,1fr) 320px;gap:12px;display:grid}.board-card,.panel-card{padding:14px}.panel-card{align-content:start;gap:10px;display:grid}.history{line-height:1.5}.trainer-board [data-boardid],.trainer-board [data-boardid]>div,.trainer-board [data-boardid] [data-square],.trainer-board [data-boardid] [data-square]>div{font-size:0!important;line-height:0!important}.trainer-board [data-boardid]{aspect-ratio:1;align-content:stretch;width:100%!important;height:auto!important}.trainer-board [data-boardid] [data-square]{aspect-ratio:1;min-height:0}@media (width<=1380px){.trainer-board-grid{grid-template-columns:minmax(0,1fr)}.trainer-view{max-width:none}.evaluation-bar{min-height:420px}}@media (width<=1160px){.trainer-layout{grid-template-columns:minmax(0,1fr);min-height:auto}.trainer-list{height:auto;max-height:420px}.game-grid{grid-template-columns:minmax(0,1fr)}.trainer-board{grid-template-columns:1fr}.evaluation-bar{flex-direction:row;width:100%;height:10px;min-height:10px;max-height:10px}.evaluation-black,.evaluation-white{height:100%!important}}@media (width<=860px){.app-shell{padding:14px}.app-navbar{grid-template-columns:1fr;justify-items:stretch;gap:8px}.app-nav{flex-wrap:wrap;justify-content:flex-start}.logout-min{justify-self:start}.loader-fields{grid-template-columns:1fr;width:100%}.trainer-loader{flex-direction:column;align-items:flex-start}.loader-actions{justify-items:stretch;width:100%}.move-row{grid-template-columns:32px minmax(0,1fr)}.move-chip-placeholder{display:none}.eval-history-chart{height:150px}}