*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0c1222;--bg-secondary:#1a2332;--bg-tertiary:#243044;--bg-hover:#2a3a52;--text-primary:#e8edf2;--text-secondary:#8896a6;--text-muted:#5b6b7f;--accent:#81b64c;--accent-warm:#b58863;--accent-blue:#5b8def;--border:#2a3650;--border-light:#334155;--danger:#ef4444;--eval-pos:#81b64c;--eval-neg:#e05252;--eval-neutral:#8896a6;--radius:8px;--radius-lg:12px;--shadow:0 2px 8px #0000004d;--shadow-glow:0 0 20px #81b64c40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--transition:.2s cubic-bezier(.4, 0, .2, 1);--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:var(--text-base)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{flex-direction:column;min-height:100dvh;display:flex}.page{width:100%;max-width:1200px;margin:0 auto;padding:24px 20px}.page-wide{width:100%;max-width:1400px;margin:0 auto;padding:24px 20px}.navbar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.navbar-back{color:var(--text-secondary);font-size:var(--text-base);transition:all var(--transition);cursor:pointer;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:-6px;padding:6px 10px;display:inline-flex}.navbar-back:hover{color:var(--accent);background:#81b64c14}.navbar-title{font-size:var(--text-2xl);letter-spacing:-.4px;font-weight:700}.navbar-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.navbar-variation{font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#81b64c1a;border:1px solid #81b64c33;border-radius:4px;margin-left:auto;padding:4px 10px;font-weight:600}.header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header h1{font-size:var(--text-3xl);letter-spacing:-.5px;margin-bottom:6px;font-weight:700}.header p{color:var(--text-secondary);font-size:var(--text-base)}.cards-row{gap:20px;margin-bottom:32px;display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);flex:1;min-width:0;padding:24px}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #81b64c1a}.card-title{font-size:var(--text-xl);margin-bottom:6px;font-weight:600}.card-desc{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:12px}.card-stats{color:var(--text-muted);font-size:var(--text-sm)}.card-stats span{color:var(--accent);font-weight:600}.btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;line-height:1.4;display:inline-flex}.btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0c1222;font-weight:600}.btn-primary:hover{color:#0c1222;box-shadow:var(--shadow-glow);background:#92c55c;border-color:#92c55c}.btn-sm{font-size:var(--text-xs);padding:5px 10px}.btn-active{border-color:var(--accent);color:var(--accent);background:#81b64c1f}.btn-danger{color:var(--danger);border-color:#ef44444d}.btn-danger:hover{border-color:var(--danger);color:var(--danger);background:#ef44441f}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.panel-header{font-weight:600;font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;padding:12px 12px 8px}.panel-body{padding:0 12px 12px}.layout-3col{align-items:flex-start;gap:16px;display:flex}.layout-3col .col-left{flex:0 0 260px;min-width:0}.layout-3col .col-center{flex:1;min-width:0}.layout-3col .col-right{flex:0 0 210px;min-width:0}.board-section{margin-bottom:12px}.board-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.board-size-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.board-size-label{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;min-width:28px;font-weight:600}.board-resize-bar{cursor:nw-resize;justify-content:center;align-items:center;height:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.board-resize-bar:hover .board-resize-bar-inner{background:#ffffff80}.board-resize-bar-inner{background:#fff3;border-radius:2px;width:48px;height:3px;transition:background .15s}.tree-scroll{max-height:520px;overflow-y:auto}.tree-item{cursor:pointer;font-size:var(--text-base);transition:all var(--transition);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:relative}.tree-item:hover{background:var(--bg-hover)}.tree-item.active{color:var(--accent);border-left:2px solid var(--accent);background:#81b64c1a;border-radius:0 6px 6px 0}.tree-item .annotation{font-weight:700;font-size:var(--text-sm)}.tree-item .annotation.good{color:var(--eval-pos)}.tree-item .annotation.bad{color:var(--eval-neg)}.tree-item .comment-preview{color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-style:italic;overflow:hidden}.tree-move-num{color:var(--text-muted);font-size:var(--text-sm);text-align:right;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;min-width:28px}.tree-move-name{font-weight:500}.tree-move-pct{font-size:var(--text-xs);color:var(--accent);background:#81b64c1f;border-radius:4px;margin-left:2px;padding:1px 6px;font-weight:600}.tree-variation-banner{font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #81b64c33;margin:2px 0 4px;padding:4px 8px 2px;font-weight:600}.move-list{font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;line-height:1.9}.move-row{transition:background var(--transition);border-radius:4px;gap:8px;margin:0 4px;padding:3px 12px;display:flex}.move-row:hover{background:var(--bg-tertiary)}.move-num{color:var(--text-muted);-webkit-user-select:none;user-select:none;min-width:24px}.move-white,.move-black{min-width:48px}.move-empty{color:var(--text-muted);font-style:italic;font-family:var(--font-sans);font-size:var(--text-base);padding:12px}.editor-section{margin-top:16px}.editor-empty{color:var(--text-muted);font-size:var(--text-base);text-align:center;padding:16px}.editor-body{padding:16px}.editor-heading{font-size:var(--text-lg);letter-spacing:-.2px;margin-bottom:14px;font-weight:600}.editor-label{font-size:var(--text-sm);color:var(--accent);letter-spacing:.3px;margin-bottom:6px;font-weight:500;display:block}.editor-annotations{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.ann-btn{border:1px solid var(--border);cursor:pointer;min-width:34px;height:34px;color:var(--text-primary);font-size:var(--text-base);font-weight:600;font-family:var(--font-mono);transition:all var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.ann-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.ann-remove{border:1px solid var(--border);cursor:pointer;min-width:34px;height:34px;color:var(--text-muted);font-size:var(--text-base);transition:all var(--transition);font-family:var(--font-sans);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.ann-remove:hover{border-color:var(--danger);color:var(--danger);background:#ef44441f}.editor-input{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--transition);border-radius:6px;padding:8px 12px}.editor-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #81b64c26}.analysis-loading{color:var(--text-muted);font-size:var(--text-sm);padding:8px 0}.engine-line{padding:10px 12px}.engine-line+.engine-line{border-top:1px solid var(--border)}.engine-header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.engine-eval{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.engine-depth{font-size:var(--text-xs);color:var(--text-muted)}.engine-pv{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;line-height:1.8}.engine-pv .move-num{color:var(--text-muted);margin-right:4px}.engine-pv .move-san{color:var(--text-primary);font-weight:500}.engine-pv .move-gap{margin-right:4px}.engine-fallback{color:var(--text-muted);font-style:italic;font-family:var(--font-sans)}.masters-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.masters-table th{text-align:left;font-size:var(--text-xs);color:var(--accent);border-bottom:1px solid var(--border);letter-spacing:.5px;padding:8px 10px;font-weight:600}.masters-table td{border-bottom:1px solid var(--border);padding:8px 10px}.masters-table tr{cursor:pointer;transition:background var(--transition)}.masters-table tr:hover{background:var(--bg-tertiary)}.masters-table .san{font-family:var(--font-mono);font-weight:600}.masters-pct-w{color:var(--eval-pos)}.masters-pct-d{color:var(--text-muted)}.masters-pct-b{color:var(--eval-neg)}.pgn-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.pgn-section h3{font-size:var(--text-lg);margin-bottom:12px;font-weight:600}.pgn-row{gap:20px;display:flex}.pgn-group{flex:1}.pgn-group-title{font-size:var(--text-sm);color:var(--accent);letter-spacing:.3px;margin-bottom:8px;font-weight:600}.pgn-actions{gap:8px;display:flex}.analysis-layout{align-items:flex-start;gap:16px;display:flex}.analysis-board-col{flex-shrink:0}.analysis-side-col{flex:1;min-width:0}.status-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:12px;margin-top:12px;padding:8px 14px;display:flex}.status-bar .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}@media (width<=900px){.layout-3col{flex-direction:column}.layout-3col .col-left,.layout-3col .col-center,.layout-3col .col-right{flex:none;width:100%}.cards-row,.analysis-layout,.pgn-row{flex-direction:column}}