:root{--text:#0b0b0b;--text-secondary:#52514e;--bg:#fcfcfb;--page-bg:#f9f9f7;--border:#e1e0d9;--accent:#2a78d6;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#fff;--text-secondary:#c3c2b7;--bg:#1a1a19;--page-bg:#0d0d0d;--border:#2c2c2a;--accent:#3987e5}}body{margin:0}h1,h2{color:var(--text);font-weight:500}.app{max-width:1100px;margin:0 auto;padding:24px 16px 64px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}header h1{margin:0;font-size:24px}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-row{align-items:center;gap:8px;margin-bottom:24px;display:flex}.filter-row select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:4px 8px}.dashboard{flex-direction:column;gap:32px;display:flex}.dashboard section{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px}.dashboard h2{margin:0 0 12px;font-size:16px}.openings-row{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.openings-row{grid-template-columns:1fr 1fr}}.sync-panel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sync-progress{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.sync-progress-bar{background:var(--border);border-radius:3px;width:120px;height:6px;overflow:hidden}.sync-progress-fill{background:var(--accent);height:100%;transition:width .2s}.sync-error{color:#d03b3b;font-size:13px}.hint-text{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.top-nav{gap:16px;margin-bottom:16px;display:flex}.top-nav a{color:var(--text-secondary);border-bottom:2px solid #0000;padding:4px 0;font-size:14px;text-decoration:none}.top-nav a.active{color:var(--text);border-bottom-color:var(--accent)}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px}button:disabled{opacity:.6;cursor:not-allowed}.games-table{border-collapse:collapse;width:100%;font-size:14px}.games-table th,.games-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.games-table a{color:var(--accent);text-decoration:none}.result-win{color:#0ca30c}.result-loss{color:#d03b3b}.result-draw{color:#fab219}.pagination{align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.analysis-summary{background:var(--bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px;padding:16px;display:grid}.analysis-summary div{flex-direction:column;gap:4px;display:flex}.analysis-summary strong{color:var(--text-secondary);font-size:12px;font-weight:500}.analysis-summary span{font-size:18px}.analysis-summary .classification-swatch{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.moves-col{border:1px solid var(--border);border-radius:12px;flex:320px;min-width:280px;max-height:560px;padding:16px;overflow-y:auto}.moves-col h2{margin:0 0 12px;font-size:16px}.move-grid{grid-template-columns:2.5em 1fr 1fr;gap:2px 8px;font-size:14px;display:grid}.move-grid-row{display:contents}.move-number{color:var(--text-secondary);padding:4px 0}.move-tag{border-radius:4px;margin-left:4px;padding:1px 6px;font-size:11px}.move-blunder .move-tag{color:#d03b3b;background:#d03b3b26}.move-mistake .move-tag{color:#ec835a;background:#ec835a26}.move-inaccuracy .move-tag{color:#a06c00;background:#fab21933}.move-brilliant .move-tag{color:#128a5e;background:#1baf7a2e}.move-best .move-tag{color:#2a78d6;background:#2a78d626}.move-good .move-tag{color:var(--text-secondary);background:#8987812e}.move-button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:4px 6px}.move-button:hover{background:var(--border)}.move-button.selected{outline:2px solid var(--accent);outline-offset:-2px}.board-row{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.board-col{flex-direction:column;flex:none;display:flex}.board-and-eval{gap:10px;display:flex}.chessboard{border:1px solid var(--border);grid-template-rows:repeat(8,44px);grid-template-columns:repeat(8,44px);width:fit-content;display:grid;position:relative}.chessboard-arrow-overlay{pointer-events:none;position:absolute;top:0;left:0}.chessboard-move-badge{color:#fff;pointer-events:none;border:2px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute}.chessboard-square{justify-content:center;align-items:center;display:flex}.chessboard-square.light{background:#eeeed2}.chessboard-square.dark{background:#769656}.eval-bar{border:1px solid var(--border);background:#2b2b28;border-radius:4px;flex-direction:column;justify-content:flex-end;width:22px;height:352px;display:flex;position:relative;overflow:hidden}.eval-bar-white{background:#fcfcfb;width:100%;transition:height .2s}.eval-bar-label{text-align:center;padding:2px 0;font-size:10px;font-weight:600;position:absolute;left:0;right:0}.eval-bar-label.top{color:#fcfcfb;top:2px}.eval-bar-label.bottom{color:#2b2b28;bottom:2px}.chess-piece{filter:drop-shadow(0 1px 1px #00000059);width:38px;height:38px}.board-controls{align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.board-controls button{padding:4px 10px}