.nav-menu{position:relative;flex-shrink:0}.nav-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:6px;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer}.nav-menu-toggle:hover{background:var(--bg-hover);border-color:var(--border-default)}.nav-menu-toggle.open{background:var(--bg-active);border-color:var(--border-strong)}.nav-menu-toggle .bar{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:1px}.nm-two-panel{position:absolute;top:100%;left:0;margin-top:4px;display:flex;border:1px solid var(--border-default);border-radius:8px;overflow:hidden;font-size:14px;box-shadow:var(--shadow-md);z-index:100}.nm-left-panel{width:170px;border-right:1px solid var(--border-subtle);padding:6px 0;display:flex;flex-direction:column;background:var(--popover-bg)}.nm-section-item{display:flex;align-items:center;padding:9px 14px;font-size:14px;color:var(--text-primary);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit}.nm-section-item:hover{background:var(--bg-hover)}.nm-section-item.selected{background:#eef2ff;color:#3b82f6}[data-theme=dark] .nm-section-item.selected{background:#3b82f626;color:#60a5fa}.nm-section-item.disabled{color:var(--text-muted)}.nm-soon-badge{margin-left:auto;font-size:10px;font-weight:500;color:var(--text-faint, #aaa);background:var(--bg-hover);padding:1px 6px;border-radius:4px;letter-spacing:.02em}.nm-rp-coming-soon{display:block;padding:12px 14px;font-size:13px;color:var(--text-muted);font-style:italic}.nm-left-spacer{flex:1}.nm-left-divider{border-top:1px solid var(--border-subtle);margin:4px 0}.nm-footer-btn{display:block;padding:7px 14px;font-size:13px;color:var(--text-muted);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nm-footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nm-logout,.nm-logout:hover{color:#dc2626}.nm-right-panel{width:220px;padding:0;background:var(--bg-secondary, #fafafa)}[data-theme=dark] .nm-right-panel{background:var(--bg-elevated, #2a2a2a)}.nm-rp-pages{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.nm-rp-page-link{display:block;padding:6px 14px 6px 12px;font-size:13px;font-weight:500;color:var(--text-primary);text-decoration:none;cursor:pointer;border-left:3px solid transparent}.nm-rp-page-link:hover{background:var(--bg-hover);border-left-color:#ccc}[data-theme=dark] .nm-rp-page-link:hover{border-left-color:#666}.nm-rp-recents{padding:4px 0 6px}.nm-rp-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint, #aaa);padding:6px 14px 3px;font-weight:600}.nm-rp-link{display:flex;align-items:center;padding:5px 14px 5px 26px;font-size:13px;color:var(--text-secondary, #555);text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-rp-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nm-rp-link.active{color:#3b82f6;font-weight:500}[data-theme=dark] .nm-rp-link.active{color:#60a5fa}.nm-rp-link-text{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.nm-rp-meta{font-size:11px;color:var(--text-faint, #bbb);margin-left:8px;flex-shrink:0}.chess-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--stone-50)}.chess-loading-screen canvas{display:block;width:180px;height:180px}.chess-loading-screen .loading-text{margin-top:28px;font-size:14px;color:var(--stone-500);letter-spacing:.02em;font-family:inherit;height:20px}.cb-container{position:relative;flex-shrink:0;overflow:hidden}.cb-container.cb-responsive{width:100%;aspect-ratio:1 / 1}.cb-board{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.cb-board{background-color:var(--board-sq-light);background-image:conic-gradient(var(--board-sq-dark) .25turn,var(--board-sq-light) .25turn .5turn,var(--board-sq-dark) .5turn .75turn,var(--board-sq-light) .75turn);background-size:25% 25%}.cb-sq{position:absolute;width:12.5%;height:12.5%}.cb-piece{position:absolute;width:12.5%;height:12.5%;z-index:3;display:flex;align-items:center;justify-content:center;cursor:grab;transition:none;will-change:transform}.cb-piece img{pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:filter .15s ease}.cb-piece.cb-animating{transition:transform .15s cubic-bezier(.25,.1,.25,1);z-index:4}.cb-piece.cb-dragging{z-index:10;cursor:grabbing;transition:none}.cb-piece.cb-dragging img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.4)) drop-shadow(0 3px 4px rgba(0,0,0,.25))}.cb-capture-fade{opacity:1;z-index:2;pointer-events:none;transition:opacity .15s ease .1s}.cb-piece.cb-ghost{opacity:.3;z-index:1;cursor:default;pointer-events:none}.cb-dot{position:absolute;width:12.5%;height:12.5%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.cb-dot .cb-dot-empty{width:var(--cb-dot-size, 20%);height:var(--cb-dot-size, 20%);border-radius:50%;background:var(--cb-dot-color, rgba(0,0,0,.16))}.cb-dot .cb-dot-capture{width:100%;height:100%;background:linear-gradient(135deg,var(--cb-capture-color, rgba(0,0,0,.14)) 20%,transparent 20%) top left,linear-gradient(225deg,var(--cb-capture-color, rgba(0,0,0,.14)) 20%,transparent 20%) top right,linear-gradient(315deg,var(--cb-capture-color, rgba(0,0,0,.14)) 20%,transparent 20%) bottom right,linear-gradient(45deg,var(--cb-capture-color, rgba(0,0,0,.14)) 20%,transparent 20%) bottom left;background-size:50% 50%;background-repeat:no-repeat}.cb-coord{position:absolute;font-size:.7em;font-weight:700;pointer-events:none;z-index:1;line-height:1}.cb-coord-rank{left:3px;padding-top:2px}.cb-coord-file{bottom:2px;transform:translate(-100%);padding-right:3px}.cb-arrow-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.cb-promo-overlay{position:absolute;inset:0;z-index:19;background:#00000040}.cb-promo-dialog{position:absolute;z-index:20;display:flex;flex-direction:column;background:var(--bg-surface, #f8f8f8);border-radius:4px;box-shadow:0 4px 16px #00000059,0 1px 4px #0003;padding:2px}.cb-promo-choice{width:100%;aspect-ratio:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px}.cb-promo-choice:hover{background:#00000014}.cb-promo-choice img{width:85%;height:85%;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.psm-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);z-index:1000;display:flex;align-items:center;justify-content:center}.psm-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column;max-width:940px;width:94vw;max-height:90vh;overflow:hidden}.psm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default);flex-shrink:0}.psm-title{font-size:15px;font-weight:600;color:var(--text-primary)}.psm-close{background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-tertiary);padding:0 4px;line-height:1;border-radius:4px}.psm-close:hover{background:var(--bg-hover);color:var(--text-primary)}.psm-body{overflow-y:auto;flex:1;padding:20px}.psm-top-row{display:flex;gap:20px}.psm-board-area{flex-shrink:0;width:324px;padding:2px}.psm-board-wrap{position:relative;box-shadow:0 0 0 2px var(--border-strong);border-radius:4px;overflow:hidden;width:320px;height:320px}.psm-board-wrap.placeable{cursor:pointer}.psm-board-wrap:after{content:"";position:absolute;inset:0;z-index:10}.psm-board-info{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.psm-piece-count{font-size:12px;color:var(--text-secondary)}.psm-board-actions{display:flex;gap:6px}.psm-controls{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.psm-palette{flex-shrink:0}.psm-palette-label,.psm-structures-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.psm-palette-row{display:flex;gap:4px;align-items:center;margin-bottom:4px}.psm-palette-row-label{font-size:10px;font-weight:600;color:var(--text-muted);width:36px;flex-shrink:0}.psm-palette-piece{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid transparent;border-radius:4px;background:var(--bg-surface);cursor:pointer;transition:all .1s}.psm-palette-piece img{display:block;width:32px;height:32px;pointer-events:none}.psm-palette-piece:hover{border-color:var(--accent-primary);background:var(--accent-blue-bg)}.psm-palette-piece.selected{border-color:var(--accent-primary);background:var(--accent-blue-bg);box-shadow:0 0 0 2px var(--accent-primary)}.psm-structures{flex:1;min-height:0;display:flex;flex-direction:column}.psm-structure-tabs{display:flex;gap:2px;margin-bottom:6px;flex-wrap:wrap}.psm-tab{padding:3px 8px;border:1px solid var(--border-default);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.psm-tab:hover{background:var(--bg-hover)}.psm-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.psm-structure-search{padding:4px 8px;border:1px solid var(--border-default);border-radius:4px;font-size:12px;font-family:inherit;margin-bottom:6px;background:var(--bg-surface);color:var(--text-primary)}.psm-structure-search:focus{outline:none;border-color:var(--accent-primary)}.psm-structure-list{flex:1;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:4px;max-height:180px;min-height:80px}.psm-structure-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border-subtle)}.psm-structure-item:last-child{border-bottom:none}.psm-structure-item:hover{background:var(--bg-hover)}.psm-structure-info{flex:1;min-width:0}.psm-structure-name{font-size:12px;font-weight:500;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psm-structure-desc{font-size:11px;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psm-structure-count{font-size:10px;color:var(--text-faint);flex-shrink:0}.psm-structure-delete{background:none;border:none;cursor:pointer;color:var(--text-faint);font-size:16px;line-height:1;padding:0 2px;flex-shrink:0}.psm-structure-delete:hover{color:var(--color-error)}.psm-structure-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.psm-save-custom-btn{margin-top:6px;padding:4px 8px;border:1px dashed var(--border-default);border-radius:4px;background:none;cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary);width:100%}.psm-save-custom-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.psm-save-custom-form{display:flex;gap:4px;margin-top:6px}.psm-save-custom-form input{flex:1;padding:4px 8px;border:1px solid var(--border-default);border-radius:3px;font-size:12px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.psm-save-custom-form input:focus{outline:none;border-color:var(--accent-primary)}.psm-fragment-bar{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:6px}.psm-fragment-slot{display:flex;align-items:center;gap:6px}.psm-fragment-or{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.psm-fragment-thumb{width:80px;height:80px;border:2px solid var(--border-default);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.psm-fragment-thumb.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.psm-fragment-remove{position:absolute;top:-1px;right:-1px;width:14px;height:14px;background:var(--color-error);color:#fff;border:none;border-radius:0 2px 0 4px;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.psm-fragment-add{width:80px;height:80px;border:2px dashed var(--border-default);border-radius:3px;cursor:pointer;background:none;font-size:18px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.psm-fragment-add:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.psm-fragment-thumb canvas{display:block;width:100%!important;height:100%!important}.psm-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-default);flex-shrink:0}.psm-match-stats{font-size:12px;color:var(--text-secondary)}.psm-loading{color:var(--text-muted);font-style:italic;display:inline-flex;align-items:center;gap:10px}.psm-loading-bar{display:inline-block;width:80px;height:2px;background:var(--border-subtle);border-radius:2px;overflow:hidden;vertical-align:middle}.psm-loading-bar-fill{display:block;height:100%;width:25%;background:var(--accent-primary);border-radius:2px;animation:psm-indeterminate 1.4s ease-in-out infinite}@keyframes psm-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.psm-hint{color:var(--text-faint)}.psm-footer-actions{display:flex;gap:8px}.psm-btn-cancel{padding:7px 16px;border:1px solid var(--border-default);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:13px;font-family:inherit;color:var(--text-secondary)}.psm-btn-cancel:hover{background:var(--bg-hover)}.psm-btn-apply{padding:7px 18px;border:1px solid var(--accent-primary);border-radius:5px;background:var(--accent-primary);color:#fff;cursor:pointer;font-size:13px;font-family:inherit;font-weight:500}.psm-btn-apply:hover:not(:disabled){background:var(--accent-primary-hover)}.psm-btn-apply:disabled{opacity:.5;cursor:default}.psm-btn-small{padding:3px 8px;border:1px solid var(--border-default);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.psm-btn-small:hover:not(:disabled){background:var(--bg-hover)}.psm-btn-small:disabled{opacity:.4;cursor:default}.psm-btn-small.accent{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.psm-btn-small.accent:hover:not(:disabled){background:var(--accent-primary-hover)}.psm-preview-panel{flex-shrink:0;overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s ease}.psm-preview-panel.open{border-top:1px solid var(--border-default);max-height:400px;opacity:1;pointer-events:auto}.psm-preview-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-surface-alt);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.psm-preview-panel-header:hover{background:var(--bg-hover)}.psm-preview-minimize{background:none;border:none;padding:0 4px;font-size:10px;color:var(--text-muted);cursor:pointer;line-height:1}.psm-preview-split{display:flex;height:320px}.psm-match-list{flex:1;overflow-y:auto;border-right:1px solid var(--border-default);min-width:0;display:flex;flex-direction:column}.psm-match-list-header{position:sticky;top:0;z-index:1;padding:8px 14px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);flex-shrink:0}.psm-match-list-items{flex:1;overflow-y:auto}.psm-match-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s;border-left:3px solid transparent}.psm-match-item:hover{background:var(--bg-hover)}.psm-match-item.selected{background:var(--accent-blue-bg);border-left-color:var(--accent-primary)}.psm-match-info{flex:1;min-width:0}.psm-match-title{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.psm-match-sub{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.psm-match-move{font-size:11px;font-family:monospace;color:var(--text-muted);flex-shrink:0}.psm-match-list-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.psm-preview-board-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:16px 20px;gap:10px}.psm-preview-board-panel .chess-board-container,.psm-preview-board-panel .cb-container{box-shadow:0 0 0 2px var(--border-default);border-radius:4px;overflow:hidden}.psm-preview-nav{display:flex;gap:4px;align-items:center}.psm-preview-nav button{padding:4px 10px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:4px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .12s;line-height:1;font-family:inherit}.psm-preview-nav button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.psm-preview-nav button:disabled{opacity:.3;cursor:default}.psm-match-nav{margin-top:4px;font-size:11px}.psm-match-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary);flex-shrink:0}.psm-match-pagination button{padding:2px 8px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:3px;cursor:pointer;font-size:11px;color:var(--text-secondary)}.psm-match-pagination button:hover:not(:disabled){background:var(--bg-hover)}.psm-match-pagination button:disabled{opacity:.3;cursor:default}.psm-preview-label{font-size:11px;color:var(--text-muted);text-align:center}.psm-preview-label strong{color:var(--text-secondary)}.psm-match-link{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:var(--accent-primary);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.psm-match-link:hover{text-decoration-style:solid}.psm-search-btn{padding:4px 14px;font-size:12px;font-family:inherit;border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;border-radius:4px;cursor:pointer}.psm-search-btn:hover{background:var(--accent-hover, var(--accent-primary));filter:brightness(1.1)}.opening-collections{max-width:900px;margin:0 auto;padding:24px}.opening-collections-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.opening-collections-header h1{margin:0;font-size:16px;font-weight:600;color:var(--stone-700)}.position-search-btn{padding:8px 20px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--stone-300);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.position-search-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.opening-collections-loading,.opening-collections-empty{text-align:center;color:var(--text-muted);padding:60px 0}.opening-collections-empty a{color:var(--accent-blue)}.opening-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.opening-card{position:relative;background:var(--card-bg);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;transition:box-shadow .15s}.opening-card:hover{box-shadow:var(--shadow-sm)}.card-link{display:flex;text-decoration:none;color:inherit}.card-color{width:6px;flex-shrink:0}.card-color.white{background:var(--eval-white-bg)}.card-color.black{background:var(--eval-black-bg)}.card-body{padding:16px;flex:1}.card-body h2{margin:0 0 6px;font-size:16px}.card-meta{font-size:13px;color:var(--text-tertiary)}.card-side{font-weight:600}.card-side.white{color:var(--stone-500)}.card-side.black{color:var(--stone-700)}.card-sep{margin:0 2px}.card-source{color:var(--accent-blue)}.card-date{font-size:12px;color:var(--text-faint);margin-top:4px}.card-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:none;color:var(--text-placeholder);font-size:18px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-delete:hover{background:var(--bg-hover);color:var(--color-error)}.eval-bar-container{width:100%}.eval-info{display:flex;align-items:baseline;justify-content:space-between;padding:3px 0 2px}.eval-score{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:-.3px}.eval-score.white-adv{color:var(--eval-white-adv)}.eval-score.black-adv{color:var(--eval-black-adv)}.eval-score.mate{color:var(--eval-mate)}.eval-score.even{color:var(--eval-even)}.eval-depth{font-family:var(--font-mono);font-size:10px;color:var(--stone-400);font-weight:500;display:flex;align-items:center}.eval-depth.analyzing{animation:pulse-depth 1.5s ease-in-out infinite}.eval-strip{padding-bottom:4px}.eval-track{height:6px;background:var(--eval-black-bg);border-radius:3px;overflow:hidden;border:1px solid var(--eval-black-bg)}.eval-fill{height:100%;background:var(--eval-white-bg);border-radius:2px;transition:width .4s ease;min-width:2px}.eval-stored{font-size:9px;font-style:italic;color:var(--stone-400)}.eval-depth-sep{color:var(--stone-600);margin:0 4px}.eval-live-depth{color:var(--color-engine);display:inline-flex;align-items:center;font-weight:500}.eval-live-pulse{display:block;margin-right:2px;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:.4}50%{opacity:1}}@keyframes pulse-depth{0%,to{opacity:.5}50%{opacity:1}}.candidate-moves-panel{width:100%;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:11px;border-bottom:1px solid var(--border-strong);margin-bottom:2px}.candidate-line{display:flex;align-items:center;gap:6px;padding:3px 4px;cursor:default;line-height:1.4;min-height:22px}.candidate-line[role=button]{cursor:pointer}.candidate-line[role=button]:hover{background:#ffffff0a}.candidate-line-pv1{background:#ffffff08}.candidate-rank{color:var(--stone-600);font-weight:600;min-width:12px;text-align:center;flex-shrink:0}.candidate-score{font-weight:700;min-width:42px;text-align:right;flex-shrink:0;font-size:11px}.candidate-score.white-adv{color:var(--eval-white-adv)}.candidate-score.black-adv{color:var(--eval-black-adv)}.candidate-score.mate{color:var(--eval-mate)}.candidate-score.even{color:var(--eval-even)}.candidate-moves{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--stone-300)}.candidate-best{font-weight:700;color:var(--text-primary, #e8e8e8)}.candidate-continuation{color:var(--stone-500);font-weight:400;opacity:.8}.candidate-depth{color:var(--stone-600);font-size:9px;flex-shrink:0;animation:pulse-candidate-depth 1.5s ease-in-out infinite}@keyframes pulse-candidate-depth{0%,to{opacity:.5}50%{opacity:1}}.annotation-bar{display:flex;flex-direction:column;gap:3px;padding:4px 0 6px}.annotation-row{display:flex;gap:3px;align-items:center;justify-content:center}.annotation-row-label{font-size:9px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.4px;width:40px;text-align:right;margin-right:4px;flex-shrink:0}.annotation-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 5px;border:1px solid var(--stone-200);border-radius:4px;font-size:12px;font-weight:700;color:var(--stone-500);background:var(--bg-surface);cursor:pointer;transition:all .15s;font-family:inherit}.annotation-btn:hover{background:var(--stone-100);color:var(--stone-700)}.annotation-btn.active{color:#fff}.analysis-board-column{display:flex;flex-direction:column;align-self:flex-start;width:100%;gap:12px}.abc-board-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;padding:8px;flex-shrink:0;display:flex;flex-direction:column;gap:0}.abc-board-card .board-wrapper{display:flex;flex-direction:column;width:100%}.abc-board-card .board-options{padding:0 0 6px}.abc-board-card .nav-buttons{padding:6px 0 0}.board-context-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:0}.board-context-card .annotation-bar{padding:0 0 4px}.board-context-card .below-board-context{padding:0}.context-menu-overlay{position:fixed;inset:0;z-index:9999}.context-menu{position:fixed;z-index:10000;background:var(--bg-surface, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:8px;box-shadow:0 2px 8px #00000014,0 8px 24px #0000001a;padding:6px 0;min-width:210px;max-width:280px;font-family:Inter,-apple-system,sans-serif;font-size:13px;animation:context-menu-in .1s ease-out}[data-theme=dark] .context-menu{box-shadow:0 2px 8px #0000004d,0 8px 24px #0006}@keyframes context-menu-in{0%{opacity:0;transform:scale(.97) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 16px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-primary, var(--stone-700, #44403c));cursor:pointer;font-family:inherit;white-space:nowrap;position:relative}.context-menu-item:hover:not(:disabled){background:#0000000d}[data-theme=dark] .context-menu-item:hover:not(:disabled){background:#ffffff1a}.context-menu-item:disabled{opacity:.4;cursor:default}.context-menu-item.danger{color:var(--color-blunder, #dc2626)}.context-menu-item.danger:hover:not(:disabled){background:#dc26260f}.context-menu-item-accent{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0;margin-left:-6px;margin-right:4px}.context-menu-item-icon{flex-shrink:0;width:14px;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center;color:var(--stone-500, #78716c)}.context-menu-item-label{flex:1}.context-menu-item-arrow{margin-left:auto;color:var(--stone-400, #a8a29e);font-size:13px;flex-shrink:0}.context-menu-item-badge{margin-left:auto;font-size:11px;color:var(--stone-400, #a8a29e);flex-shrink:0;font-variant-numeric:tabular-nums}.context-menu-divider{height:1px;background:var(--border-color, var(--stone-100, #f0eeec));margin:4px 0}.context-menu-submenu-wrapper{position:relative}.context-menu-submenu{position:absolute;top:-4px;left:100%;background:var(--bg-surface, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:8px;box-shadow:0 2px 8px #00000014,0 8px 24px #0000001a;padding:6px 0;min-width:160px;animation:context-menu-in .1s ease-out}[data-theme=dark] .context-menu-submenu{box-shadow:0 2px 8px #0000004d,0 8px 24px #0006}.context-menu-submenu.flip-left{left:auto;right:100%}.context-menu-confirm{padding:8px 16px}.context-menu-confirm-text{font-size:12px;color:var(--stone-500, #78716c);margin-bottom:6px}.context-menu-confirm-actions{display:flex;gap:6px}.context-menu-confirm-actions button{flex:1;padding:4px 8px;border-radius:5px;border:1px solid var(--border-color, var(--stone-200, #e5e5e5));background:none;font-size:12px;cursor:pointer;font-family:inherit;color:var(--text-primary, #44403c)}.context-menu-confirm-actions button.confirm-yes{background:var(--color-blunder, #dc2626);color:#fff;border-color:var(--color-blunder, #dc2626)}.context-menu-confirm-actions button:hover{opacity:.85}.subway-tree{width:100%;height:100%;overflow:hidden;background:var(--stone-50);border-radius:4px;position:relative}.subway-tree-svg{width:100%;height:100%;cursor:grab}.subway-tree-svg:active{cursor:grabbing}.subway-floating-controls{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;z-index:6}.subway-map-mode-group{display:flex;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;overflow:hidden}.subway-map-mode-btn{padding:0 8px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;font-family:inherit;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s;position:relative}.subway-map-mode-btn:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:var(--stone-200)}.subway-map-mode-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-hover)}.subway-map-mode-btn--active{color:var(--explore-accent-text);background:var(--explore-accent-bg);font-weight:600}.subway-map-mode-btn--coverage.subway-map-mode-btn--active{color:var(--coverage-covered);background:var(--coverage-covered-bg)}.subway-map-mode-btn--staged:not(:disabled){color:var(--graph-staged-node, #a78bfa)}.subway-map-mode-btn--staged.subway-map-mode-btn--active{color:var(--graph-staged-node, #a78bfa);background:color-mix(in srgb,var(--purple-accent) 12%,transparent)}.subway-map-mode-btn:disabled{opacity:.35;cursor:not-allowed}.subway-coverage-controls{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:5px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;padding:0 6px;height:24px;z-index:6}.subway-cov-label{font-size:10px;font-weight:500;color:var(--text-muted);flex-shrink:0}.subway-cov-sep{width:1px;height:14px;background:var(--stone-200);flex-shrink:0}.subway-cov-select{height:18px;padding:0 14px 0 4px;font-size:10px;font-family:inherit;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--stone-200);border-radius:3px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%23999' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center}.subway-cov-select:hover{border-color:var(--text-muted)}.subway-cov-select:focus{outline:none;border-color:var(--coverage-covered)}.subway-cov-pill{padding:0 5px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:inherit;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--stone-200);cursor:pointer}.subway-cov-pill.active{color:var(--coverage-covered);background:var(--coverage-covered-bg);font-weight:600}.subway-cov-pill:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.subway-cov-toggle{border-radius:3px;min-width:26px}.subway-minimap-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;color:var(--stone-500);transition:color .15s;padding:0}.subway-minimap-toggle:hover{color:var(--stone-700)}.subway-minimap-container{position:absolute;bottom:40px;right:8px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden}.subway-minimap-svg{display:block}.subway-follow-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:500;color:var(--stone-600);background:var(--stone-100);border:1px solid var(--stone-200);padding:2px 8px;border-radius:10px;pointer-events:none;z-index:5}.tree-context-menu{background:var(--popover-bg, #fff);border:1px solid var(--stone-300, #ddd);border-radius:6px;box-shadow:var(--shadow-popover);padding:4px 0;min-width:160px}.tree-context-item{display:block;width:100%;padding:7px 16px;background:none;border:none;text-align:left;font-size:13px;color:var(--stone-700, #333);cursor:pointer;font-family:inherit}.tree-context-item:hover{background:var(--stone-100, #f3f3f3)}.move-ribbon{position:relative;display:flex;align-items:center;height:36px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border-default);overflow:hidden}.move-ribbon-track{display:flex;align-items:center;flex-wrap:nowrap;gap:0;overflow-x:auto;height:100%;flex:1;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}.move-ribbon-track::-webkit-scrollbar{display:none}.move-ribbon-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:100%;background:var(--bg-surface-alt);border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-tertiary);flex-shrink:0;z-index:1;padding:0}.move-ribbon-arrow:hover{background:var(--bg-inset)}.move-ribbon-arrow:active{background:var(--bg-active)}.move-ribbon-arrow--left{border-right:1px solid var(--border-default);box-shadow:4px 0 8px -2px #0000000f}.move-ribbon-arrow--right{border-left:1px solid var(--border-default);box-shadow:-4px 0 8px -2px #0000000f}.move-ribbon-arrow--hidden{display:none}.move-ribbon-item{display:inline-flex;align-items:center;flex-shrink:0}.move-ribbon-sep{color:var(--text-placeholder);font-size:13px;margin:0 1px;flex-shrink:0}.move-ribbon-btn{background:none;border:none;padding:4px 7px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.move-ribbon-btn:hover{background:var(--bg-inset);color:var(--text-primary)}.move-ribbon-btn.active{background:var(--accent-blue);color:#fff;font-weight:600}.move-ribbon-num{color:var(--text-faint);font-size:11px;font-weight:400;margin-right:1px}.move-ribbon-btn.active .move-ribbon-num{color:#ffffffb3}.move-ribbon-btn--start{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-muted);font-weight:400;font-size:12px}.move-ribbon-btn--start:hover{color:var(--text-primary)}.move-ribbon-btn--start.active{color:#fff;font-weight:600}.tag-manager{padding:12px;height:100%;overflow-y:auto}.tag-manager-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.tag-manager-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.tag-manager-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--bg-surface-alt)}.tag-manager-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.tag-manager-label{flex:1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-manager-actions{display:flex;gap:4px;flex-shrink:0}.tag-manager-btn{border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--text-muted);padding:2px 6px;border-radius:4px;font-family:inherit}.tag-manager-btn:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.tag-manager-btn.delete:hover{background:var(--color-error-bg);color:var(--color-error)}.tag-manager-edit{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:6px;background:var(--color-warning-bg)}.tag-manager-edit-top{display:flex;align-items:center;gap:6px}.tag-manager-edit input[type=text]{flex:1;padding:4px 6px;border:1px solid var(--border-input);border-radius:4px;font-size:13px;font-family:inherit;min-width:0;background:var(--input-bg);color:var(--text-primary)}.tag-manager-confirm{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:var(--color-error-bg);font-size:12px;color:var(--color-error)}.tag-manager-confirm span{flex:1}.tag-manager-confirm-btn{border:none;padding:3px 8px;border-radius:4px;font-size:12px;font-family:inherit;cursor:pointer}.tag-manager-confirm-btn.yes{background:var(--color-error);color:#fff}.tag-manager-confirm-btn.no{background:var(--bg-panel-hover);color:var(--text-primary)}.tag-manager-new{border-top:1px solid var(--border-default);padding-top:12px}.tag-manager-new-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.tag-manager-new-form{display:flex;align-items:center;gap:6px}.tag-manager-new-form input[type=text]{flex:1;padding:6px 8px;border:1px solid var(--border-input);border-radius:4px;font-size:13px;font-family:inherit;min-width:0;background:var(--input-bg);color:var(--text-primary)}.tag-manager-new-form input[type=text]:focus{outline:none;border-color:var(--accent-blue)}.tag-manager-create-btn{padding:6px 12px;border:none;background:var(--accent-blue);color:#fff;border-radius:4px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap}.tag-manager-create-btn:hover{background:var(--accent-blue-hover)}.tag-manager-create-btn:disabled{opacity:.5;cursor:not-allowed}.tag-manager-empty{color:var(--text-faint);font-size:13px;text-align:center;padding:16px 0}.tag-manager-error{color:var(--color-error);font-size:12px;margin-top:6px}.tag-manager-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-top:8px;margin-bottom:2px}.tag-manager-section-label:first-child{margin-top:0}.tag-manager-item.system{background:var(--bg-panel);opacity:.85}.tag-manager-system-badge{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.color-swatch-picker{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:transform .1s ease,border-color .1s ease}.color-swatch:hover{transform:scale(1.15);border-color:var(--text-muted)}.color-swatch.selected{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 0 1px var(--bg-surface)}.explorer-loading,.explorer-error{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.explorer-error{color:var(--color-error)}.explorer-opening{font-size:13px;margin-bottom:10px;color:var(--text-primary)}.explorer-opening .eco{font-weight:700;color:var(--accent-blue)}.explorer-stats{margin-bottom:12px}.stat-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;font-size:11px;font-weight:600}.stat-white{background:var(--stone-100);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.stat-draw{background:var(--stone-400);color:#fff;display:flex;align-items:center;justify-content:center}.stat-black{background:var(--stone-800);color:#fff;display:flex;align-items:center;justify-content:center}.stat-total{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:center}.explorer-label{font-size:11px;letter-spacing:.3px;color:var(--stone-400);margin-bottom:6px;font-weight:500}.moves-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:12px}.moves-table th{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border-default);color:var(--text-muted);font-weight:500;font-size:11px}.moves-table td{padding:4px 6px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.move-san{font-weight:600}.explorer-games:not(:first-child){margin-top:8px}.game-link{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;text-decoration:none;color:var(--text-primary);font-size:12px}.game-link:hover{background:var(--bg-hover)}.game-players{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-result{font-weight:600;min-width:30px;text-align:center}.game-year{color:var(--text-muted);font-size:11px}.explorer-fen{margin-top:8px}.fen-row{display:flex;align-items:flex-start;gap:4px}.fen-display{flex:1;font-size:10px;font-family:JetBrains Mono,SF Mono,monospace;color:var(--text-tertiary);word-break:break-all;line-height:1.4;background:var(--stone-100);padding:4px 6px;border-radius:3px}.fen-copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--stone-200);border-radius:4px;background:var(--stone-50);color:var(--stone-400);cursor:pointer;padding:0}.fen-copy-btn:hover{background:var(--stone-100);border-color:var(--stone-300);color:var(--stone-500)}.your-games-empty{padding:12px;text-align:center;color:var(--stone-400);font-size:12px}.your-games-collection:not(:first-child){margin-top:8px}.your-games-collection-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.your-games-collection-header .explorer-label{margin-bottom:0}.your-games-library-link{font-size:10px;color:var(--accent-primary);text-decoration:none;white-space:nowrap}.your-games-library-link:hover{text-decoration:underline}.your-games-more-link{display:block;padding:4px 8px;font-size:11px;color:var(--accent-primary);text-decoration:none;cursor:pointer}.your-games-more-link:hover{text-decoration:underline}.explorer-empty{padding:12px;text-align:center;color:var(--stone-400);font-size:12px}.explorer-empty a{color:var(--accent-primary)}.explorer-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px;font-size:12px;color:var(--text-secondary)}.explorer-toggle-label{font-weight:500}.explorer-filters{margin-bottom:10px}.explorer-filter-group{margin-top:6px}.rg-tabs{display:flex;background:var(--bg-page);border-bottom:1px solid var(--border-default)}.rg-tab{flex:1;padding:8px 0;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;text-align:center}.rg-tab:hover{color:var(--text-secondary)}.rg-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.rg-toolbar-row{display:flex;align-items:center;justify-content:flex-end;padding:6px 12px 2px}.rg-settings-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s}.rg-settings-btn:hover,.rg-settings-btn.active{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-secondary)}.rg-settings-btn svg{width:13px;height:13px}.rg-settings-dropdown{margin:4px 12px 6px;padding:8px 10px;background:var(--bg-surface-alt, var(--bg-page));border:1px solid var(--border-default);border-radius:6px}.rg-settings-dropdown-title{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:600;margin-bottom:6px}.rg-settings-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.rg-settings-item-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.rg-settings-item-count{font-size:10px;color:var(--text-muted)}.rg-toggle-sm{width:28px;height:16px;border-radius:8px;background:var(--stone-300);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.rg-toggle-sm.on{background:var(--accent-primary)}.rg-toggle-sm:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.rg-toggle-sm.on:after{transform:translate(12px)}.rg-collection-group{padding:0}.rg-collection-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 2px}.rg-collection-name{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:600}.rg-collection-count{font-size:10px;color:var(--text-faint);font-weight:400;margin-left:4px}.rg-show-more-link{font-size:10px;color:var(--accent-primary);text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.rg-show-more-link:hover{text-decoration:underline}.rg-section-sep{height:1px;background:var(--border-subtle);margin:4px 12px}.rg-game-list{padding:2px 0}.rg-lichess-list{padding-top:4px}.rg-panel-footer{padding:6px 12px 8px;border-top:1px solid var(--border-subtle);display:flex;justify-content:center}.rg-see-more-btn{font-size:11px;color:var(--accent-primary);text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.rg-see-more-btn:hover{text-decoration:underline}.rg-empty-state{padding:20px 12px;text-align:center;color:var(--text-muted);font-size:12px;line-height:1.5}@keyframes chevron-collapse{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes chevron-expand{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes pill-pop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fold-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.outline-view{height:100%;overflow-y:auto;padding:12px 16px;font-size:13px;font-family:var(--font-mono);line-height:1.7}.comment-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:2px;vertical-align:middle;flex-shrink:0}.comment-dot.comment{background:var(--accent-primary)}.comment-dot.notes{background:var(--color-success)}.comment-dot.both{background:linear-gradient(135deg,var(--accent-primary) 50%,var(--color-success) 50%)}.eval-badge{display:inline-flex;align-items:center;margin-left:3px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:-.2px;vertical-align:middle;padding:.5px 4px;border-radius:8px;line-height:14px;flex-shrink:0}.eval-badge.white-adv,.eval-badge.black-adv{color:var(--badge-white-color);background:var(--badge-white-bg)}.eval-badge.even{color:var(--badge-even-color);background:var(--badge-even-bg)}.eval-badge.mate{color:var(--badge-mate-color);background:var(--badge-mate-bg)}.eval-badge.after-blunder{color:var(--badge-blunder-color);background:var(--badge-blunder-bg)}.eval-badge.after-mistake{color:var(--badge-mistake-color);background:var(--badge-mistake-bg)}.eval-badge.after-inaccuracy{color:var(--badge-inaccuracy-color);background:var(--badge-inaccuracy-bg)}.token-nag{font-size:11px;font-weight:600;margin-left:2px}.token-tag-pills{display:inline-flex;gap:2px;margin-left:3px;vertical-align:middle}.token-tag-pill{display:inline-block;font-size:9px;font-weight:600;padding:0 4px;border-radius:3px;border:1px solid;line-height:1.5;vertical-align:middle}.inline-comment-pgn{font-style:italic;color:var(--stone-500)}.inline-comment-notes{color:var(--stone-600);font-style:normal}.outline-view.neat .neat-line{display:flex;flex-direction:column}.outline-view.neat .neat-row{display:flex;align-items:center;min-height:24px;padding:1px 0;border-radius:3px}.outline-view.neat .neat-row:hover{background:var(--stone-50)}.outline-view.neat .neat-move-num{width:32px;text-align:right;padding-right:6px;font-size:11px;color:var(--stone-400);font-weight:500;flex-shrink:0;font-variant-numeric:tabular-nums}.outline-view.neat .neat-move-cell{flex:1;min-width:0;display:flex;align-items:center;gap:2px}.outline-view.neat .neat-comment{padding:3px 8px 3px 38px;font-size:12px;line-height:1.5;color:var(--stone-500);font-style:italic;font-weight:400;border-left:2px solid var(--stone-200);margin-left:32px;margin-bottom:4px}.outline-view.neat .neat-variations-block{margin:2px 0}.outline-view.neat .neat-variation-wrapper{margin:1px 0}.outline-view.neat .neat-variation-wrapper.fold-entering{animation:fold-slide-in .15s ease-out}.outline-view.neat .neat-variation-header{display:flex;align-items:center;gap:4px;padding:2px 4px;cursor:pointer;border-radius:3px;-webkit-user-select:none;user-select:none;font-size:12px}.outline-view.neat .neat-variation-header:hover{background:var(--stone-50)}.outline-view.neat .neat-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--stone-400);transition:transform .15s ease;flex-shrink:0}.outline-view.neat .neat-chevron.open{transform:rotate(90deg)}.outline-view.neat .neat-chevron.from-expanded{animation:chevron-collapse .15s ease forwards;transition:none}.outline-view.neat .neat-chevron.open.expanding{animation:chevron-expand .15s ease forwards;transition:none}.outline-view.neat .neat-chevron svg{display:block}.outline-view.neat .neat-var-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.outline-view.neat .neat-var-title{font-weight:600;color:var(--stone-700);font-size:11px}.outline-view.neat .neat-var-preview{font-weight:600;font-size:12px}.outline-view.neat .neat-var-pill{display:inline-block;font-size:9px;font-weight:600;color:var(--pill-fg);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:3px;padding:0 4px;margin-left:3px;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1.5}.outline-view.neat .neat-var-pill:hover{background:var(--pill-bg-hover);border-color:var(--pill-border-hover);color:var(--pill-fg-hover)}.outline-view.neat .neat-var-pill.pill-pop{animation:pill-pop .25s ease}.outline-view.neat .neat-variation-title-row{display:flex;align-items:center;gap:4px;cursor:pointer;padding:1px 0}.outline-view.neat .neat-variation-title-row:hover{background:var(--stone-50)}.outline-view.neat .neat-var-collapse-chevron{position:absolute;left:-20px;top:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;transition:transform .15s ease;transform:rotate(90deg)}.outline-view.neat .neat-var-collapse-chevron:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.neat .neat-var-collapse-chevron svg{display:block}.outline-view.neat .neat-var-collapse-chevron.disabled{opacity:.25;cursor:default}.outline-view.neat .neat-var-collapse-chevron.disabled:hover{color:inherit;background:none}.outline-view.neat .neat-var-collapse-chevron.expanding{animation:chevron-expand .15s ease forwards;transition:none}.outline-view.neat .neat-var-collapse-btn{position:absolute;left:-20px;top:16px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px}.outline-view.neat .neat-var-collapse-btn:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.neat .neat-var-collapse-btn.disabled{opacity:.25;cursor:default}.outline-view.neat .neat-var-collapse-btn.disabled:hover{color:inherit;background:none}.outline-view.neat .neat-var-collapse-inline{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;flex-shrink:0}.outline-view.neat .neat-var-collapse-inline:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.neat .neat-var-collapse-inline.disabled,.outline-view.neat .neat-chevron.disabled{opacity:.25;cursor:default}.outline-view.neat .neat-var-collapse-inline.disabled:hover,.outline-view.neat .neat-chevron.disabled:hover{color:inherit;background:none}.outline-view.neat .neat-variation-title-row.disabled{cursor:default}.outline-view.neat .neat-variation-title-row.disabled:hover{background:none}.outline-view.neat .neat-var-dismiss{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;flex-shrink:0;margin-left:6px}.outline-view.neat .neat-var-dismiss:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.neat .neat-variation-body{position:relative;border-left:2px solid var(--stone-300);margin-left:18px;margin-top:2px;margin-bottom:4px}.outline-view.combined .combined-mainline,.outline-view.combined .combined-segment,.outline-view.combined .combined-move-group{display:inline}.outline-view.combined .combined-inline-comment{display:inline;font-size:12px;line-height:1.6;color:var(--stone-500);font-weight:400;padding:0 3px}.outline-view.combined .combined-variations-block{display:block;margin:2px 0}.outline-view.combined .combined-variation-wrapper{margin:2px 0}.outline-view.combined .combined-variation-wrapper.fold-entering{animation:fold-slide-in .15s ease-out}.outline-view.combined .combined-variation{display:block;border-left:2px solid var(--stone-300);padding-left:12px;margin:4px 0}.outline-view.combined .combined-var-title{font-size:11px;font-weight:600;color:var(--stone-700);cursor:pointer;padding:1px 0}.outline-view.combined .combined-var-title:hover{color:var(--stone-900)}.outline-view.combined .combined-expanded-body{position:relative;margin-left:18px}.outline-view.combined .combined-var-collapse-chevron{position:absolute;left:-20px;top:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;transition:transform .15s ease;transform:rotate(90deg)}.outline-view.combined .combined-var-collapse-chevron:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.combined .combined-var-collapse-chevron svg{display:block}.outline-view.combined .combined-var-collapse-chevron.disabled{opacity:.25;cursor:default}.outline-view.combined .combined-var-collapse-chevron.disabled:hover{color:inherit;background:none}.outline-view.combined .combined-var-collapse-chevron.expanding{animation:chevron-expand .15s ease forwards;transition:none}.outline-view.combined .combined-var-collapse-minus{position:absolute;left:-20px;top:16px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--stone-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px}.outline-view.combined .combined-var-collapse-minus:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.combined .combined-var-collapse-minus.disabled{opacity:.25;cursor:default}.outline-view.combined .combined-var-collapse-minus.disabled:hover{color:inherit;background:none}.outline-view.combined .combined-var-collapse-btn{cursor:pointer;color:var(--stone-400);font-size:14px;font-weight:700;line-height:1.7;padding:0 3px;flex-shrink:0;-webkit-user-select:none;user-select:none;border-radius:3px}.outline-view.combined .combined-var-collapse-btn:hover{color:var(--stone-600);background:var(--stone-100)}.outline-view.combined .combined-variation-preview{display:flex;align-items:center;gap:4px;border-radius:3px;-webkit-user-select:none;user-select:none;font-size:12px;border-left:2px solid var(--stone-300);padding:2px 4px 2px 8px;margin:2px 0}.outline-view.combined .combined-variation-preview:hover{background:var(--stone-50)}.outline-view.combined .combined-variation-preview.fold-entering{animation:fold-slide-in .15s ease-out}.outline-view.combined .combined-var-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--stone-400);cursor:pointer;transition:transform .15s ease;flex-shrink:0}.outline-view.combined .combined-var-chevron.open{transform:rotate(90deg)}.outline-view.combined .combined-var-chevron.from-expanded{animation:chevron-collapse .15s ease forwards;transition:none}.outline-view.combined .combined-var-chevron.open.expanding{animation:chevron-expand .15s ease forwards;transition:none}.outline-view.combined .combined-var-chevron svg{display:block}.outline-view.combined .combined-var-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.outline-view.combined .combined-var-preview-title{font-weight:600;color:var(--stone-700);font-size:11px}.outline-view.combined .combined-var-preview-moves{font-weight:600;font-size:12px}.outline-view.combined .combined-var-collapse-btn.disabled,.outline-view.combined .combined-var-chevron.disabled{opacity:.25;cursor:default}.outline-view.combined .combined-var-collapse-btn.disabled:hover,.outline-view.combined .combined-var-chevron.disabled:hover{color:inherit;background:none}.outline-view.combined .combined-var-title.disabled{cursor:default}.outline-view.combined .combined-var-title.disabled:hover{color:inherit}.outline-view.combined .combined-collapsed-var{display:inline;color:var(--stone-500)}.outline-view.combined .combined-collapse-pill{display:inline-block;font-size:9px;font-weight:600;color:var(--pill-fg);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:3px;padding:0 4px;margin-left:3px;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1.5}.outline-view.combined .combined-collapse-pill:hover{background:var(--pill-bg-hover);border-color:var(--pill-border-hover);color:var(--pill-fg-hover)}.outline-view.combined .combined-collapse-pill.pill-pop{animation:pill-pop .25s ease}.outline-view.combined .combined-expand-pill{display:inline-block;font-size:9px;font-weight:600;color:var(--expand-pill-fg);background:var(--expand-pill-bg);border:1px solid var(--expand-pill-border);border-radius:3px;padding:0 4px;margin-left:3px;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1.5}.outline-view.combined .combined-expand-pill:hover{background:var(--expand-pill-bg-hover);border-color:var(--expand-pill-border-hover);color:var(--expand-pill-fg-hover)}.outline-context-menu{background:var(--popover-bg, #fff);border:1px solid var(--stone-300, #ddd);border-radius:6px;box-shadow:0 4px 12px #0000001f;padding:4px 0;min-width:160px}.outline-context-item{display:block;width:100%;padding:6px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--stone-700, #333);cursor:pointer;font-family:inherit}.outline-context-item:hover{background:var(--stone-100, #f3f3f3)}.preamble-dimmed{opacity:.45}.preamble-dimmed:hover{opacity:.65}.preamble-dimmed .move-token.selected{opacity:1}.neat-mainline-title{display:flex;align-items:center;gap:8px;margin:8px 0 4px;-webkit-user-select:none;user-select:none;grid-column:1 / -1}.neat-mainline-title-line{flex:1;height:1px;background:var(--border-default)}.neat-mainline-title-text{font-size:10px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.combined-inline-title{display:flex;width:100%;flex-basis:100%}.outline-map-controls{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:8px 0 4px;pointer-events:none;z-index:5}.outline-map-controls>*{pointer-events:auto}.outline-map-controls-left,.outline-map-controls-right{display:flex;align-items:center}.outline-coverage-controls{display:flex;align-items:center;gap:5px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;padding:0 6px;height:24px}.outline-view .subway-map-mode-group{display:flex;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;overflow:hidden}.outline-view .subway-map-mode-btn{padding:0 8px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;font-family:var(--font-sans, system-ui, -apple-system, sans-serif);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s;position:relative}.outline-view .subway-map-mode-btn:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:var(--stone-200)}.outline-view .subway-map-mode-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-hover)}.outline-view .subway-map-mode-btn--active{color:var(--explore-accent-text);background:var(--explore-accent-bg);font-weight:600}.outline-view .subway-map-mode-btn--coverage.subway-map-mode-btn--active{color:var(--coverage-covered);background:var(--coverage-covered-bg)}.outline-view .subway-map-mode-btn--staged:not(:disabled){color:var(--graph-staged-node, #a78bfa)}.outline-view .subway-map-mode-btn--staged.subway-map-mode-btn--active{color:var(--graph-staged-node, #a78bfa);background:color-mix(in srgb,var(--purple-accent) 12%,transparent)}.outline-view .subway-map-mode-btn:disabled{opacity:.35;cursor:not-allowed}.outline-view .subway-cov-label{font-size:10px;font-weight:500;font-family:var(--font-sans, system-ui, -apple-system, sans-serif);color:var(--text-muted);flex-shrink:0}.outline-view .subway-cov-sep{width:1px;height:14px;background:var(--stone-200);flex-shrink:0}.outline-view .subway-cov-select{height:18px;padding:0 14px 0 4px;font-size:10px;font-family:var(--font-sans, system-ui, -apple-system, sans-serif);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--stone-200);border-radius:3px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%23999' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center}.outline-view .subway-cov-select:hover{border-color:var(--text-muted)}.outline-view .subway-cov-select:focus{outline:none;border-color:var(--coverage-covered)}.outline-view .subway-cov-pill{padding:0 5px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-sans, system-ui, -apple-system, sans-serif);font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--stone-200);cursor:pointer}.outline-view .subway-cov-pill.active{color:var(--coverage-covered);background:var(--coverage-covered-bg);font-weight:600}.outline-view .subway-cov-pill:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.outline-view .subway-cov-toggle{border-radius:3px;min-width:26px}.study-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.study-panel-header{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);flex-shrink:0;min-height:32px}.study-btn{padding:4px 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary);transition:all .15s}.study-btn:hover{background:var(--bg-hover);border-color:var(--text-placeholder)}.study-btn.active{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-amber)}.study-btn:disabled{opacity:.5;cursor:not-allowed}.study-diff-range{display:flex;align-items:center;gap:2px}.study-diff-sep{font-size:11px;color:var(--text-faint);padding:0 1px}.study-diff-toggle{display:flex;gap:0;border:1px solid var(--border-input);border-radius:4px;overflow:hidden}.study-diff-btn{padding:3px 8px;border:none;border-right:1px solid var(--border-input);background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary)}.study-diff-btn:last-child{border-right:none}.study-diff-btn:hover{background:var(--bg-hover)}.study-diff-btn.active{background:var(--accent-blue-bg);color:var(--accent-blue-hover);font-weight:600}.study-pair-count{font-size:11px;color:var(--text-muted);margin-left:auto}.study-linking-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);font-size:12px;color:var(--color-warning-text);flex-shrink:0}.study-linking-cancel{margin-left:auto;padding:2px 8px;border:1px solid var(--color-amber-border);border-radius:3px;background:transparent;color:var(--color-warning-text);cursor:pointer;font-size:11px;font-family:inherit}.study-linking-cancel:hover{background:var(--color-warning-border)}.study-pairs-list{flex:1;overflow-y:auto;padding:8px}.study-empty{text-align:center;color:var(--text-faint);font-style:italic;padding:24px 12px;font-size:12px;line-height:1.5}.study-pair-card{display:flex;flex-direction:column;gap:6px;padding:8px;margin-bottom:8px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:6px}.study-pair-boards{display:flex;align-items:flex-start;gap:8px}.study-pair-board{flex:1 1 0;min-width:0;cursor:pointer;text-align:center;overflow:hidden}.study-pair-board:hover{opacity:.85}.study-pair-board .chess-board-container,.study-pair-board .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input)}.study-pair-board canvas{max-width:100%;height:auto}.study-pair-label{font-size:10px;color:var(--text-muted);margin-top:2px}.study-pair-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.study-pair-diff{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--bg-inset);color:var(--text-tertiary)}.study-pair-auto{font-size:9px;padding:1px 4px;border-radius:2px;background:var(--accent-blue-bg);color:var(--accent-blue-hover)}.study-pair-link{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-placeholder);cursor:pointer;border-radius:3px;font-size:14px;font-family:inherit;transition:color .15s}.study-pair-link:hover{color:var(--accent-primary)}.study-pair-link.linked{color:var(--accent-primary);cursor:default}.study-pair-delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-placeholder);cursor:pointer;border-radius:3px;font-size:16px;font-family:inherit;margin-top:auto}.study-pair-delete:hover{background:var(--color-error-bg);color:var(--color-error)}.study-pair-notes{padding:0 2px}.study-pair-notes-input{width:100%;padding:4px 6px;border:1px solid var(--border-input);border-radius:3px;font-family:inherit;font-size:11px;line-height:1.4;resize:vertical;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.study-pair-notes-input:focus{outline:none;border-color:var(--accent-blue)}.study-pair-notes-add{border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:11px;font-family:inherit;padding:2px 0}.study-pair-notes-add:hover{color:var(--text-tertiary)}.study-show-more{display:block;width:100%;padding:6px;margin-bottom:8px;border:1px dashed var(--stone-300);border-radius:4px;background:transparent;color:var(--stone-500);cursor:pointer;font-size:11px;font-family:inherit;text-align:center}.study-show-more:hover{background:var(--stone-100);border-color:var(--stone-400);color:var(--stone-700)}.search-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-mode-toggle{display:flex;padding:6px 12px;gap:0;flex-shrink:0;background:var(--bg-surface-alt);min-height:32px;align-items:center}.search-mode-btn{padding:4px 14px;border:1px solid var(--border-input);background:var(--bg-panel);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary)}.search-mode-btn:first-child{border-radius:4px 0 0 4px}.search-mode-btn:last-child{border-radius:0 4px 4px 0}.search-mode-btn+.search-mode-btn{border-left:none}.search-mode-btn.active{background:var(--accent-blue-bg);color:var(--accent-blue-hover);border-color:#90caf9;font-weight:600}.search-input-area{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.search-input{flex:1;padding:6px 10px;border:1px solid var(--border-input);border-radius:4px;font-size:12px;font-family:inherit;line-height:1.4;background:var(--input-bg);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-blue)}.search-btn{padding:6px 14px;border:1px solid var(--accent-blue);border-radius:4px;background:var(--accent-blue);color:#fff;cursor:pointer;font-size:12px;font-family:inherit;align-self:flex-end;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--accent-blue-hover)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-error{padding:6px 12px;background:var(--color-error-bg);color:var(--color-error);font-size:12px;border-bottom:1px solid var(--color-error-border)}.search-results{flex:1;overflow-y:auto;padding:8px}.search-result-count{font-size:11px;color:var(--text-muted);padding:4px 4px 8px}.search-result-card{display:flex;gap:10px;padding:8px;margin-bottom:6px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:background .1s}.search-result-card:hover{background:var(--bg-hover);border-color:var(--border-strong)}.search-result-board{flex-shrink:0}.search-result-board .chess-board-container,.search-result-board .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input)}.search-result-info{display:flex;flex-direction:column;gap:4px;min-width:0}.search-result-move{font-size:13px;font-weight:600}.search-result-comment{font-size:11px;color:var(--text-tertiary);line-height:1.4}.search-empty{text-align:center;color:var(--text-faint);font-style:italic;padding:24px 12px;font-size:12px;line-height:1.5}.search-position-area{display:flex;flex-direction:column;gap:6px;padding:0 0 6px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.search-position-area .search-input-area{border-bottom:none}.search-position-open-btn{margin:0 12px;padding:8px 14px;border:1px dashed var(--stone-400);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--text-secondary);transition:border-color .15s,color .15s;text-align:center}.search-position-open-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);border-style:solid}.search-position-clear-btn{margin:0 12px;padding:5px 10px;border:1px solid var(--stone-300);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-muted);text-align:center}.search-position-clear-btn:hover{background:var(--stone-100);color:var(--color-error);border-color:var(--color-error-border)}.search-result-chapter{font-size:11px;color:var(--text-muted)}.position-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;height:100%;overflow-y:auto}.position-preview-empty{color:var(--text-faint);font-style:italic;font-size:12px;padding:24px 8px;text-align:center}.position-preview-board{flex-shrink:0}.position-preview-board .chess-board-container,.position-preview-board .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input)}.position-preview-nav{display:flex;align-items:center;flex-shrink:0}.position-preview-nav .nav-buttons{gap:2px}.position-preview-nav .nav-btn{padding:2px 6px;font-size:11px}.position-preview-moves{display:flex;flex-wrap:wrap;gap:2px;font-size:11px;font-family:JetBrains Mono,monospace;line-height:1.6;width:100%;max-height:60px;overflow-y:auto}.preview-move-token{cursor:pointer;padding:0 2px;border-radius:2px;color:var(--text-secondary)}.preview-move-token:hover{background:var(--bg-inset)}.preview-move-token.active{background:var(--focus-bg);color:#1e40af;font-weight:600}.preview-move-number{color:var(--text-faint);margin-right:1px}.position-preview-title{font-size:12px;font-weight:600;color:var(--text-primary);width:100%;text-align:center}.position-preview-notes{font-size:11px;color:var(--text-tertiary);line-height:1.4;width:100%;padding:4px 6px;background:var(--bg-panel);border-radius:3px;border-left:2px solid var(--accent-blue)}.position-preview-comment{font-size:11px;color:var(--text-secondary);line-height:1.4;width:100%;padding:4px 6px;background:var(--badge-inaccuracy-bg);border-radius:3px;border-left:2px solid var(--color-gold);font-style:italic}.position-preview-tags{display:flex;flex-wrap:wrap;gap:3px;width:100%;justify-content:center}.preview-tag-pill{display:inline-block;padding:1px 5px;border:1px solid;border-radius:3px;font-size:9px;font-weight:500}.pair-preview-boards{display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:center;width:100%}.pair-preview-board-item{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.piece-icon{font-size:1.1em;margin-right:1px}.pair-preview-board-item .chess-board-container,.pair-preview-board-item .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input)}.pair-preview-board-item canvas{max-width:100%;height:auto}.pair-preview-label{font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;margin-top:2px}.pair-preview-diff-badge{font-size:10px;padding:2px 8px;border-radius:10px;background:var(--bg-inset);color:var(--text-secondary)}.linked-preview-actions{display:flex;align-items:center;gap:6px;width:100%}.linked-preview-action-btns{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.linked-action-btn{padding:3px 8px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:10px;font-family:inherit;color:var(--text-secondary);transition:all .15s}.linked-action-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.linked-action-btn.delete{color:var(--color-error);border-color:var(--color-error-border)}.linked-action-btn.delete:hover{background:var(--color-error-bg)}.linked-preview-members-vertical{display:flex;flex-direction:column;gap:12px;width:100%}.linked-member-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.linked-member-item:last-child{border-bottom:none;padding-bottom:0}.linked-member-label{font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary)}.linked-member-board .chess-board-container,.linked-member-board .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input)}.linked-member-nav .nav-buttons{gap:2px}.linked-member-nav .nav-btn{padding:2px 6px;font-size:11px}.preview-flip-btn{padding:2px 6px;border:1px solid var(--border-default);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:12px;color:var(--text-muted);line-height:1;margin-left:4px}.preview-flip-btn:hover{background:var(--bg-hover)}.saved-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.saved-empty{text-align:center;color:var(--text-faint);font-style:italic;padding:24px 12px;font-size:12px;line-height:1.5}.saved-header.middle-options{padding:6px 12px}.saved-header-title{font-size:11px;color:var(--text-muted);margin-right:auto;white-space:nowrap}.saved-annotation-toggle.middle-option-btn{font-size:10px}.saved-annotation-toggle.active{background:var(--segmented-active-bg);color:var(--segmented-active-text);border-color:var(--stone-400)}.saved-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);background:var(--bg-surface-alt);flex-shrink:0}.saved-tab{flex:1;padding:6px 8px;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-muted);transition:all .15s;white-space:nowrap}.saved-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.saved-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.saved-split{display:flex;flex:1;min-height:0}.saved-list{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--border-default)}.saved-preview{width:240px;flex-shrink:0;overflow-y:auto;background:var(--bg-surface-alt);padding:12px 10px}.saved-preview-empty{color:var(--text-faint);font-style:italic;font-size:12px;padding:24px 8px;text-align:center}.saved-row{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid var(--bg-hover);transition:all .1s;min-height:36px}.saved-row:hover{background:var(--bg-hover)}.saved-row.selected{background:var(--accent-blue-bg);border-left-color:var(--accent-primary)}.saved-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.saved-row-top{display:flex;align-items:center;gap:5px}.saved-row-star{color:var(--color-gold);font-size:11px}.saved-row-opening{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-row-opening-name{font-size:9px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-row-note{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-row-tags{display:flex;gap:3px;flex-shrink:0}.saved-row-tags .tag-pill{display:inline-block;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:500;border:1px solid}.saved-row-move{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap}.saved-row-badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--border-default);color:var(--text-secondary);flex-shrink:0}.saved-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s}.saved-row:hover .saved-row-actions{opacity:1}.saved-row-action-btn{border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--text-faint);padding:0 2px;line-height:1;border-radius:3px}.saved-row-action-btn:hover{background:var(--focus-bg);color:#1e40af}.saved-row-action-btn.delete:hover{background:var(--color-error-bg);color:var(--color-error)}.saved-grid-list-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.saved-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;align-content:start}.saved-grid-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:6px;cursor:pointer;border:2px solid transparent;background:var(--bg-surface-alt);transition:all .15s}.saved-grid-cell:hover{border-color:var(--accent-primary);background:var(--accent-blue-bg);box-shadow:0 1px 3px #00000014}.saved-grid-cell.selected{border-color:var(--accent-primary);background:var(--accent-blue-bg);box-shadow:0 1px 4px #2196f326}.saved-grid-info{display:flex;align-items:center;gap:3px;justify-content:center}.saved-grid-label{font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.saved-grid-sublabel{font-size:9px;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.saved-grid-tags{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.tag-pill-mini{display:inline-block;padding:0 4px;border-radius:3px;font-size:8px;font-weight:500}.saved-grid-badge{font-size:8px;padding:0 4px;border-radius:6px;background:var(--border-default);color:var(--text-secondary)}.saved-grid-pair-boards{display:flex;gap:4px;justify-content:center}.saved-grid-linked-boards{display:grid;grid-template-columns:1fr 1fr;gap:4px;justify-items:center}.saved-grid-container.linked-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.saved-grid-linked-actions{display:flex;gap:4px;margin-top:2px}.saved-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px;border-top:1px solid var(--border-subtle);flex-shrink:0}.saved-pagination-btn{padding:2px 8px;border:1px solid var(--border-input);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:10px;font-family:inherit;color:var(--text-secondary)}.saved-pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-placeholder)}.saved-pagination-btn:disabled{opacity:.4;cursor:default}.saved-pagination-info{font-size:10px;color:var(--text-muted)}.saved-learning-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.saved-learning-dot.mastered{background:#22c55e}.saved-learning-dot.learning{background:#eab308}.filtered-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.filtered-panel-header{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);flex-shrink:0;min-height:32px}.filtered-count{font-size:11px;color:var(--text-muted);margin-right:auto}.filtered-btn{padding:4px 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary);transition:all .15s}.filtered-btn:hover{background:var(--bg-hover);border-color:var(--text-placeholder)}.filtered-btn.active{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-accent)}.filtered-empty{text-align:center;color:var(--text-faint);font-style:italic;padding:24px 12px;font-size:12px;line-height:1.5}.filtered-split{display:flex;flex:1;min-height:0}.filtered-list{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--border-default)}.filtered-preview{width:200px;flex-shrink:0;overflow-y:auto;background:var(--bg-surface-alt)}.filtered-preview-empty{color:var(--text-faint);font-style:italic;font-size:12px;padding:24px 8px;text-align:center}.filtered-row{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;border-left:3px solid transparent;transition:all .1s;min-height:28px}.filtered-row:hover{background:var(--bg-hover)}.filtered-row.selected{background:var(--accent-blue-bg);border-left-color:var(--accent-primary)}.filtered-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.filtered-row-move{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtered-row-star{color:var(--color-amber);font-size:11px}.filtered-row-tags{display:flex;flex-wrap:wrap;gap:2px}.filtered-row-tag{display:inline-block;padding:0 4px;border:1px solid;border-radius:2px;font-size:8px;font-weight:500}.filtered-row-title{font-size:10px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtered-row-number{font-size:10px;color:var(--text-placeholder);flex-shrink:0}.filtered-grid-list-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.filtered-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:12px;flex:1}.filtered-grid-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .1s}.filtered-grid-cell:hover{border-color:var(--accent-primary);background:var(--accent-blue-bg)}.filtered-grid-label{font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.filtered-grid-tag-dots{display:flex;gap:3px;justify-content:center}.filtered-grid-dot{width:6px;height:6px;border-radius:50%}.filtered-list-container{flex:1}.filtered-list-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--stone-100);transition:background .1s}.filtered-list-row:hover{background:var(--stone-50)}.filtered-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.filtered-list-move{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtered-list-title{font-size:10px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtered-list-tags{display:flex;flex-wrap:wrap;gap:2px;flex-shrink:0}.filtered-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px;border-top:1px solid var(--border-subtle)}.filtered-pagination-btn{padding:2px 8px;border:1px solid var(--border-input);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:10px;font-family:inherit;color:var(--text-secondary)}.filtered-pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-placeholder)}.filtered-pagination-btn:disabled{opacity:.4;cursor:default}.filtered-pagination-info{font-size:10px;color:var(--text-muted)}.page-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-shell-header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0}.page-shell-breadcrumb,.page-shell-top-panel,.page-shell-info-bar{flex-shrink:0}.page-shell-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.three-column-layout{display:grid;grid-template-rows:1fr;flex:1;overflow:hidden}.three-column-layout>*:not(.resize-handle){min-height:0}.sidebar-layout{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar-layout-sidebar{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-layout-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.resize-handle{width:1px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;z-index:10;padding:0 3px;margin:0 -3px}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--border-default)}.resize-handle:first-of-type:after{right:0}.resize-handle:last-of-type:after{left:0}.resize-handle:hover:after,.resize-handle:active:after{background:var(--accent-primary);opacity:.5}.right-panel-content{transition:opacity .2s ease,transform .2s ease;opacity:1;transform:translate(0);width:100%;flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.right-panel-content.collapsed{opacity:0;transform:translate(20px);pointer-events:none}.right-panel-collapsed{width:0!important;min-width:0!important;overflow:hidden!important;border-left:none!important;padding:0!important;opacity:0;pointer-events:none}.position-analysis-panel{display:flex;flex-direction:column;gap:6px}.pa-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pa-header-left{display:flex;align-items:center;gap:6px}.pa-header-right{display:flex;align-items:center;gap:8px}.pa-classification{font-size:13px;font-weight:600;text-transform:capitalize}.pa-eval-score{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:13px;font-weight:700;color:var(--stone-700)}.pa-depth{font-size:10px;color:var(--stone-400);cursor:help;display:flex;align-items:center;gap:4px;border-bottom:1px dotted var(--stone-300)}.pa-analyzing-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--color-engine);animation:pa-pulse 1.5s ease-in-out infinite}@keyframes pa-pulse{0%,to{opacity:.3}50%{opacity:1}}.pa-best-move{display:flex;align-items:center;gap:6px}.pa-best-move-label{font-size:10px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.3px}.pa-best-move-san{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;color:var(--stone-700)}.pa-motifs{display:flex;flex-wrap:wrap;gap:4px}.pa-motif-pill{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;text-transform:capitalize}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-default);flex-shrink:0}.modal-title{font-size:14px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-tertiary);padding:0 4px;line-height:1;border-radius:4px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{overflow-y:auto;flex:1;padding:12px 16px}:root{--sc-accent: var(--accent-primary);--sc-accent-bg: var(--accent-blue-bg);--sc-accent-hover: rgba(37, 99, 235, .15);--sc-move-fg: var(--accent-primary);--sc-move-bg: rgba(37, 99, 235, .1);--sc-move-bg-hover: rgba(37, 99, 235, .18);--sc-move-line: rgba(37, 99, 235, .35);--sc-move-line-dim: rgba(37, 99, 235, .2);--sc-arrow-fg: var(--purple-text);--sc-arrow-bg: var(--purple-bg);--sc-arrow-bg-hover: rgba(109, 40, 217, .15);--sc-square-fg: var(--color-success);--sc-square-bg: rgba(22, 163, 74, .1);--sc-square-bg-hover: rgba(22, 163, 74, .18);--sc-invalid-fg: var(--color-error);--sc-invalid-bg: rgba(220, 38, 38, .08);--sc-nag-good: var(--accent-primary);--sc-nag-bad: var(--color-amber);--sc-eval-good: var(--accent-primary);--sc-eval-bad: var(--color-amber);--sc-eval-position: var(--color-success)}[data-theme=dark]{--sc-accent: #58a6ff;--sc-accent-bg: #0d2240;--sc-accent-hover: rgba(88, 166, 255, .15);--sc-move-fg: #58a6ff;--sc-move-bg: rgba(88, 166, 255, .12);--sc-move-bg-hover: rgba(88, 166, 255, .22);--sc-move-line: rgba(88, 166, 255, .4);--sc-move-line-dim: rgba(88, 166, 255, .25);--sc-arrow-fg: #c4b5fd;--sc-arrow-bg: rgba(167, 139, 250, .12);--sc-arrow-bg-hover: rgba(167, 139, 250, .22);--sc-square-fg: #3fb950;--sc-square-bg: rgba(63, 185, 80, .12);--sc-square-bg-hover: rgba(63, 185, 80, .22);--sc-invalid-fg: #f85149;--sc-invalid-bg: rgba(248, 81, 73, .1);--sc-nag-good: #58a6ff;--sc-nag-bad: #e3b341;--sc-eval-good: #58a6ff;--sc-eval-bad: #e3b341;--sc-eval-position: #3fb950}.smart-comment-container{display:flex;flex-direction:column;gap:6px;width:100%}.sc-title-row{display:flex;align-items:baseline;gap:0;padding:0 0 2px;min-height:22px}.sc-title-move-label{font:500 13px/1 system-ui,sans-serif;color:var(--text-primary);cursor:pointer;padding:2px 4px;border-radius:3px;border:1px solid transparent}.sc-title-move-label:hover{background:var(--bg-hover);border-color:var(--border-default)}.sc-title-custom{font-weight:600}.sc-title-move-suffix{font:400 11px system-ui,sans-serif;color:var(--text-muted);margin-left:4px}.sc-title-input-inline{font:500 13px/1 system-ui,sans-serif;color:var(--text-primary);border:1px solid var(--sc-accent);background:var(--bg-surface);outline:none;padding:2px 4px;border-radius:3px;flex:1;min-width:0}.sc-title-input-inline::placeholder{color:var(--text-placeholder);font-weight:400}.sc-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default)}.sc-tab{padding:4px 12px;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:11px;font-weight:500;color:var(--text-muted);transition:all .15s;display:flex;align-items:center;gap:0}.sc-tab:hover{color:var(--text-secondary)}.sc-tab.active{color:var(--sc-accent);border-bottom-color:var(--sc-accent);font-weight:600}.sc-tab-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--text-muted);margin-left:5px}.sc-tab.active .sc-tab-dot{background:var(--sc-accent)}.sc-tabs-right{margin-left:auto;display:flex;align-items:center;gap:2px;padding-right:4px}.sc-tab-action{width:26px;height:26px;border:none;border-radius:3px;background:transparent;cursor:pointer;font-size:16px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.sc-tab-action:hover{background:var(--stone-100);color:var(--text-secondary)}.sc-tab-action.active{background:var(--sc-accent-bg);color:var(--sc-accent)}.sc-format-toggle{display:flex;border:1px solid var(--stone-300);border-radius:3px;overflow:hidden;margin-left:4px}.sc-format-toggle button{padding:1px 6px;border:none;background:transparent;cursor:pointer;font-size:10px;font-family:inherit;color:var(--text-tertiary);line-height:1.4}.sc-format-toggle button:first-child{border-right:1px solid var(--stone-300)}.sc-format-toggle button:hover:not(.active){background:var(--stone-100)}.sc-format-toggle button.active{background:var(--segmented-active-bg);color:var(--segmented-active-text)}.sc-branch-title-row{padding:2px 4px}.sc-branch-input{width:100%;font:500 13px system-ui,sans-serif;color:var(--text-primary);border:1px dashed transparent;background:none;outline:none;padding:2px 4px;border-radius:3px}.sc-branch-input:hover{border-color:var(--border-default)}.sc-branch-input:focus{border-color:var(--sc-accent);border-style:solid;background:var(--bg-surface)}.sc-branch-input::placeholder{color:var(--text-placeholder);font-weight:400}.sc-toolbar{display:flex;gap:4px;padding:6px 8px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:8px;align-items:center;flex-wrap:wrap;margin:4px 0 0}.sc-toolbar-group{display:flex;gap:4px;align-items:center}.sc-toolbar-sep{width:1px;height:24px;background:var(--border-default);margin:0 6px}.sc-toolbar-btn{background:none;border:1px solid transparent;color:var(--text-muted);padding:5px 10px;border-radius:5px;font:500 12px system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s}.sc-toolbar-btn:hover{background:var(--sc-accent-hover);color:var(--text-primary);border-color:var(--border-default)}.sc-toolbar-btn.active{background:var(--sc-accent-hover);color:var(--sc-accent);border-color:var(--sc-accent)}.sc-toolbar-btn .icon{font-size:13px}.sc-eval-palette{display:none;padding:6px 8px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:8px;gap:2px;flex-wrap:wrap}.sc-eval-palette.visible{display:flex}.sc-eval-chip{padding:4px 10px;border-radius:4px;border:1px solid var(--border-default);font:600 13px monospace;cursor:pointer;background:none;transition:all .12s}.sc-eval-chip:hover{border-color:var(--sc-accent)}.sc-eval-chip.good{color:var(--sc-eval-good)}.sc-eval-chip.good:hover{background:var(--sc-accent-hover)}.sc-eval-chip.bad{color:var(--sc-eval-bad)}.sc-eval-chip.bad:hover{background:#d977061f}.sc-eval-chip.neutral{color:var(--text-muted)}.sc-eval-chip.neutral:hover{background:var(--bg-hover)}.sc-eval-chip.position{color:var(--sc-eval-position)}.sc-eval-chip.position:hover{background:#16a34a1a}.sc-editor{width:100%;min-height:80px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font:14px/1.8 system-ui,sans-serif;outline:none;white-space:pre-wrap;word-wrap:break-word;position:relative}.sc-editor:focus{border-color:var(--sc-accent)}.sc-editor-readonly{cursor:default}.sc-editor-editable{border-color:var(--sc-accent);cursor:text;caret-color:var(--sc-accent)}.sc-editor-editable:focus{border-color:var(--sc-accent);box-shadow:0 0 0 1px #2563eb33}[data-theme=dark] .sc-editor-editable:focus{box-shadow:0 0 0 1px #58a6ff40}.sc-editor-plain{width:100%;resize:vertical;font:13px/1.6 monospace;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px;outline:none}.sc-editor-plain:focus{border-color:var(--sc-accent)}.sc-editor-plain::placeholder{color:var(--text-placeholder);font-family:system-ui,sans-serif;font-style:italic}.sc-rich-disclaimer{font:400 11px/1.3 var(--font-ui, system-ui, sans-serif);color:var(--text-muted);padding:4px 8px 2px}.sc-edit-actions{display:flex;justify-content:flex-end;gap:6px;padding:4px 8px 6px}.sc-edit-btn{font:500 12px/1 var(--font-ui, system-ui, sans-serif);padding:4px 10px;border-radius:4px;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.sc-edit-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sc-edit-save{background:var(--sc-accent);color:#fff;border-color:var(--sc-accent)}.sc-edit-save:hover{opacity:.9}.sc-chip{display:inline;padding:1px 6px;border-radius:4px;font:500 13px monospace;white-space:nowrap;cursor:default;transition:all .12s}.sc-chip-move{background:var(--sc-move-bg);color:var(--sc-move-fg)}.sc-chip-move:hover{background:var(--sc-move-bg-hover);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.sc-chip-movenum{background:none;color:var(--sc-move-fg);opacity:.55;padding:0 1px;font-size:12px}.sc-chip-nag{font-weight:700;padding:0 2px}.sc-chip-nag.good{color:var(--sc-nag-good)}.sc-chip-nag.bad{color:var(--sc-nag-bad)}.sc-chip-nag.interesting,.sc-chip-nag.neutral{color:var(--text-muted)}.sc-chip-arrow{background:var(--sc-arrow-bg);color:var(--sc-arrow-fg)}.sc-chip-arrow:hover{background:var(--sc-arrow-bg-hover)}.sc-chip-square{background:var(--sc-square-bg);color:var(--sc-square-fg)}.sc-chip-square:hover{background:var(--sc-square-bg-hover)}.sc-chip-invalid{background:var(--sc-invalid-bg);color:var(--sc-invalid-fg);text-decoration:wavy underline;text-decoration-color:var(--sc-invalid-fg);text-underline-offset:3px}.sc-chip-paren{color:var(--text-muted);font-weight:700;opacity:.6}.sc-mn{opacity:.55;font-size:12px;margin-right:1px}.sc-ng{font-weight:700;margin-left:1px}.sc-ng.good{color:var(--sc-nag-good)}.sc-ng.bad{color:var(--sc-nag-bad)}.sc-ng.interesting,.sc-ng.neutral{color:var(--text-muted)}.sc-chip-line{border-bottom:2px solid var(--sc-move-line);padding-bottom:0}.sc-chip-movenum.sc-chip-line{border-bottom-color:var(--sc-move-line-dim)}.sc-chip-selected{outline:2px solid var(--sc-accent);outline-offset:1px;border-radius:4px}.sc-editor-pill-selected{caret-color:transparent}.sc-btn-sm{padding:4px 10px;border-radius:5px;font:500 11px system-ui,sans-serif;cursor:pointer;border:none}.sc-btn-insert{background:var(--sc-accent);color:#fff}.sc-btn-insert:hover{filter:brightness(1.1)}.sc-btn-insert:disabled{opacity:.5;cursor:default;filter:none}.sc-btn-cancel{background:var(--bg-active);color:var(--text-muted)}.sc-btn-cancel:hover{background:var(--bg-hover);color:var(--text-secondary)}.sc-board-badge{margin-top:6px;font-size:11px;color:var(--text-muted);min-height:18px;text-align:center;transition:all .15s}.sc-board-badge.preview{color:var(--sc-square-fg);font-weight:500}.sc-board-badge.exploratory{color:var(--color-amber);font-weight:500}.sc-board-badge.game-move,.sc-board-badge.active-mode{color:var(--sc-accent);font-weight:500}.sc-output{padding:14px;background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:8px}.sc-output-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sc-output-raw{font:13px/1.5 monospace;color:var(--text-muted);white-space:pre-wrap;word-break:break-all}.sc-mode-hint{font-size:11px;color:var(--sc-accent);padding:2px 8px;background:var(--sc-accent-bg);border-radius:4px;width:100%;text-align:center;margin-top:2px}.sc-edit-container{display:flex;flex-direction:column;gap:4px}.sc-editor-textarea{font:13px/1.6 monospace!important;resize:vertical;min-height:80px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--sc-accent)}.sc-preview-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:4px}.sc-preview{border-color:#16a34a40!important;min-height:40px!important;font-size:13px}.scp-board-overlay{position:absolute;inset:0;z-index:10;cursor:crosshair;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.scp-board-overlay-sq{transition:background .1s}.scp-board-overlay-sq:hover{background:#2563eb33}[data-theme=dark] .scp-board-overlay-sq:hover{background:#58a6ff40}.sc-tags-panel{padding:8px 10px}.sc-tags-section{margin-bottom:8px}.sc-tags-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.sc-tags-chips{display:flex;flex-wrap:wrap;gap:4px}.sc-tags-empty{font-size:12px;color:var(--text-muted);font-style:italic}.sc-tag-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;border:1.5px solid;font-size:11px;font-weight:500;cursor:pointer;background:none;color:var(--text-primary);font-family:inherit;transition:background .12s,color .12s}.sc-tag-chip:hover:not(.sc-tag-system){opacity:.8}.sc-tag-chip.active{color:#fff}.sc-tag-chip.sc-tag-system{color:#fff;opacity:.8;cursor:default;font-size:10px}.side-panel-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;color:var(--stone-500);padding:0;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.side-panel-toggle:hover{color:var(--stone-800);border-color:var(--stone-400);background:var(--stone-100)}.learning-panel{display:flex;flex-direction:column;gap:8px}.learning-not-drilled{font-size:12px;color:var(--text-faint);font-style:italic}.learning-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;width:fit-content}.learning-status-badge[data-status=mastered]{background:#dcfce7;color:#166534}.learning-status-badge[data-status=learning]{background:#fef9c3;color:#854d0e}.learning-status-badge[data-status=new]{background:var(--bg-hover);color:var(--text-muted)}.learning-stats{display:flex;flex-direction:column;gap:4px}.learning-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.learning-stat-label{color:var(--text-muted)}.learning-stat-value{color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums}.learning-filter-pills{display:flex;gap:4px}.learning-filter-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface);cursor:pointer;font-size:10px;font-weight:500;color:var(--text-muted);transition:all .15s;font-family:inherit}.learning-filter-pill:hover{border-color:var(--border-hover);color:var(--text-secondary)}.learning-filter-pill.active{font-weight:600}.learning-filter-pill.active[data-status=new]{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.learning-filter-pill.active[data-status=learning]{background:#fef9c3;border-color:#facc15;color:#854d0e}.learning-filter-pill.active[data-status=mastered]{background:#dcfce7;border-color:#4ade80;color:#166534}.learning-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:2px;vertical-align:middle}.learning-dot.mastered{background:#22c55e}.learning-dot.learning{background:#eab308}.tsb-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tsb-modal{background:var(--bg-surface, #fff);border-radius:12px;width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.tsb-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--stone-200, #e7e5e4)}.tsb-header h2{margin:0;font-size:16px;font-weight:600}.tsb-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--stone-500, #78716c);padding:4px 8px}.tsb-steps{display:flex;align-items:center;justify-content:center;padding:12px 20px 0;gap:0}.tsb-step{display:flex;align-items:center;gap:6px}.tsb-step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--stone-200, #e7e5e4);color:var(--stone-500, #78716c);flex-shrink:0}.tsb-step-label{font-size:12px;color:var(--stone-400, #a8a29e);font-weight:500}.tsb-step.active .tsb-step-dot{background:var(--blue-600, #2563eb);color:#fff}.tsb-step.active .tsb-step-label{color:var(--stone-800, #292524);font-weight:600}.tsb-step.done .tsb-step-dot{background:var(--green-500, #22c55e);color:#fff}.tsb-step.done .tsb-step-label{color:var(--stone-600, #57534e)}.tsb-step-connector{width:32px;height:2px;background:var(--stone-200, #e7e5e4);margin:0 8px;flex-shrink:0}.tsb-step.done+.tsb-step-connector,.tsb-step-connector.done{background:var(--green-400, #4ade80)}.tsb-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.tsb-recipes{display:flex;flex-direction:column;gap:6px}.tsb-recipe-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--stone-200, #e7e5e4);border-radius:8px;background:var(--bg-surface, #fff);cursor:pointer;text-align:left;transition:border-color .15s}.tsb-recipe-card:hover:not(:disabled){border-color:var(--blue-400, #60a5fa)}.tsb-recipe-card:disabled{opacity:.5;cursor:default}.tsb-recipe-icon{width:36px;height:36px;border-radius:50%;background:var(--blue-50, #eff6ff);color:var(--blue-600, #2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tsb-recipe-icon svg{width:18px;height:18px;stroke-width:2}.tsb-recipe-icon.blue{background:var(--blue-50, #eff6ff);color:var(--blue-600, #2563eb)}.tsb-recipe-icon.green{background:var(--green-50, #f0fdf4);color:var(--green-600, #16a34a)}.tsb-recipe-icon.amber{background:var(--amber-50, #fffbeb);color:var(--amber-600, #d97706)}.tsb-recipe-icon.purple{background:var(--purple-50, #faf5ff);color:var(--purple-600, #9333ea)}.tsb-recipe-icon.orange{background:var(--orange-50, #fff7ed);color:var(--orange-600, #ea580c)}.tsb-recipe-icon.red{background:#fef2f2;color:#b45252}.tsb-recipe-info{display:flex;flex-direction:column;gap:2px}.tsb-recipe-info strong{font-size:14px;color:var(--stone-800, #292524)}.tsb-recipe-info span{font-size:12px;color:var(--stone-500, #78716c)}.tsb-recipe-avail{font-size:11px;color:var(--stone-400, #a8a29e);margin-top:1px}.tsb-badge{margin-left:auto;padding:2px 8px;border-radius:10px;background:var(--stone-100, #f5f5f4);color:var(--stone-500, #78716c);font-size:11px;font-weight:500}.tsb-configure{display:flex;flex-direction:column;gap:14px}.tsb-field{display:flex;flex-direction:column;gap:4px}.tsb-field label{font-size:12px;font-weight:600;color:var(--stone-600, #57534e);text-transform:uppercase;letter-spacing:.5px}.tsb-field input,.tsb-field select{padding:6px 10px;border:1px solid var(--stone-300, #d6d3d1);border-radius:6px;font-size:13px;background:var(--bg-surface, #fff);color:var(--stone-800, #292524)}.tsb-field input[type=range]{padding:0;border:none}.tsb-hint{font-size:11px;color:var(--stone-400, #a8a29e)}.tsb-row{display:flex;gap:12px}.tsb-row .tsb-field{flex:1}.tsb-preset-row{display:flex;gap:6px}.tsb-preset-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--stone-300, #d6d3d1);background:var(--bg-surface, #fff);font-size:12px;cursor:pointer;color:var(--stone-700, #44403c);transition:all .15s}.tsb-preset-btn.active{background:var(--blue-100, #dbeafe);border-color:var(--blue-300, #93c5fd);color:var(--blue-800, #1e40af)}.tsb-preset-btn:hover{border-color:var(--stone-400, #a8a29e)}.tsb-theme-pills{display:flex;flex-wrap:wrap;gap:4px}.tsb-theme-pill{padding:3px 8px;border-radius:12px;border:none;background:var(--stone-100, #f5f5f4);font-size:11px;color:var(--stone-500, #78716c);cursor:pointer}.tsb-theme-pill.active{background:var(--stone-800, #292524);color:#fff}.tsb-weakness-table{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.tsb-weakness-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:13px;background:var(--bg-surface, #fff);border:1px solid transparent}.tsb-weakness-row.selected{background:var(--red-50, #fef2f2);border-color:var(--red-200, #fecaca)}.tsb-weakness-theme{flex:1;text-transform:capitalize}.tsb-weakness-acc{font-weight:600;color:var(--red-600, #dc2626)}.tsb-weakness-n{font-size:11px;color:var(--stone-400, #a8a29e)}.tsb-empty{padding:24px;text-align:center;color:var(--stone-400, #a8a29e);font-size:14px}.tsb-preview-content{display:flex;flex-direction:column;gap:14px}.tsb-preview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.tsb-stat{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;background:var(--blue-50, #eff6ff)}.tsb-stat-value{font-size:22px;font-weight:700;color:var(--blue-700, #1d4ed8)}.tsb-stat-label{font-size:10px;color:var(--stone-500, #78716c);text-transform:uppercase;letter-spacing:.5px;text-align:center}.tsb-dist-section{display:flex;flex-direction:column;gap:6px}.tsb-dist-section label{font-size:12px;font-weight:600;color:var(--stone-600, #57534e);text-transform:uppercase;letter-spacing:.5px}.tsb-dist-row{display:flex;align-items:center;gap:8px;font-size:12px}.tsb-dist-label{width:100px;text-transform:capitalize;color:var(--stone-600, #57534e);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsb-dist-bar-track{flex:1;height:8px;background:var(--stone-100, #f5f5f4);border-radius:4px;overflow:hidden}.tsb-dist-bar{height:100%;background:var(--blue-400, #60a5fa);border-radius:4px;min-width:2px;transition:width .3s ease}.tsb-dist-count{width:36px;text-align:right;color:var(--stone-400, #a8a29e);font-size:11px;flex-shrink:0}.tsb-error{padding:8px 12px;border-radius:6px;background:var(--red-50, #fef2f2);color:var(--red-700, #b91c1c);font-size:13px}.tsb-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--stone-200, #e7e5e4)}.tsb-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent}.tsb-btn:disabled{opacity:.5;cursor:default}.tsb-btn-secondary{background:var(--bg-surface, #fff);border-color:var(--stone-300, #d6d3d1);color:var(--stone-700, #44403c)}.tsb-btn-primary{background:var(--blue-600, #2563eb);color:#fff}.tsb-btn-primary:hover:not(:disabled){background:var(--blue-700, #1d4ed8)}.explore-panel-container{border-top:2px solid var(--explore-accent-border);background:var(--bg-surface);max-height:340px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.explore-panel{display:flex;flex-direction:column;overflow:hidden;height:100%}.explore-panel-grab{height:6px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;flex-shrink:0;transition:background .15s}.explore-panel-grab:hover{background:var(--bg-hover)}.explore-panel-grab-grip{width:32px;height:2px;border-radius:1px;background:var(--border-default);transition:background .15s}.explore-panel-grab:hover .explore-panel-grab-grip{background:var(--text-muted)}.explore-panel-header{height:32px;padding:0 8px 0 10px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.explore-panel-title{font-size:11px;font-weight:600;color:var(--explore-accent-text);flex-shrink:0;letter-spacing:.02em}.explore-panel-dropdown{height:24px;padding:0 20px 0 6px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-primary);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:border-color .15s;outline:none}.explore-panel-dropdown:hover{border-color:var(--border-default)}.explore-panel-dropdown option{background:var(--bg-surface)}.explore-panel-header-spacer{flex:1}.explore-scope-toggle{display:flex;border:1px solid var(--border-default);border-radius:3px;overflow:hidden;flex-shrink:0}.explore-scope-btn{padding:1px 8px;border:none;background:transparent;color:var(--text-muted);font-size:10px;font-family:inherit;cursor:pointer;font-weight:500;transition:all .15s}.explore-scope-btn:first-child{border-right:1px solid var(--border-default)}.explore-scope-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.explore-scope-btn.active{background:var(--explore-accent-bg);color:var(--explore-accent-text);font-weight:600}.explore-panel-header-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--text-muted);transition:all .15s;padding:0}.explore-panel-header-btn:hover,.explore-panel-header-btn.active{color:var(--text-secondary);background:var(--bg-hover)}.explore-panel-gear-wrapper{position:relative}.explore-settings-popover{position:absolute;top:100%;right:0;margin-top:4px;width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:10px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;gap:8px;z-index:20}.explore-settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.explore-settings-label{font-size:11px;color:var(--text-secondary)}.explore-settings-select{height:24px;padding:0 20px 0 6px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-panel);color:var(--text-primary);font-size:11px;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;width:80px;outline:none}.explore-settings-input{height:24px;padding:0 6px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-panel);color:var(--text-primary);font-size:11px;font-family:inherit;width:80px;outline:none}.explore-settings-select:focus,.explore-settings-input:focus{border-color:var(--explore-accent-border)}.explore-settings-prewarm{height:26px;padding:0 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-panel);color:var(--text-secondary);font-size:11px;font-family:inherit;cursor:pointer;width:100%}.explore-settings-prewarm:hover{background:var(--bg-hover);border-color:var(--border-strong)}.explore-settings-prewarm:disabled{opacity:.5;cursor:not-allowed}.explore-settings-divider{height:1px;background:var(--border-subtle);margin:6px 0}.explore-settings-toggle{height:22px;padding:0 8px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-panel);color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer}.explore-settings-toggle.active{background:var(--explore-accent-bg);border-color:var(--explore-accent-border);color:var(--explore-accent)}.explore-settings-pills{display:flex;gap:0}.explore-settings-pills .explore-scope-btn{border-radius:0;border-right-width:0}.explore-settings-pills .explore-scope-btn:first-child{border-radius:4px 0 0 4px}.explore-settings-pills .explore-scope-btn:last-child{border-radius:0 4px 4px 0;border-right-width:1px}.explore-panel-body{flex:1;overflow-y:auto;padding:8px 10px}.explore-panel-body::-webkit-scrollbar{width:4px}.explore-panel-body::-webkit-scrollbar-track{background:transparent}.explore-panel-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.explore-collapsed-bar{height:28px;display:flex;align-items:center;padding:0 10px;cursor:pointer;transition:background .15s;flex-shrink:0}.explore-collapsed-bar:hover{background:var(--bg-hover)}.explore-collapsed-label{font-size:11px;font-weight:600;color:var(--explore-accent-text);margin-right:6px}.explore-collapsed-report{font-size:11px;color:var(--text-secondary);margin-right:6px}.explore-collapsed-stats{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.explore-collapsed-covered{color:var(--coverage-covered)}.explore-collapsed-gap{color:var(--coverage-gap)}.explore-collapsed-sep{opacity:.4}.explore-collapsed-spacer{flex:1}.explore-collapsed-chevron{color:var(--text-muted);transition:color .15s}.explore-collapsed-bar:hover .explore-collapsed-chevron{color:var(--text-secondary)}.atp-report{display:flex;flex-direction:column;gap:4px}.atp-position-info{font-size:10.5px;color:var(--text-muted);padding:0 0 4px}.atp-turn-label{font-weight:600;color:var(--text-secondary)}.atp-no-theory{font-size:12px;color:var(--text-muted);padding:16px 0;text-align:center}.atp-move-table{width:100%;border-collapse:collapse;font-size:12px}.atp-move-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:4px 6px;border-bottom:1px solid var(--border-default);font-size:11px}.atp-move-table td{padding:3px 6px;border-bottom:1px solid var(--border-subtle)}.atp-move-row{cursor:pointer}.atp-move-row:hover{background:var(--bg-hover)}.atp-move-row.atp-move-previewing{background:var(--explore-accent-bg);border-left:2px solid var(--explore-accent-border)}.atp-move-row.atp-move-staged{border-left:3px solid var(--graph-staged-node)}.atp-unstage-btn{background:var(--bg-surface-alt)!important;color:var(--text-muted)!important;border-color:var(--border-default)!important}.atp-unstage-btn:hover{background:var(--bg-hover)!important;color:var(--text-secondary)!important}.atp-move-san{font-weight:600;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:-.01em}.atp-move-games{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.atp-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600}.atp-badge-covered{background:var(--coverage-covered-bg);color:var(--coverage-covered);border:1px solid var(--coverage-covered-border)}.atp-badge-gap{background:var(--coverage-gap-bg);color:var(--coverage-gap);border:1px solid var(--coverage-gap-border)}.atp-badge-thin{background:var(--coverage-thin-bg);color:var(--coverage-thin);border:1px solid var(--coverage-thin-border)}.atp-badge-minor{background:var(--bg-surface-alt);color:var(--text-muted);border:1px solid var(--border-subtle)}.atp-stage-btn{padding:2px 8px;border:1px solid var(--explore-accent-border);border-radius:var(--radius-sm);background:var(--explore-accent-bg);color:var(--explore-accent-text);font-size:10px;cursor:pointer;white-space:nowrap}.atp-stage-btn:hover{background:var(--explore-accent-border)}.atp-winrate-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;min-width:60px}.atp-winrate-white{background:#e8e8e8}.atp-winrate-draw{background:#a8a29e}.atp-winrate-black{background:#333}.coverage-overview{display:flex;flex-direction:column;gap:10px}.cov-goto-btn{margin-left:auto;padding:0 4px;border:none;background:none;color:var(--text-muted);font-size:13px;cursor:pointer;opacity:0;transition:opacity .15s}.cov-var-header:hover .cov-goto-btn,.cov-sub-header:hover .cov-goto-btn{opacity:1}.cov-goto-btn:hover{color:var(--explore-accent-text)}.cov-sub-header{display:flex;flex-direction:column;gap:4px}.cov-summary-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);padding:4px 0}.cov-summary-pct{font-weight:700;font-size:12px;color:var(--coverage-covered);font-family:var(--font-mono)}.cov-summary-sep{opacity:.4}.cov-summary-detail strong{color:var(--text-secondary);font-weight:600}.cov-summary-gaps{color:var(--coverage-gap);font-weight:600}.cov-summary-spacer{flex:1}.cov-explore-gaps-btn{padding:2px 8px;border:1px solid var(--coverage-gap-border, var(--coverage-gap));border-radius:var(--radius-sm);background:var(--coverage-gap-bg);color:var(--coverage-gap);font-size:10px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.cov-explore-gaps-btn:hover{background:var(--coverage-gap);color:#fff}.cov-goto-gap-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.cov-goto-gap-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.cov-variations{display:flex;flex-direction:column;gap:4px}.cov-var-card{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer}.cov-var-card:hover{background:var(--bg-hover)}.cov-var-card--gap{border-left:3px solid var(--coverage-gap)}.cov-var-card--thin{border-left:3px solid var(--coverage-thin)}.cov-var-card--covered{border-left:3px solid var(--coverage-covered)}.cov-var-header{display:flex;flex-direction:column;gap:4px}.cov-var-name-row{display:flex;align-items:center;gap:6px}.cov-var-expand{font-size:10px;color:var(--text-muted);width:12px;flex-shrink:0;cursor:pointer}.cov-var-name{font-size:12px;font-weight:600;color:var(--text-primary)}.cov-var-move{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted)}.cov-var-freq{margin-left:auto;font-size:10px;color:var(--text-muted);white-space:nowrap}.cov-var-bar-row{display:flex;align-items:center;gap:8px}.cov-var-bar{flex:1;height:5px;border-radius:3px;background:var(--border-subtle);overflow:hidden}.cov-var-bar-fill{height:100%;border-radius:3px;transition:width .3s}.cov-var-bar-fill--covered{background:var(--coverage-covered)}.cov-var-bar-fill--thin{background:var(--coverage-thin)}.cov-var-bar-fill--gap{background:var(--coverage-gap)}.cov-var-pct{font-size:11px;font-weight:600;color:var(--text-secondary);width:32px;text-align:right}.cov-var-children{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.cov-sub-var{display:flex;align-items:center;gap:6px;padding:2px 0 2px 18px;cursor:pointer}.cov-sub-var:hover{background:var(--bg-hover)}.cov-sub-name{font-size:11px;color:var(--text-secondary);min-width:80px}.cov-sub-bar{flex:1;height:4px;border-radius:2px;background:var(--border-subtle);overflow:hidden}.cov-sub-pct{font-size:10px;color:var(--text-muted);width:28px;text-align:right}.cov-tree{display:flex;flex-direction:column;padding:4px 0}.covt-row{display:flex;align-items:center;height:26px;padding-right:8px;cursor:pointer;transition:background .1s}.covt-row:hover{background:var(--bg-hover)}.covt-indent{display:flex;align-items:center;height:100%;flex-shrink:0}.covt-guide{width:16px;height:100%;position:relative;flex-shrink:0}.covt-guide--pad{width:12px}.covt-guide--line:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:1px;background:var(--border-default)}.covt-toggle{width:20px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);font-size:14px;border:none;background:none;cursor:pointer;padding:0;transition:transform .15s}.covt-toggle--collapsed{transform:rotate(-90deg)}.covt-toggle-spacer{width:16px;flex-shrink:0}.covt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-right:6px}.covt-dot--covered{background:var(--coverage-covered)}.covt-dot--thin{background:var(--coverage-thin)}.covt-dot--gap{background:var(--coverage-gap)}.covt-move{font-size:12px;font-weight:600;color:var(--text-primary);margin-right:4px;white-space:nowrap;font-family:var(--font-mono);letter-spacing:-.01em}.covt-name{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:6px}.covt-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.covt-freq{font-size:10px;color:var(--text-faint);white-space:nowrap}.covt-bar{width:48px;height:4px;border-radius:2px;background:var(--border-subtle);overflow:hidden;flex-shrink:0}.covt-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.covt-bar-fill--covered{background:var(--coverage-covered)}.covt-bar-fill--thin{background:var(--coverage-thin)}.covt-bar-fill--gap{background:var(--coverage-gap)}.covt-pct{font-size:10px;color:var(--text-muted);width:28px;text-align:right;font-variant-numeric:tabular-nums}.covt-pct--covered{color:var(--coverage-covered)}.covt-pct--thin{color:var(--coverage-thin)}.covt-pct--gap{color:var(--coverage-gap)}.covt-add-btn{padding:1px 6px;border:1px solid var(--explore-accent-border);border-radius:var(--radius-sm);background:var(--explore-accent-bg);color:var(--explore-accent-text);font-size:10px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;opacity:0;transition:opacity .15s}.covt-row:hover .covt-add-btn{opacity:1}.covt-add-btn:hover{background:var(--explore-accent-border)}.covt-add-btn--visible{opacity:1}.covt-moves-toggle{padding:1px 6px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:10px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}.covt-moves-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.covt-moves-toggle--active{background:var(--explore-accent-bg);color:var(--explore-accent-text);border-color:var(--explore-accent-border)}.covt-moves-dropdown{padding:4px 0}.covt-moves-loading{font-size:11px;color:var(--text-muted);padding:4px 0}.covt-moves-table{width:100%;border-collapse:collapse;font-size:11px}.covt-moves-row{cursor:pointer;transition:background .1s}.covt-moves-row:hover{background:var(--bg-hover)}.covt-moves-row td{padding:3px 6px}.covt-moves-san{font-weight:600;color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap}.covt-moves-games{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}.covt-moves-winbar{width:40px}.covt-moves-full-table{display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:10px;color:var(--explore-accent-text);cursor:pointer;border:none;background:none;font-family:inherit;transition:color .15s}.covt-moves-full-table:hover{color:var(--text-primary)}.cov-actions{display:flex;gap:6px;padding-top:4px}.cov-action-btn{padding:5px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:11px;cursor:pointer;white-space:nowrap}.cov-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cov-action-btn--primary{background:var(--explore-accent-bg);color:var(--explore-accent-text);border-color:var(--explore-accent-border)}.cov-action-btn--primary:hover{background:var(--explore-accent-border)}.cov-action-btn:disabled{opacity:.5;cursor:not-allowed}.gap-nav{display:flex;flex-direction:column}.gap-nav-progress{height:2px;background:var(--border-subtle);flex-shrink:0}.gap-nav-progress-fill{height:100%;background:var(--coverage-covered);border-radius:0 1px 1px 0;transition:width .4s cubic-bezier(.4,0,.2,1)}.gap-nav-navigation{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border-subtle)}.gap-nav-arrow{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);width:26px;height:26px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.gap-nav-arrow:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.gap-nav-arrow:disabled{opacity:.3;cursor:default}.gap-nav-counter{font-size:12px;color:var(--text-secondary);font-weight:500;display:flex;align-items:baseline;gap:6px}.gap-nav-counter-dot{color:var(--text-muted)}.gap-nav-counter-gaps{font-size:11px;color:var(--text-muted)}.gap-nav-position{padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.gap-nav-path{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;line-height:1.6;margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 5px}.gap-nav-path-num{color:var(--text-muted);font-weight:400;font-size:11px}.gap-nav-path-move{color:var(--text-secondary);font-weight:500}.gap-nav-path-sep{width:2px}.gap-nav-gaps-label{font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.gap-nav-gap-chips{display:flex;flex-wrap:wrap;gap:4px}.gap-nav-gap-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 7px;background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-family:inherit;font-size:inherit}.gap-nav-gap-chip:hover{background:#ef444424;border-color:#ef44444d}.gap-nav-gap-chip.selected{background:#ef444429;border-color:var(--coverage-gap);box-shadow:0 0 0 1px #ef44441f}.gap-nav-gap-chip.resolved{background:#4ade8014;border-color:#4ade8040}.gap-nav-gap-chip.resolved.selected{background:#4ade8024;border-color:var(--coverage-covered);box-shadow:0 0 0 1px #4ade801f}.gap-chip-indicator{width:5px;height:5px;border-radius:50%;background:var(--coverage-gap);flex-shrink:0;opacity:.8}.gap-chip-check{flex-shrink:0;color:var(--coverage-covered)}.gap-chip-move{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;font-weight:600;color:var(--text-primary)}.gap-chip-freq{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.gap-chip-games{font-size:10px;color:var(--text-muted);opacity:.7}.gap-nav-responses{flex:1;overflow-y:auto}.gap-nav-responses-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:1px solid var(--border-subtle)}.gap-nav-responses-title{font-size:11px;font-weight:500;color:var(--text-muted)}.gap-nav-responses-title em{font-style:normal;color:var(--text-secondary);font-weight:600}.gap-nav-response-hint{font-size:10px;color:var(--text-muted);opacity:0;transition:opacity .15s}.atp-move-row:hover .gap-nav-response-hint{opacity:1}.gap-nav-actions{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-subtle)}.gap-nav-action-primary{flex:1;text-align:left;display:flex;align-items:center;gap:4px}.gap-nav-action-primary strong{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:700}.gap-nav-action-strategy{color:var(--text-muted);font-size:11px;margin-left:auto}.gap-nav-action-skip{flex-shrink:0}.gap-nav-done{padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.gap-nav-done-icon{width:36px;height:36px;border-radius:50%;background:#4ade801a;border:1px solid rgba(74,222,128,.2);display:flex;align-items:center;justify-content:center;color:var(--coverage-covered)}.gap-nav-done-title{font-size:14px;font-weight:600;color:var(--text-primary)}.gap-nav-done-summary{font-size:12px;color:var(--text-muted);line-height:1.5}.gap-nav-back-btn{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:12px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:3px;transition:color .15s,background .15s}.gap-nav-back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.gap-nav-header-stat{font-size:11px;color:var(--text-muted)}.gap-nav-header-stat strong{color:var(--coverage-gap);font-weight:600}.alp-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.alp-popover{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.alp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.alp-title{font-size:13px;font-weight:600;color:var(--text-primary)}.alp-close{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px}.alp-close:hover{color:var(--text-primary)}.alp-strategies{display:flex;flex-direction:column;gap:2px;padding:8px}.alp-strategy{padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.alp-strategy:hover{background:var(--bg-hover)}.alp-strategy--selected{background:var(--explore-accent-bg);border-color:var(--explore-accent-border)}.alp-strategy-header{display:flex;align-items:center;gap:6px}.alp-strategy-radio{font-size:12px;color:var(--explore-accent-text)}.alp-strategy-label{font-size:12px;font-weight:600;color:var(--text-primary)}.alp-strategy-tag{font-size:9px;padding:1px 5px;border-radius:8px;font-weight:600}.alp-strategy-tag--until_fork{background:var(--coverage-covered-bg);color:var(--coverage-covered)}.alp-strategy-tag--main_line{background:var(--bg-surface-alt);color:var(--text-muted)}.alp-strategy-tag--cover_responses{background:var(--coverage-thin-bg);color:var(--coverage-thin)}.alp-strategy-tag--single{background:var(--bg-surface-alt);color:var(--text-muted)}.alp-strategy-desc{font-size:10px;color:var(--text-muted);margin:3px 0 0 18px}.alp-strategy-preview{margin:4px 0 0 18px;font-size:10px;color:var(--text-secondary)}.alp-preview-moves{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.alp-preview-count{display:block;font-size:10px;color:var(--text-muted);margin-top:2px}.alp-preview-fork{display:block;font-size:10px;color:var(--coverage-thin);margin-top:1px}.alp-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--border-subtle)}.alp-footer-summary{font-size:11px;color:var(--text-muted)}.atp-action-btns{display:flex;gap:3px}.atp-add-btn{font-weight:600}.atp-staged-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.atp-staged-header{display:flex;align-items:center;justify-content:space-between}.atp-staged-title{font-size:11px;font-weight:600;color:var(--text-secondary)}.atp-staged-count{font-size:10px;color:var(--text-muted)}.atp-staged-line{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--explore-accent-border);border-radius:var(--radius-sm);background:var(--explore-accent-bg)}.atp-staged-moves{flex:1;font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atp-staged-move-count{font-size:10px;color:var(--text-muted);white-space:nowrap}.atp-staged-remove{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0 2px}.atp-staged-remove:hover{color:var(--text-primary)}.atp-staged-actions{display:flex;gap:6px}.staged-lines{display:flex;flex-direction:column;gap:8px}.staged-line-card{padding:8px;border:1px solid var(--explore-accent-border);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer}.staged-line-card:hover,.staged-line-card.hovered{background:var(--explore-accent-bg)}.staged-line-moves{font-size:12px;color:var(--text-primary);font-weight:500;margin-bottom:4px}.staged-line-source{font-size:10px;color:var(--text-muted)}.staged-line-actions{display:flex;gap:6px;margin-top:6px}.staged-confirm-btn{padding:3px 10px;border:none;border-radius:var(--radius-sm);background:var(--coverage-covered);color:#fff;font-size:11px;cursor:pointer}.staged-confirm-btn:hover{opacity:.9}.staged-discard-btn{padding:3px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:11px;cursor:pointer}.staged-discard-btn:hover{background:var(--bg-hover)}.staged-bulk-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.staged-empty{font-size:12px;color:var(--text-muted);padding:16px 0;text-align:center}.explore-ribbon{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--explore-accent-bg);border-left:3px solid var(--explore-accent-border);border-radius:0 4px 4px 0;font-size:12px;color:var(--explore-accent-text);flex-shrink:0}.explore-ribbon-label{font-weight:600;flex-shrink:0}.explore-ribbon-stats{margin-left:8px;font-weight:400;font-size:11px;color:var(--explore-accent-text);opacity:.7}.explore-ribbon-status{margin-left:10px;font-weight:400;font-size:11px;color:var(--text-muted)}.explore-ribbon-actions{display:flex;align-items:center;gap:6px}.explore-ribbon-btn{padding:3px 10px;background:none;border:1px solid var(--explore-accent-border);border-radius:4px;font-size:11px;color:var(--explore-accent-text);cursor:pointer;font-family:inherit;white-space:nowrap}.explore-ribbon-btn:hover{background:var(--explore-accent-border);color:var(--text-primary)}.explore-ribbon-btn:disabled{opacity:.5;cursor:not-allowed}.explore-ribbon-exit{border-color:var(--stone-300);color:var(--text-muted)}.explore-ribbon-exit:hover{background:var(--stone-200);color:var(--stone-700);border-color:var(--stone-400)}.explore-ribbon-pending{display:flex;align-items:center;gap:5px}.explore-ribbon-pending-label{font-size:11px;font-weight:500;color:var(--text-secondary)}.explore-ribbon-stage{background:var(--explore-accent-bg);border-color:var(--explore-accent-border);color:var(--explore-accent-text);font-weight:600}.explore-ribbon-clear{border-color:var(--stone-300);color:var(--text-muted)}.explore-ribbon-clear:hover{background:var(--stone-200);color:var(--stone-700)}.explore-ribbon-staged-wrapper{position:relative}.explore-ribbon-staged-btn{display:flex;align-items:center;gap:2px;font-weight:600;background:none;border-color:var(--explore-accent-border);color:var(--explore-accent-text)}.explore-ribbon-staged-btn:hover,.explore-ribbon-staged-btn.active{background:var(--explore-accent-border);color:var(--text-primary)}.explore-ribbon-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-height:240px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 8px 24px #00000040;z-index:30;display:flex;flex-direction:column;overflow:hidden}.explore-ribbon-dropdown-list{flex:1;overflow-y:auto;padding:4px 0}.explore-ribbon-dropdown-list::-webkit-scrollbar{width:4px}.explore-ribbon-dropdown-list::-webkit-scrollbar-track{background:transparent}.explore-ribbon-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.explore-ribbon-dropdown-line{display:flex;align-items:center;gap:6px;padding:5px 10px;transition:background .1s}.explore-ribbon-dropdown-line:hover{background:var(--bg-hover)}.explore-ribbon-dropdown-moves{flex:1;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-ribbon-dropdown-count{font-size:10px;color:var(--text-muted);flex-shrink:0}.explore-ribbon-dropdown-add{background:none;border:none;color:var(--coverage-covered);font-size:14px;font-weight:700;cursor:pointer;padding:0 2px;flex-shrink:0;line-height:1;opacity:0;transition:opacity .1s}.explore-ribbon-dropdown-line:hover .explore-ribbon-dropdown-add{opacity:1}.explore-ribbon-dropdown-add:hover{color:var(--text-primary)}.explore-ribbon-dropdown-add:disabled{opacity:.4;cursor:not-allowed}.explore-ribbon-dropdown-remove{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0 2px;flex-shrink:0;line-height:1}.explore-ribbon-dropdown-remove:hover{color:var(--text-primary)}.explore-ribbon-dropdown-actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border-subtle)}.explore-ribbon-confirm{font-weight:600;background:var(--coverage-covered);border-color:var(--coverage-covered);color:#fff}.explore-ribbon-confirm:hover{opacity:.9;background:var(--coverage-covered);border-color:var(--coverage-covered);color:#fff}.staged-acc-empty{padding:8px 12px;color:var(--text-muted);font-size:12px;font-style:italic}.staged-acc-row{display:flex;align-items:center;gap:6px;padding:5px 12px;cursor:pointer;transition:background .1s;min-height:30px}.staged-acc-row:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.staged-acc-row.staged-acc-sub{padding-left:22px}.staged-acc-row.staged-acc-sub-2{padding-left:38px}.staged-acc-sub-2 .staged-acc-bar{background:#f59e0b26}.staged-acc-group-header{display:flex;align-items:center;gap:6px;padding:3px 12px;min-height:24px;cursor:pointer;transition:background .1s}.staged-acc-group-header:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.staged-acc-group-header.staged-acc-sub{padding-left:22px}.staged-acc-group-label{font-family:var(--font-mono, monospace);font-size:10.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.staged-acc-fold-inline{display:flex;align-items:center;gap:3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:all .1s}.staged-acc-fold-inline:hover{background:#ffffff0f;color:var(--text-secondary, #9e9eb8)}.staged-acc-fold-count{font-size:9px;color:var(--text-muted);background:#ffffff0f;border-radius:8px;padding:0 5px;line-height:16px;flex-shrink:0}.staged-acc-fold-eye{flex-shrink:0;opacity:0;transition:opacity .12s}.staged-acc-group-header:hover .staged-acc-fold-eye{opacity:1}.staged-acc-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .15s ease}.staged-acc-chevron-collapsed{transform:rotate(-90deg)}.staged-acc-chevron-sm{margin-left:auto}.staged-acc-branch-glyph{color:var(--border-subtle, rgba(255,255,255,.1));font-family:var(--font-mono, monospace);font-size:11px;flex-shrink:0;margin-right:2px}.staged-acc-bar{width:3px;align-self:stretch;min-height:18px;border-radius:2px;background:var(--graph-staged-node, #f59e0b);flex-shrink:0}.staged-acc-sub .staged-acc-bar{background:#f59e0b4d}.staged-acc-info{flex:1;min-width:0;overflow:hidden}.staged-acc-path{font-family:var(--font-mono, monospace);font-size:11.5px;font-weight:500;color:var(--text-primary);display:flex;gap:4px;min-width:0;overflow:hidden}.staged-acc-prefix{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.staged-acc-last-move{white-space:nowrap;flex-shrink:0}.staged-acc-path .staged-acc-last-move{font-weight:600}.staged-acc-sub .staged-acc-path{color:var(--text-secondary, #9e9eb8)}.staged-acc-shared{color:var(--text-muted)}.staged-acc-title-row{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden}.staged-acc-title{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staged-acc-title-hint{font-family:var(--font-mono, monospace);font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.staged-acc-row-tools{display:flex;gap:2px;flex-shrink:0;align-items:center}.staged-acc-pencil{opacity:0;transition:opacity .12s}.staged-acc-row:hover .staged-acc-pencil{opacity:1}.staged-acc-icon-btn{width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;padding:0}.staged-acc-icon-btn:hover{color:var(--text-primary);background:#ffffff0f}.staged-acc-toggle{color:#4ade80}.staged-acc-toggle:hover{color:#4ade80;background:#4ade801a}.staged-acc-toggle-off{color:var(--text-muted)}.staged-acc-toggle-off:hover{color:var(--text-secondary, #9e9eb8);background:#ffffff0f}.staged-acc-row.staged-acc-draft{opacity:.5}.staged-acc-row.staged-acc-draft .staged-acc-bar{background:var(--text-muted)}.staged-acc-row.staged-acc-draft:hover{opacity:.75}.staged-acc-edit-wrap{flex:1;min-width:0}.staged-acc-title-input{width:100%;background:#7c6ef014;border:1px solid var(--accent, #7c6ef0);border-radius:3px;color:var(--text-primary);font-size:12px;font-family:inherit;padding:2px 6px;outline:none}.staged-acc-title-input::placeholder{color:var(--text-muted);font-style:italic}.staged-acc-meta{font-size:10px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.staged-acc-eye{border-color:#9e9eb840;color:var(--text-secondary, #9e9eb8)}.staged-acc-eye:hover{background:#9e9eb81f;color:var(--text-primary)}.staged-acc-eye-off{border-color:#6b6b8033;color:var(--text-muted)}.staged-acc-eye-off:hover{background:#6b6b801a}.staged-acc-btn{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid;font-size:11px;transition:all .1s;background:transparent}.staged-acc-confirm{border-color:#4ade8040;color:#4ade80}.staged-acc-confirm:hover{background:#4ade801f}.staged-acc-discard{border-color:#ef444433;color:#ef4444}.staged-acc-discard:hover{background:#ef44441a}.staged-acc-sep{height:1px;background:var(--border-subtle, rgba(255,255,255,.06));margin:2px 12px}.staged-acc-bulk{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle, rgba(255,255,255,.06))}.staged-acc-bulk-btn{flex:1;padding:5px 0;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid;text-align:center;transition:all .12s;font-family:inherit}.staged-acc-bulk-confirm{background:#4ade8014;border-color:#4ade8033;color:#4ade80}.staged-acc-bulk-confirm:hover{background:#4ade8026}.staged-acc-bulk-discard{background:#ef44440f;border-color:#ef444426;color:#ef4444}.staged-acc-bulk-discard:hover{background:#ef44441f}.staged-acc-explore{padding:8px 12px;border-top:1px solid var(--border-subtle, rgba(255,255,255,.06))}.staged-acc-explore-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid rgba(124,110,240,.25);background:#7c6ef014;color:var(--accent, #7c6ef0);font-family:inherit;transition:all .12s}.staged-acc-explore-btn:hover{background:#7c6ef026}.btn-primary{padding:6px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s;text-decoration:none;display:inline-block}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:6px 20px;background:none;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.btn-secondary:hover:not(:disabled){background:#2563eb14}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-tertiary{padding:4px 12px;background:none;color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.btn-tertiary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-tertiary:disabled{opacity:.5;cursor:not-allowed}.section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.board-wrapper{display:inline-flex;flex-direction:column;max-width:100%}.board-settings-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;font-size:13px;padding:4px 8px;min-width:32px;min-height:26px;display:flex;align-items:center;justify-content:center;color:var(--stone-500);transition:color .15s,border-color .15s,background .15s;line-height:1}.board-settings-btn:hover{background:var(--stone-100)}.board-settings-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.board-undo-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;padding:4px 8px;min-width:32px;min-height:26px;color:var(--stone-500);transition:color .15s,border-color .15s,background .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.board-undo-btn:hover{background:var(--stone-100)}.board-flip-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;font-size:13px;padding:4px 8px;min-width:32px;min-height:26px;color:var(--stone-500);transition:color .15s,border-color .15s,background .15s;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.board-flip-btn:hover{background:var(--stone-100)}.board-engine-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;padding:4px 8px;min-width:32px;min-height:26px;color:var(--stone-500);transition:color .15s,border-color .15s,background .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.board-engine-btn:hover{background:var(--stone-100)}.board-engine-btn.active{color:var(--color-success);border-color:var(--color-success);background:#22c55e14}.board-engine-btn.active svg{stroke:var(--color-success)}.board-engine-btn:disabled{opacity:.4;cursor:default}.board-settings-depth-row{display:flex;align-items:center;gap:8px;padding:2px 0}.board-settings-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--stone-300);border-radius:2px;outline:none;cursor:pointer}.board-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--stone-900);cursor:pointer}.record-toggle-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;min-height:26px;color:var(--stone-500);font-family:inherit;transition:color .15s,border-color .15s,background .15s;line-height:1;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box}.nav-buttons{display:flex;align-items:center;gap:4px;padding:8px 0;align-self:stretch}.nav-left{display:flex;gap:2px;align-items:center;flex:1;justify-content:flex-start}.nav-center{display:flex;gap:4px;align-items:center;flex-shrink:0}.nav-right{display:flex;gap:2px;align-items:center;flex:1;justify-content:flex-end}.nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:28px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:13px;font-family:inherit;color:var(--stone-500);transition:background .15s,color .15s}.nav-util-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--stone-200);border-radius:4px;font-size:12px;color:var(--stone-400);background:var(--bg-surface);cursor:pointer;transition:all .15s}.nav-util-btn:hover{background:var(--stone-100);color:var(--stone-600)}.nav-util-btn.active{color:var(--accent-primary);border-color:var(--accent-primary);background:#2563eb0f}.nav-util-btn.has-content{position:relative}.nav-util-btn.has-content:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent-primary)}.accordion-title{white-space:nowrap;flex-shrink:0}.accordion-subtitle{margin-left:auto;font-weight:400;font-size:11px;color:var(--stone-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.accordion-status-icon{display:inline-flex;align-items:center;margin-left:6px;flex-shrink:0;color:var(--stone-400)}@keyframes analysis-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.analysis-progress-bar{height:2px;background:var(--stone-200);border-radius:2px;overflow:hidden;margin-bottom:2px}.analysis-progress-bar-fill{height:100%;width:25%;background:var(--stone-400);border-radius:2px;animation:analysis-indeterminate 1.4s ease-in-out infinite}.analysis-progress-bar-fill.active{background:var(--color-amber);animation-duration:1.1s}.accordion-panel.dimmed .accordion-toggle{color:var(--stone-400)}.accordion-panel.dimmed .accordion-subtitle{color:var(--stone-300)}.accordion-title-input{width:100%;padding:6px 8px;border:1px solid transparent;border-bottom:1px solid var(--border-input);border-radius:0;font-family:inherit;font-size:14px;font-weight:600;background:transparent;box-sizing:border-box;color:var(--text-primary)}.accordion-textarea{width:100%;min-height:70px;padding:8px;border:1px solid var(--border-input);border-radius:4px;font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box;background:var(--bg-surface);color:var(--text-primary)}.accordion-label{font-size:11px;letter-spacing:.3px;color:var(--stone-400);margin-bottom:2px;font-weight:500}.promote-btn:hover{background:var(--bg-hover);border-color:var(--text-placeholder)}.middle-options{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);flex-shrink:0;min-height:32px;flex-wrap:wrap;row-gap:6px}.middle-settings-wrapper{position:relative;flex-shrink:0}.middle-settings-divider{border:none;border-top:1px solid var(--stone-300);margin:2px 0}.middle-option-divider{width:1px;height:16px;background:var(--stone-300);margin:0 2px;flex-shrink:0}.middle-analyze-wrapper{position:relative;flex-shrink:0}.middle-analyze-dropdown{position:absolute;top:100%;right:0;z-index:400;margin-top:4px;padding:8px 0;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:220px}.middle-training-wrapper{position:relative;flex-shrink:0}.middle-training-dropdown{position:absolute;top:100%;right:0;z-index:400;margin-top:4px;padding:4px 0;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:180px}.training-dropdown-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:none;border:none;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.training-dropdown-item:hover{background:var(--bg-hover)}.training-dropdown-item.active{color:var(--ts-indicator-color, #7c3aed);font-weight:600}.training-dropdown-name{flex:1}.training-dropdown-orient{font-size:10px;font-weight:600;padding:0 3px;background:var(--stone-200);color:var(--stone-600);border-radius:3px}.training-dropdown-count{font-size:10px;color:var(--text-muted)}.training-dropdown-new{color:var(--text-muted);border-top:1px solid var(--border-subtle)}.analyze-pulse-icon{display:inline-block;vertical-align:middle;margin-right:3px;color:var(--stone-400);animation:analyze-pulse 1.5s ease-in-out infinite}.analyze-done-icon{display:inline-block;vertical-align:middle;margin-right:3px;color:var(--color-success)}@keyframes analyze-pulse{0%,to{opacity:.4}50%{opacity:1}}.analyze-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-family:inherit;width:100%;border:none;background:none;cursor:pointer;color:var(--stone-700);text-align:left}.analyze-dropdown-item:hover{background:var(--stone-100)}.analyze-dropdown-item:disabled{opacity:.5;cursor:default}.analyze-dropdown-item .analyze-item-label{flex:1;display:inline-flex;align-items:center;gap:5px}.analyze-item-icon{display:inline-block;flex-shrink:0;color:var(--stone-400)}.analyze-item-icon.done{color:var(--color-success)}.analyze-item-icon.pulsing{animation:analyze-pulse 1.5s ease-in-out infinite}.analyze-item-icon.queued{color:var(--stone-400);animation:analyze-pulse 2.5s ease-in-out infinite}.analyze-dropdown-item .analyze-item-status{font-size:11px;color:var(--stone-500)}.analyze-dropdown-item .analyze-item-status.queued{color:var(--stone-500)}.analyze-dropdown-item .analyze-item-status.running{color:var(--color-amber)}.analyze-dropdown-item .analyze-item-status.done{color:var(--color-success)}.analyze-dropdown-item .analyze-item-status.failed{color:var(--color-error)}.analyze-cancel-x{margin-left:6px;opacity:.5;vertical-align:middle}.analyze-dropdown-item:hover .analyze-cancel-x{opacity:1}.analyze-dropdown-progress{padding:4px 12px}.analyze-dropdown-progress-bar{height:3px;background:var(--stone-200);border-radius:2px;overflow:hidden}.analyze-dropdown-progress-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width .3s ease}.analyze-dropdown-section-label{display:flex;align-items:center;gap:5px;padding:4px 12px 2px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--stone-400);-webkit-user-select:none;user-select:none}.middle-option-segmented{display:flex;border:1px solid var(--stone-300);border-radius:4px;overflow:hidden;flex-shrink:0}.exploratory-ribbon{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;margin:4px -8px 0;background:var(--stone-50);border-top:1px solid var(--stone-200);font-family:inherit;overflow:hidden}.exploratory-ribbon-label{font-size:12px;color:var(--text-secondary);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exploratory-ribbon-context{opacity:.65;font-style:italic}.exploratory-ribbon-buttons{display:flex;gap:4px;flex-shrink:0}.exploratory-ribbon-buttons .nav-btn{width:auto;padding:0 8px;white-space:nowrap;font-size:11px;height:24px;border-color:var(--stone-300);color:var(--text-secondary);background:var(--bg-surface)}.exploratory-ribbon-buttons .nav-btn:hover:not(:disabled){background:var(--stone-100);color:var(--text-primary)}.exploratory-ribbon .exploratory-add-btn{background:var(--stone-800);color:#fff;border-color:var(--stone-800)}.exploratory-ribbon .exploratory-add-btn:hover{background:var(--stone-700)}.line-ribbon-compact{display:flex;align-items:center;gap:6px;padding:4px 8px}.line-ribbon-label{font-size:11px;font-weight:700;font-family:inherit;text-transform:uppercase;color:var(--color-amber-text);flex-shrink:0}.line-ribbon-moves{flex:1;min-width:0;font:500 12px monospace;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left}.line-ribbon-placeholder{color:var(--text-muted);font-style:italic;font-size:12px;font-family:system-ui,sans-serif}.line-ribbon-actions{display:flex;gap:4px;flex-shrink:0}.line-ribbon-btn{font-size:11px;font-family:inherit;padding:2px 8px;border-radius:4px;border:1px solid var(--color-amber-border);background:none;color:var(--color-amber-text);cursor:pointer;white-space:nowrap}.line-ribbon-btn:hover{background:#0000000f}.line-ribbon-btn-primary{background:#00000014;color:var(--color-amber-text);font-weight:600;border-color:var(--color-amber-border)}.line-ribbon-btn-primary:hover{background:#0000001f}.line-ribbon-btn-accent{background:var(--accent-primary);color:#fff;border-color:transparent}.line-ribbon-btn-accent:hover{opacity:.85}.line-ribbon-btn:disabled{opacity:.4;cursor:default}.hover-tooltip{border-radius:4px;box-shadow:0 4px 16px #00000040;overflow:hidden;background:var(--popover-bg);border:1px solid var(--border-input)}.analysis-section{margin-bottom:10px}.analysis-section:last-child{margin-bottom:0}.analysis-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}.analysis-summary-item{display:flex;flex-direction:column;gap:1px}.analysis-summary-label{font-size:10px;color:var(--stone-400);letter-spacing:.3px}.analysis-summary-value{font-size:12px;font-weight:500;color:var(--stone-700);text-transform:capitalize}.cls-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:4px}.cls-side{display:flex;flex-direction:column}.cls-side:first-child{border-right:1px solid var(--border-subtle);padding-right:10px}.cls-side:last-child{padding-left:10px}.cls-side-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px}.cls-side-identity{display:flex;flex-direction:column;align-items:center;gap:1px}.cls-side-player{font-size:12px;font-weight:600;color:var(--stone-700);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cls-side-rating{font-size:10px;color:var(--stone-400);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.cls-side-generic{font-size:11px;font-weight:600;color:var(--stone-500)}.cls-accuracy-ring{width:44px;height:44px;position:relative}.cls-accuracy-ring svg{width:44px;height:44px}.cls-accuracy-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--stone-700);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.cls-bar-row{display:flex;align-items:center;gap:6px;padding:2.5px 0}.cls-bar-label{font-size:11px;color:var(--stone-500);text-transform:capitalize;width:62px;flex-shrink:0}.cls-bar-track{flex:1;height:6px;background:var(--stone-100);border-radius:3px;overflow:hidden}.cls-bar-fill{height:100%;border-radius:3px}.cls-bar-count{font-size:11px;font-weight:600;color:var(--stone-700);min-width:14px;text-align:right;font-family:JetBrains Mono,SF Mono,Menlo,monospace}.cls-bar-count.zero{color:var(--stone-300);font-weight:400}.analysis-status-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.analysis-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px}.analysis-status-badge.none{color:var(--stone-400);background:var(--stone-100)}.analysis-status-badge.queued{color:var(--stone-500);background:var(--stone-100);animation:analyze-pulse 2.5s ease-in-out infinite}.analysis-status-badge.running{color:var(--color-amber);background:var(--color-amber-bg)}.analysis-status-badge.complete{color:var(--color-success);background:var(--color-correct-bg)}.analysis-status-badge.failed{color:var(--color-error);background:var(--color-error-bg)}.analysis-character-badge{font-size:11px;font-weight:500;color:var(--stone-500);text-transform:capitalize}.analysis-meta-row{display:flex;gap:12px;font-size:10px;color:var(--stone-400);margin-bottom:8px}.analysis-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:500;margin-bottom:2px}.analysis-section-divider{border:none;border-top:1px solid var(--border-subtle);margin:10px 0}.game-narrative{padding:8px 0 4px}.game-narrative-para{font-size:12.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 6px}.game-narrative-para:last-child{margin-bottom:0}.attr-pill{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;color:var(--stone-600);background:var(--stone-100);border:1px solid var(--stone-200)}.tier-info-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--stone-300);background:none;font-size:9px;font-weight:600;color:var(--stone-400);cursor:pointer;margin-left:2px;vertical-align:middle;position:relative;font-family:inherit;padding:0}.tier-info-btn:hover{border-color:var(--stone-400);color:var(--stone-500);background:var(--stone-50)}.tier-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;background:var(--stone-900);color:var(--stone-200);border-radius:8px;padding:12px;font-size:11px;font-weight:400;line-height:1.5;z-index:100;box-shadow:0 4px 16px #0003;text-align:left;white-space:normal}.tier-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--stone-900)}.tier-info-btn:hover .tier-tooltip,.tier-info-btn:focus .tier-tooltip{display:block}.tier-tooltip-row{display:flex;gap:8px;margin-bottom:6px}.tier-tooltip-row:last-child{margin-bottom:0}.tier-tooltip-name{font-weight:600;color:#fff;white-space:nowrap;min-width:50px}.tier-tooltip-desc{color:var(--stone-400)}.tier-tooltip-current{color:var(--color-correct)}.classification-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;color:#fff;vertical-align:middle;margin-left:2px;flex-shrink:0;cursor:help;line-height:1;font-size:9px;font-weight:700;font-family:JetBrains Mono,SF Mono,Menlo,monospace}.classification-icon.brilliant,.classification-icon.best,.classification-icon.excellent{font-size:10px;font-family:system-ui,sans-serif}.classification-icon.great{font-size:10px;font-weight:800}.classification-icon.good{font-size:10px;font-weight:800;padding-top:2px;opacity:.7}.classification-icon.book{font-size:9px}.classification-icon.inaccuracy{font-size:8.5px;letter-spacing:-1px;padding-top:1px}.classification-icon.mistake{font-size:8.5px;padding-top:1px}.classification-icon.blunder{font-size:8.5px;letter-spacing:-1px;padding-top:1px}[data-theme=dark] .classification-icon{color:#0d1117}.key-moment-dot{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;color:var(--color-amber-text);vertical-align:middle;margin-left:1px;flex-shrink:0;opacity:.7}.position-eval-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.position-eval-classification{font-size:13px;font-weight:600;text-transform:capitalize}.position-eval-depth{font-size:10px;color:var(--stone-400);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.game-perspective-selector{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:4px 0}.game-perspective-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.game-perspective-pills{display:flex;gap:2px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:5px;padding:2px}.game-perspective-pill{font-size:11px;padding:3px 10px;border:none;border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;line-height:1.3}.game-perspective-pill:hover{color:var(--text-primary);background:var(--bg-hover)}.game-perspective-pill.active{background:var(--accent-dim, rgba(88, 166, 255, .15));color:var(--accent, #58a6ff);font-weight:500}.game-perspective-pill.auto:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent, #58a6ff);margin-left:4px;vertical-align:middle;opacity:.6}.game-data-fields{display:flex;flex-direction:column;gap:6px}.game-data-field{display:flex;align-items:center;gap:8px}.game-data-field label{font-size:11px;color:#888;width:72px;flex-shrink:0;text-align:right}.game-data-field input,.game-data-field select{flex:1;min-width:0;padding:3px 6px;border:1px solid var(--border-input);border-radius:3px;font-size:12px;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.game-data-field input:focus,.game-data-field select:focus{outline:none;border-color:var(--accent-blue)}.game-data-save-btn{margin-top:4px;padding:5px 12px;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;align-self:flex-end}.game-data-save-btn:hover{background:#1976d2}.accordion-divider{border:none;border-top:1px solid #e0e0e0;margin:6px 0}.field-label{font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:2px}.eco-autocomplete-wrapper{display:inline-block}.eco-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--bg-surface, white);border:1px solid var(--border-default, #d6d3d1);border-radius:4px;box-shadow:0 4px 12px #0000001f;max-height:200px;overflow-y:auto;margin-top:2px;min-width:240px}.eco-autocomplete-item{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:pointer;font-size:12px;color:var(--text-primary, #1c1917)}.eco-autocomplete-item:hover,.eco-autocomplete-item.highlighted{background:var(--bg-hover, #f5f5f4)}.eco-autocomplete-code{font-weight:600;font-family:JetBrains Mono,monospace;font-size:11px;flex-shrink:0;min-width:28px}.eco-autocomplete-name{color:var(--text-secondary, #78716c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse-all-bar{flex-shrink:0;display:flex;justify-content:flex-end;border-top:1px solid var(--border-default, #e7e5e4);background:var(--bg-surface, #fff)}.collapse-all-panels{padding:3px 10px;border:none;background:var(--stone-50, #fafaf9);color:var(--stone-400, #a8a29e);font-size:10px;cursor:pointer;transition:color .15s,background .15s;border-radius:3px}.collapse-all-panels:hover{color:var(--stone-600, #57534e);background:var(--stone-100, #f5f5f4)}.board-save-btn{background:none;border:1px solid var(--stone-200);border-radius:4px;cursor:pointer;font-size:16px;color:var(--stone-500);padding:4px 8px;min-width:32px;min-height:26px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s}.board-save-btn:hover{color:var(--color-gold);background:#ffc1071a;border-color:var(--color-gold)}.board-save-btn.saved{color:var(--color-gold);border-color:var(--color-gold);background:#ffc10714}.pill-overflow{display:flex;gap:5px;flex-wrap:wrap}.pill-overflow-toggle{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;border:1px dashed var(--stone-300);background:transparent;color:var(--accent-primary);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.pill-overflow-toggle:hover{border-color:var(--accent-primary);background:var(--stone-50)}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-row{display:grid;gap:4px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--bg-hover)}.skel{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--stone-100) 25%,var(--stone-200) 50%,var(--stone-100) 75%);background-size:200% 100%;animation:skel-shimmer 1.5s ease-in-out infinite}.skel-wide{width:70%}.skel-medium{width:80%}.skel-narrow{width:32px}.skel-center{margin:0 auto}.skel-right{margin-left:auto}.skel-card{height:66px;border-radius:8px;background:linear-gradient(90deg,var(--stone-100) 25%,var(--stone-200) 50%,var(--stone-100) 75%);background-size:200% 100%;animation:skel-shimmer 1.5s ease-in-out infinite}.back-link{color:var(--accent-blue);text-decoration:none;font-size:14px;flex-shrink:0}.back-link:hover{text-decoration:underline}.os-header h1{margin:0;font-size:16px;font-weight:600;flex-shrink:0}.os-header-name{margin:0;font-size:16px;font-weight:600;flex-shrink:0;cursor:pointer;border-radius:4px;padding:2px 4px}.os-header-name:hover{background:var(--stone-50)}.os-header-name-input{margin:0;font-size:16px;font-weight:600;flex-shrink:0;border:1px solid var(--accent-primary);border-radius:4px;padding:2px 4px;outline:none;font-family:inherit;background:var(--bg-surface)}.chapter-dropdown{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:8px}.chapter-select{height:28px;padding:0 24px 0 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-panel);cursor:pointer;font-size:12px;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:140px;max-width:250px;color:var(--text-primary)}.chapter-select:hover{background-color:var(--bg-panel-hover);border-color:var(--border-strong)}.chapter-select:focus{outline:none;border-color:var(--accent-blue)}.chapter-orientation-btn{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--stone-500);flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.chapter-orientation-btn:hover{color:var(--stone-800);border-color:var(--stone-400);background:var(--stone-100)}.control-btn{padding:4px 8px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary)}.control-btn:hover{background:var(--bg-hover)}.preview-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface)}.preview-toggle:hover{background:var(--bg-hover)}.preview-toggle input{margin:0;cursor:pointer}.os-breadcrumb{flex-shrink:0}.os-board{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--board-bg);overflow-y:auto;overflow-x:hidden}.hover-tooltip{border-radius:4px;box-shadow:0 4px 16px #00000040;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-input)}.board-options{display:flex;align-items:center;gap:12px;padding:4px 12px 6px;align-self:stretch;position:relative}.board-options-spacer{flex:1}.board-option-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.board-option-toggle input{margin:0;cursor:pointer}.board-flip-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:14px;padding:1px 6px;color:var(--stone-500);transition:color .15s,border-color .15s}.board-flip-btn:hover{color:var(--stone-800);border-color:var(--stone-400)}.os-middle{display:flex;flex-direction:column;overflow:hidden;min-width:420px}.middle-tabs{display:flex;border-bottom:1px solid var(--border-default);flex-shrink:0}.middle-tab{padding:6px 16px;border:none;background:var(--bg-panel);cursor:pointer;font-size:12px;font-family:inherit;border-bottom:2px solid transparent;border-right:1px solid var(--border-default);color:var(--text-tertiary)}.middle-tab:hover{background:var(--bg-panel-hover)}.middle-tab.active{background:var(--tab-active-bg);border-bottom-color:var(--accent-blue);color:var(--text-primary);font-weight:600}.drills-nav-btn{margin-left:auto;padding:6px 14px;border:none;background:none;cursor:pointer;font-size:12px;font-family:inherit;font-weight:600;color:var(--accent-blue);border-bottom:2px solid transparent}.drills-nav-btn:hover{background:#2196f30f;color:var(--accent-blue-hover)}.middle-options{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);flex-shrink:0;min-height:32px}.middle-option-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.middle-option-toggle input{margin:0;cursor:pointer}.middle-option-toggle.disabled{opacity:.4;cursor:default}.middle-option-toggle.disabled input{cursor:default}.middle-option-divider{width:1px;height:16px;background:var(--stone-300);margin:0 4px}.middle-option-segmented{display:flex;border:1px solid var(--stone-300);border-radius:4px;overflow:hidden}.middle-option-segmented button{padding:2px 8px;border:none;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary);border-right:1px solid var(--stone-300)}.middle-option-segmented button:last-child{border-right:none}.middle-option-segmented button:hover:not(.active){background:var(--stone-100)}.middle-option-segmented button.active{background:var(--segmented-active-bg);color:var(--segmented-active-text)}.middle-option-btn{padding:2px 8px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary)}.middle-option-btn:hover{background:var(--stone-100)}.middle-settings-wrapper{position:relative}.middle-settings-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:14px;padding:1px 6px;color:var(--stone-500);transition:color .15s,border-color .15s;line-height:1}.middle-settings-btn:hover,.middle-settings-btn.active{color:var(--stone-800);border-color:var(--stone-400)}.middle-settings-popover{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;padding:8px 12px;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:160px;display:flex;flex-direction:column;gap:6px}.middle-settings-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stone-700);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.middle-settings-row input{margin:0;cursor:pointer}.middle-settings-row.disabled{opacity:.4;cursor:default}.middle-settings-row.disabled input{cursor:default}.middle-content{flex:1;overflow:hidden}.linking-indicator{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);font-size:12px;color:var(--color-warning-text);flex-shrink:0}.linking-indicator button{margin-left:auto;padding:2px 10px;border:1px solid var(--color-warning-border);border-radius:3px;background:transparent;color:var(--color-warning-text);cursor:pointer;font-size:11px;font-family:inherit}.linking-indicator button:hover{background:var(--color-warning-border)}.os-right{display:flex;flex-direction:column;overflow:hidden}.accordion-panel{border-bottom:1px solid var(--border-default)}.accordion-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:none;background:var(--stone-100);color:var(--stone-700);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;text-align:left}.accordion-toggle:hover{background:var(--stone-200)}.accordion-chevron{font-size:9px;flex-shrink:0;width:10px}.accordion-subtitle{margin-left:auto;font-weight:400;font-size:11px;color:var(--stone-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.accordion-panel.disabled .accordion-toggle{color:var(--text-placeholder);cursor:default}.accordion-panel.disabled .accordion-toggle:hover{background:var(--stone-100)}.below-board-context{align-self:stretch;padding:6px 4px 0;display:flex;flex-direction:column;gap:4px}.below-board-title-row{display:flex;align-items:center;gap:4px}.position-title-display{font-size:13px;font-weight:600;color:var(--text-primary)}.below-board-notes-row{display:flex;align-items:flex-start;gap:4px}.below-board-comment{font-size:12px;color:var(--stone-500);font-style:italic;line-height:1.4}.below-board-notes{font-size:12px;color:var(--text-secondary);line-height:1.4}.below-board-edit-btn{flex-shrink:0;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--stone-400);padding:0 2px;line-height:1;border-radius:3px}.below-board-edit-btn:hover{color:var(--stone-600);background:var(--stone-100)}.accordion-title-input{width:100%;padding:6px 8px;border:1px solid transparent;border-bottom:1px solid var(--border-input);border-radius:0;font-family:inherit;font-size:14px;font-weight:600;background:var(--input-bg);box-sizing:border-box;color:var(--text-primary)}.accordion-title-input:hover{border-bottom-color:var(--stone-400)}.accordion-title-input:focus{outline:none;border-bottom-color:var(--accent-blue)}.accordion-title-input::placeholder{font-weight:400;color:var(--text-placeholder)}.accordion-textarea{width:100%;min-height:70px;padding:8px;border:1px solid var(--border-input);border-radius:4px;font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.accordion-textarea:focus{outline:none;border-color:var(--accent-blue)}.accordion-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px}.accordion-label-row{display:flex;justify-content:space-between;align-items:center}.accordion-manage-link{border:none;background:transparent;color:var(--accent-blue);cursor:pointer;font-size:11px;padding:0;font-family:inherit}.branch-move-label{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--text-secondary)}.tag-manager-overlay{display:flex;flex-direction:column;height:100%}.tag-manager-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-panel);flex-shrink:0;font-size:13px;font-weight:600}.tag-manager-close{border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--text-tertiary);padding:0 4px;line-height:1;border-radius:4px}.tag-manager-close:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.os-loading,.os-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:var(--text-muted)}.os-error{color:var(--color-error)}.record-toggle-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:11px;padding:2px 8px;color:var(--stone-500);font-family:inherit;transition:color .15s,border-color .15s,background .15s}.record-toggle-btn:hover{color:var(--stone-800);border-color:var(--stone-400)}.record-toggle-btn.active{background:var(--stone-600);color:#fff;border-color:var(--stone-600)}.record-toggle-btn:disabled{opacity:.35;cursor:default}.board-wrapper{display:inline-flex;flex-direction:column}.nav-buttons{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;align-self:stretch;position:relative}.nav-btn{padding:4px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:13px;font-family:inherit;color:var(--stone-700);min-width:36px;text-align:center;transition:background .1s,color .1s}.nav-btn:hover:not(:disabled){background:var(--stone-100);color:var(--stone-900)}.nav-btn:disabled{opacity:.35;cursor:default}.nav-btn.delete-btn{margin-left:12px;color:var(--color-error);border-color:var(--color-error-border);font-size:11px}.nav-btn.delete-btn:hover{background:var(--color-error-bg);color:var(--color-delete)}.delete-study-btn{color:var(--color-error)!important;border-color:var(--color-error-border)!important;margin-left:8px}.delete-study-btn:hover{background:var(--color-error-bg)!important;color:var(--color-delete)!important}.nag-picker{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.nag-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;border:1.5px solid var(--stone-300);border-radius:4px;background:transparent;color:var(--stone-500);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.nag-chip:hover{background:var(--stone-100);border-color:var(--stone-400)}.nag-chip.active{background:var(--stone-700);color:#fff;border-color:var(--stone-700)}.linked-ribbon{align-self:stretch;background:var(--stone-50);border:1px solid var(--stone-300);border-radius:6px;margin-bottom:4px;overflow:hidden}.linked-ribbon-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--stone-100);border-bottom:1px solid var(--stone-200)}.linked-ribbon-label{font-size:11px;font-weight:600;color:var(--stone-700)}.linked-ribbon-actions{display:flex;gap:4px}.linked-ribbon-save{padding:2px 10px;border:1px solid var(--segmented-active-bg);border-radius:3px;background:var(--segmented-active-bg);color:var(--segmented-active-text);cursor:pointer;font-size:11px;font-family:inherit;font-weight:600}.linked-ribbon-save:hover:not(:disabled){opacity:.85}.linked-ribbon-save:disabled{opacity:.35;cursor:default}.linked-ribbon-cancel{padding:2px 10px;border:1px solid var(--stone-300);border-radius:3px;background:transparent;color:var(--stone-700);cursor:pointer;font-size:11px;font-family:inherit}.linked-ribbon-cancel:hover{background:var(--stone-100)}.linked-ribbon-fields{display:flex;flex-direction:column;gap:4px;padding:0 8px 6px}.linked-ribbon-title{width:100%;padding:4px 6px;border:1px solid transparent;border-bottom:1px solid var(--border-input);border-radius:0;font-family:inherit;font-size:12px;font-weight:600;background:transparent;color:var(--stone-900);box-sizing:border-box}.linked-ribbon-title:hover{border-bottom-color:var(--stone-400)}.linked-ribbon-title:focus{outline:none;border-bottom-color:var(--accent-blue)}.linked-ribbon-title::placeholder{font-weight:400;color:var(--text-placeholder)}.linked-ribbon-notes{width:100%;padding:4px 6px;border:1px solid var(--border-input);border-radius:4px;font-family:inherit;font-size:11px;line-height:1.5;background:transparent;color:var(--stone-900);box-sizing:border-box;resize:vertical;min-height:36px}.linked-ribbon-notes:focus{outline:none;border-color:var(--accent-blue)}.linked-ribbon-notes::placeholder{color:var(--text-placeholder)}.linked-ribbon-toggle{border:none;background:transparent;color:var(--stone-400);cursor:pointer;font-size:11px;font-family:inherit;padding:2px 0;text-align:left}.linked-ribbon-toggle:hover{color:var(--stone-500)}.linked-ribbon-items{display:flex;gap:6px;padding:6px 8px;align-items:flex-start;flex-wrap:wrap;max-height:200px;overflow-y:auto}.linked-ribbon-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;border-radius:4px;padding:2px;transition:background .1s}.linked-ribbon-item:hover{background:var(--stone-200)}.linked-ribbon-item.active{background:var(--stone-100);outline:2px solid var(--stone-900);outline-offset:1px}.linked-ribbon-item-label{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--stone-700);font-weight:500}.linked-ribbon-item .chess-board-container,.linked-ribbon-item .cb-container{pointer-events:none}.linked-ribbon-item-remove{position:absolute;top:-4px;right:-4px;z-index:2;width:16px;height:16px;border:1px solid var(--stone-300);border-radius:50%;background:var(--bg-surface);color:var(--stone-500);cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s}.linked-ribbon-item:hover .linked-ribbon-item-remove{opacity:1}.linked-ribbon-item-remove:hover{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.linked-ribbon-add-slot{width:64px;height:64px;margin-top:2px;border:2px dashed var(--stone-300);border-radius:4px;background:transparent;color:var(--stone-400);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.linked-ribbon-add-slot:hover:not(:disabled){background:var(--stone-100);border-color:var(--stone-400)}.linked-ribbon-add-slot:disabled,.linked-ribbon-add-slot.disabled{opacity:.35;cursor:default}.linked-ribbon-item.mismatch{outline:2px solid var(--color-warning, #e6a700);outline-offset:1px}.ts-mismatch-icon{position:absolute;top:-4px;left:-4px;z-index:2;font-size:12px;line-height:1;filter:grayscale(0)}.nav-btn.linking-btn{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center}.nav-btn.linking-btn.active{background:var(--stone-100);color:var(--stone-900);border-color:var(--stone-400)}.linked-panel-set{background:var(--accent-blue-bg);border:1px solid var(--border-default);border-radius:6px;padding:6px 8px}.linked-panel-title{font-size:11px;font-weight:600;color:var(--accent-primary);margin-bottom:6px}.linked-panel-boards{display:flex;gap:8px;flex-wrap:wrap}.linked-panel-board{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border-radius:4px;padding:2px;transition:background .1s}.linked-panel-board:hover{background:var(--accent-blue-bg)}.linked-panel-label{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--accent-primary);font-weight:500}.promote-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-default);border-radius:4px;background:var(--bg-surface-alt);cursor:pointer;font-size:12px;color:var(--text-secondary);text-align:left;line-height:1.4}.promote-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.board-settings-wrapper{position:relative}.board-settings-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:15px;padding:1px 6px;color:var(--stone-500);transition:color .15s,border-color .15s;line-height:1}.board-settings-btn:hover,.board-settings-btn.active{color:var(--stone-800);border-color:var(--stone-400)}.board-undo-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;padding:2px 5px;color:var(--stone-500);transition:color .15s,border-color .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.board-undo-btn:hover{color:var(--stone-800);border-color:var(--stone-400)}.board-settings-popover{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;padding:8px 12px;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:180px;display:flex;flex-direction:column;gap:6px}.board-settings-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stone-700);cursor:pointer;-webkit-user-select:none;user-select:none}.board-settings-row input{margin:0;cursor:pointer}.board-settings-divider{height:1px;background:var(--stone-200);margin:2px 0}.board-settings-reset-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:inherit;padding:2px 0;text-align:left}.board-settings-reset-btn:hover{color:var(--text-primary)}.board-settings-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--stone-400)}.board-settings-segmented{display:flex;border:1px solid var(--stone-300);border-radius:4px;overflow:hidden}.board-settings-segmented button{flex:1;padding:3px 10px;border:none;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary);border-right:1px solid var(--stone-300)}.board-settings-segmented button:last-child{border-right:none}.board-settings-segmented button:hover:not(.active){background:var(--stone-100)}.board-settings-segmented button.active{background:var(--segmented-active-bg);color:var(--segmented-active-text)}.filter-ribbon{align-self:stretch;background:var(--purple-bg);border:1px solid var(--purple-border);border-radius:6px;margin-bottom:4px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.filter-ribbon-info{display:flex;align-items:center;justify-content:space-between}.filter-ribbon-count{font-size:11px;font-weight:600;color:var(--purple-text)}.filter-ribbon-clear{padding:1px 8px;border:1px solid var(--purple-border);border-radius:3px;background:transparent;color:var(--purple-text);cursor:pointer;font-size:10px;font-family:inherit}.filter-ribbon-clear:hover{background:var(--purple-bg)}.filter-ribbon-nav{display:flex;align-items:center;justify-content:center;gap:8px}.filter-ribbon-nav-btn{padding:2px 8px;border:1px solid var(--purple-border);border-radius:3px;background:var(--bg-surface);color:var(--purple-text);cursor:pointer;font-size:11px;font-family:inherit}.filter-ribbon-nav-btn:hover{background:var(--purple-bg)}.filter-ribbon-pos{font-size:11px;color:var(--purple-accent);font-weight:500;min-width:50px;text-align:center}.filter-ribbon-link{border:none;background:transparent;color:var(--purple-accent);cursor:pointer;font-size:11px;font-family:inherit;padding:0;text-align:center}.filter-ribbon-link:hover{color:var(--purple-text);text-decoration:underline}.filter-ribbon-criteria{display:flex;flex-wrap:wrap;gap:4px}.filter-ribbon-pill{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 8px;border:1px solid var(--purple-border);border-radius:10px;color:var(--purple-text);background:var(--bg-surface)}.filter-ribbon-pill .filter-tag-dot{width:6px;height:6px}.filter-dropdown-wrapper{position:relative}.middle-option-btn.filter-active{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-accent)}.filter-dropdown{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;padding:6px 0;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:160px}.filter-dropdown-item{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;color:var(--stone-700);cursor:pointer;-webkit-user-select:none;user-select:none}.filter-dropdown-item:hover{background:var(--stone-100)}.filter-dropdown-item input{margin:0;cursor:pointer}.filter-saved-star{color:var(--color-gold);font-size:14px;line-height:1}.filter-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-dropdown-clear{display:block;width:calc(100% - 16px);margin:4px 8px 0;padding:4px;border:1px solid var(--purple-border);border-radius:3px;background:var(--purple-bg);color:var(--purple-text);cursor:pointer;font-size:11px;font-family:inherit;text-align:center}.filter-dropdown-clear:hover{background:var(--purple-bg)}.shortcuts-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);z-index:999}.shortcuts-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--bg-surface);border:1px solid var(--stone-300);border-radius:8px;box-shadow:var(--shadow-lg);min-width:320px;overflow:hidden}.shortcuts-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--stone-200);font-size:14px;font-weight:600;color:var(--stone-900)}.shortcuts-close{border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--stone-500);padding:0 4px;line-height:1;border-radius:4px}.shortcuts-close:hover{background:var(--stone-100);color:var(--stone-900)}.shortcuts-table{width:100%;border-collapse:collapse;padding:8px 0}.shortcuts-table td{padding:6px 16px;font-size:13px;color:var(--stone-700)}.shortcuts-table tr:hover{background:var(--stone-50)}.shortcuts-key{text-align:right;white-space:nowrap;color:var(--stone-500);width:120px}.shortcuts-key kbd{display:inline-block;padding:2px 6px;border:1px solid var(--stone-300);border-radius:3px;background:var(--stone-100);font-family:inherit;font-size:11px;color:var(--stone-700);box-shadow:0 1px 0 var(--stone-300)}.board-settings-reset-btn{padding:4px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-tertiary);width:100%;text-align:center}.board-settings-reset-btn:hover{background:var(--stone-100);color:var(--text-primary)}.filter-dropdown-separator{height:1px;background:var(--border-subtle);margin:4px 0}.filter-dropdown-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);padding:2px 8px}.ts-add-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--stone-100);border-left:3px solid var(--ts-indicator-color, #7c3aed);border-radius:0 4px 4px 0;font-size:12px;color:var(--stone-600);flex-shrink:0}.ts-add-bar-label{flex:1}.ts-add-bar-label strong{color:var(--stone-700)}.ts-add-bar-count{margin-left:8px;font-size:11px;color:var(--ts-indicator-color, #7c3aed);font-weight:500}.ts-add-bar-actions{display:flex;gap:6px}.ts-add-bar-add{padding:3px 10px;background:var(--ts-indicator-color, #7c3aed);color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer;font-family:inherit;font-weight:500}.ts-add-bar-add:hover:not(:disabled){opacity:.85}.ts-add-bar-add:disabled{opacity:.5;cursor:default}.ts-add-bar-remove{padding:3px 10px;background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626);border:1px solid var(--color-error-border, #fca5a5);border-radius:4px;font-size:11px;cursor:pointer;font-family:inherit;font-weight:500}.ts-add-bar-remove:hover{background:var(--color-error-bg, #fef2f2);border-color:var(--color-error, #dc2626)}.ts-add-bar-done{padding:3px 10px;background:none;color:var(--stone-500);border:1px solid var(--stone-300);border-radius:4px;font-size:11px;cursor:pointer;font-family:inherit}.ts-add-bar-done:hover{color:var(--stone-700);border-color:var(--stone-400)}.ts-add-bar-link{padding:3px 10px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;text-decoration:none}.ts-add-bar-link:hover{color:var(--stone-700);border-color:var(--stone-400)}.ts-panel{display:flex;flex-direction:column;gap:4px}.ts-panel-drills-link{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-surface-alt, var(--stone-50));border:1px solid var(--border-default);border-radius:5px;font-size:12px;font-weight:600;color:var(--accent-primary);cursor:pointer;font-family:inherit;margin-bottom:4px;transition:background .15s}.ts-panel-drills-link:hover{background:var(--accent-blue-bg, rgba(74,144,217,.08))}.ts-panel-linked-item{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s}.ts-panel-linked-item:hover{background:var(--bg-surface-alt, var(--stone-50))}.ts-panel-linked-item.tactics svg{color:var(--accent-primary, #4a90d9)}.ts-panel-linked-item.woodpecker svg{color:#f59e0b}.ts-panel-linked-item.positions svg{color:#7c4dff}.ts-panel-linked-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.ts-panel-linked-count{font-size:11px;color:var(--text-tertiary);font-weight:500}.ts-panel-linked-more{background:none;border:none;font-size:11px;color:var(--text-faint);cursor:pointer;padding:2px 8px;font-family:inherit;text-align:left}.ts-panel-linked-more:hover{color:var(--accent-primary)}.ts-panel-build-btn{font-size:11px;font-weight:500;color:var(--text-faint);background:none;border:1px dashed var(--border-default);padding:4px 8px;border-radius:4px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.ts-panel-build-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.ts-panel-divider{height:1px;background:var(--border-default);margin:4px 0}.ts-panel-section-label{font-size:11px;color:var(--text-muted);font-weight:500;margin-bottom:2px}.ts-panel-row{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-surface-alt, var(--stone-50));border-radius:4px;font-size:13px}.ts-panel-name{flex:1;background:none;border:none;color:var(--accent-primary);cursor:pointer;font-family:inherit;font-size:13px;text-align:left;padding:0}.ts-panel-name:hover{text-decoration:underline}.ts-panel-name.active{color:var(--ts-indicator-color, #7c3aed);font-weight:600}.ts-panel-mismatch{font-size:12px;color:var(--color-warning, #e6a700)}.ts-panel-remove{background:none;border:none;color:var(--stone-400);cursor:pointer;font-size:14px;padding:0 4px}.ts-panel-remove:hover{color:var(--color-incorrect)}.ts-panel-empty{font-size:12px;color:var(--text-faint)}.ts-panel-add-btn{padding:4px 8px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;margin-top:2px}.ts-panel-add-btn:hover{background:var(--stone-100);color:var(--stone-700)}.ts-panel-add-btn:disabled{opacity:.4;cursor:default}.ts-panel-available{margin-top:4px;border:1px solid var(--stone-200);border-radius:4px;overflow-y:auto;max-height:160px}.ts-panel-available-row{display:flex;align-items:center;gap:5px;width:100%;padding:5px 8px;background:none;border:none;border-bottom:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.ts-panel-available-row:last-child{border-bottom:none}.ts-panel-available-row:hover:not(:disabled){background:var(--bg-hover)}.ts-panel-available-row.dimmed{opacity:.5;cursor:default}.ts-panel-new-set{color:var(--text-muted);border-top:1px solid var(--border-subtle)}.ts-panel-available-name{flex:1;font-weight:500}.ts-panel-available-orient{font-size:10px;font-weight:600;padding:0 3px;background:var(--stone-200);color:var(--stone-600);border-radius:3px}.ts-panel-available-count{font-size:10px;color:var(--text-muted)}.ts-panel-available-added{font-size:10px;color:var(--text-muted);font-style:italic}.ts-panel-inline-row{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:4px;transition:background .1s}.ts-panel-inline-row:hover{background:var(--bg-hover)}.ts-panel-inline-row.selected{background:var(--accent-blue-bg)}.ts-panel-inline-indicator{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;transition:background .1s,border-color .1s}.ts-panel-inline-indicator.active{background:var(--ts-indicator-color);border-color:var(--ts-indicator-color)}.ts-panel-inline-name{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-panel-inline-orient{font-size:10px;color:var(--text-muted);font-weight:600;flex-shrink:0}.ts-panel-inline-chapter{color:var(--ts-indicator-color);font-size:14px;line-height:1;flex-shrink:0}.ts-panel-inline-count{font-size:10px;color:var(--text-faint);flex-shrink:0;min-width:20px;text-align:right}.ts-panel-new-set-input-row{margin-top:4px}.ts-panel-new-set-input{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid var(--accent-blue);border-radius:4px;font-size:12px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary);outline:none}.ts-panel-new-set-btn{display:block;width:100%;padding:5px 4px;margin-top:4px;background:none;border:1px dashed var(--border-default);border-radius:4px;color:var(--text-muted);font-size:11px;cursor:pointer;font-family:inherit;text-align:center;transition:color .1s,border-color .1s}.ts-panel-new-set-btn:hover:not(:disabled){color:var(--text-secondary);border-color:var(--stone-400)}.ts-panel-new-set-btn:disabled{opacity:.4;cursor:default}.ts-panel-new-set-btn.solid{border-style:solid}.ts-picker-modal{display:flex;flex-direction:column;gap:10px}.ts-picker-search{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--border-input);border-radius:5px;font-size:13px;font-family:inherit;background:var(--input-bg);color:var(--text-primary);outline:none}.ts-picker-search:focus{border-color:var(--accent-blue)}.ts-picker-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;border:1px solid var(--border-default);border-radius:5px}.ts-picker-row{display:flex;align-items:center;gap:8px;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--border-subtle);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;color:var(--text-primary);transition:background .1s}.ts-picker-row:last-child{border-bottom:none}.ts-picker-row:hover{background:var(--bg-hover)}.ts-picker-row.in-set{background:var(--accent-blue-bg)}.ts-picker-row.in-set:hover{background:var(--accent-blue-bg);opacity:.85}.ts-picker-name{flex:1;font-weight:500}.ts-picker-orient{font-size:10px;font-weight:700;padding:1px 4px;background:var(--stone-200);color:var(--stone-600);border-radius:3px;flex-shrink:0}.ts-picker-count{font-size:11px;color:var(--text-muted);flex-shrink:0}.ts-picker-check{font-size:14px;color:var(--accent-primary);font-weight:700;flex-shrink:0}.ts-picker-empty{padding:16px 12px;font-size:13px;color:var(--text-faint);text-align:center}.ts-picker-new{border-top:1px solid var(--border-default);padding-top:8px}.ts-picker-new-input{width:100%;box-sizing:border-box;padding:7px 10px;border:1px dashed var(--border-input);border-radius:5px;font-size:13px;font-family:inherit;background:var(--input-bg);color:var(--text-primary);outline:none}.ts-picker-new-input:focus{border-color:var(--accent-blue);border-style:solid}.ts-picker-new-input::placeholder{color:var(--text-placeholder)}.import-page-shell .page-shell-body{overflow-y:auto}.import-title{margin:0;font-size:16px;font-weight:600;color:var(--stone-700)}.import-page{max-width:800px;margin:0 auto;padding:24px}.import-tabs{display:flex;border-bottom:1px solid var(--border-default);margin-bottom:20px}.import-tab{flex:1;padding:10px;border:none;background:none;cursor:pointer;font-size:14px;font-family:inherit;color:var(--text-tertiary);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.import-tab:hover{color:var(--text-primary)}.import-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.import-error{background:var(--color-error-bg);color:var(--color-error);padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px;white-space:pre-line}.import-progress{background:var(--accent-blue);color:#fff;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px;text-align:center}.import-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid var(--border-input);border-radius:6px;font-family:inherit;font-size:14px;background:var(--bg-surface);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.form-group textarea{font-family:var(--font-mono);font-size:13px;line-height:1.4;resize:vertical}.color-toggle{display:flex;gap:8px}.color-btn{padding:6px 20px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-family:inherit;font-size:13px;color:var(--text-primary)}.color-btn.active{background:var(--stone-800);color:#fff;border-color:var(--stone-800)}.color-btn.active:first-child{background:var(--stone-100);color:var(--text-primary);border-color:var(--stone-300)}.import-submit{padding:6px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;align-self:flex-start}.import-submit:hover:not(:disabled){background:var(--accent-primary-hover)}.import-submit:disabled{opacity:.6;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:auto;padding:0}.form-hint{font-size:12px;color:var(--text-muted, var(--stone-400))}.form-hint a{color:var(--accent-blue)}.form-label-hint{font-weight:400;color:var(--text-muted, var(--stone-400))}.token-input-row{display:flex;gap:6px;align-items:center}.token-input-row input{flex:1}.token-clear-btn{padding:6px 10px;border:1px solid var(--border-input);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:16px;font-family:inherit;line-height:1}.token-clear-btn:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.token-saved-row{display:flex;align-items:center;gap:10px}.token-saved{color:var(--color-success, #22c55e)}.token-action-btn{padding:4px 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:inherit}.token-action-btn:hover{background:var(--bg-panel)}.token-save-btn{padding:6px 14px;border:1px solid var(--accent-blue);border-radius:6px;background:var(--accent-blue);color:#fff;cursor:pointer;font-size:13px;font-family:inherit;align-self:flex-start}.token-save-btn:hover{background:var(--accent-blue-hover)}.lichess-mode-toggle{display:flex;gap:2px;background:var(--bg-panel);border-radius:6px;padding:2px}.lichess-mode-btn{flex:1;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:4px;transition:background .15s,color .15s}.lichess-mode-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.lichess-mode-btn:hover:not(.active){color:var(--text-primary)}.import-mode-toggle{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;cursor:pointer;font-size:14px;color:var(--text-primary);font-weight:400}.radio-label input[type=radio]{width:auto;padding:0;align-self:center}.radio-hint{width:100%;padding-left:24px;font-size:12px;color:var(--text-muted, var(--stone-400));font-weight:400}.study-url-input{min-height:80px}.browse-search-row{display:flex;gap:8px}.browse-search-row input{flex:1}.browse-search-btn{padding:8px 18px;border:1px solid var(--accent-blue);border-radius:6px;background:var(--accent-blue);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;white-space:nowrap}.browse-search-btn:hover:not(:disabled){background:var(--accent-blue-hover)}.browse-search-btn:disabled{opacity:.6;cursor:not-allowed}.browse-your-studies-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.browse-your-studies-btn{flex:1;padding:9px 16px;border:1px solid var(--accent-blue);border-radius:6px;background:transparent;color:var(--accent-blue);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;text-align:left}.browse-your-studies-btn.active,.browse-your-studies-btn:hover:not(:disabled){background:var(--accent-blue);color:#fff}.browse-your-studies-btn:disabled{opacity:.6;cursor:not-allowed}.browse-clear-username-btn{padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, var(--stone-400));cursor:pointer;font-size:16px;line-height:1}.browse-clear-username-btn:hover{color:var(--text-secondary);background:var(--bg-panel)}.browse-another-label{font-size:12px;font-weight:500;color:var(--text-muted, var(--stone-400));text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.browse-loading{text-align:center;padding:24px;color:var(--text-secondary);font-size:14px}.browse-empty{text-align:center;padding:24px;color:var(--text-muted, var(--stone-400));font-size:14px;background:var(--bg-panel);border-radius:6px}.study-list-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.select-all-btn{padding:4px 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:inherit}.select-all-btn:hover{background:var(--bg-panel)}.study-list-count{font-size:13px;color:var(--text-secondary)}.study-list{border:1px solid var(--border-input);border-radius:6px;max-height:320px;overflow-y:auto}.study-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:400;color:var(--text-primary);border-bottom:1px solid var(--border-input);transition:background .1s}.study-list-item:last-child{border-bottom:none}.study-list-item:hover{background:var(--bg-panel)}.study-list-item.selected{background:#3b82f614}.study-list-item input[type=checkbox]{width:auto;padding:0;flex-shrink:0}.study-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-visibility-badge{flex-shrink:0;font-size:11px;padding:2px 7px;border-radius:10px;font-weight:500;text-transform:capitalize}.study-visibility-private{color:var(--amber-700, #92400e);background:var(--amber-100, #fef3c7)}.dark .study-visibility-private{color:var(--amber-300, #fcd34d);background:#fbbf2426}.study-visibility-unlisted{color:var(--text-muted, var(--stone-400));background:var(--bg-panel)}.tse-container{margin-top:12px;border:1px solid var(--stone-200);border-radius:8px;background:var(--bg-surface);overflow:hidden}.tse-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--stone-200)}.tse-count{font-size:12px;font-weight:500;color:var(--stone-500)}.tse-add-moves-btn{margin-left:auto;margin-right:8px;padding:3px 8px;background:none;border:1px solid var(--ts-indicator-color, #7c3aed);border-radius:4px;font-size:11px;font-weight:500;color:var(--ts-indicator-color, #7c3aed);cursor:pointer;font-family:inherit;transition:background .1s,color .1s}.tse-add-moves-btn:hover{background:var(--ts-indicator-color, #7c3aed);color:#fff}.tse-view-toggle{display:flex;gap:2px}.tse-view-btn{padding:2px 6px;background:none;border:1px solid var(--stone-200);border-radius:3px;font-size:12px;color:var(--stone-400);cursor:pointer;line-height:1}.tse-view-btn:hover{color:var(--stone-600);border-color:var(--stone-300)}.tse-view-btn.active{color:var(--stone-700);background:var(--stone-100);border-color:var(--stone-300)}.tse-loading,.tse-empty{padding:16px;text-align:center;font-size:12px;color:var(--stone-400)}.tse-split{display:flex;min-height:0}.tse-list{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--stone-200)}.tse-list-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;border-bottom:1px solid var(--stone-100);border-left:3px solid transparent;cursor:pointer;transition:all .1s;min-height:36px}.tse-list-row:last-child{border-bottom:none}.tse-list-row:hover{background:var(--stone-50, #fafaf9)}.tse-list-row.selected{background:var(--accent-blue-bg, rgba(59, 130, 246, .06));border-left-color:var(--accent-primary)}.tse-row-content{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.tse-move-label{font-weight:500;color:var(--stone-700);white-space:nowrap}.tse-chapter-tag{font-size:11px;color:var(--stone-400);background:var(--stone-100);padding:1px 6px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tse-mismatch{font-size:12px;color:var(--color-warning, #e6a700);flex-shrink:0}.tse-row-tag{font-size:10px;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,var(--tag-color, #888) 12%,transparent);color:var(--tag-color, #555);border:1px solid color-mix(in srgb,var(--tag-color, #888) 25%,transparent);white-space:nowrap;flex-shrink:0}.tse-row-metric{font-size:10px;font-weight:500;color:var(--stone-400);flex-shrink:0;white-space:nowrap}.tse-status-badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;flex-shrink:0;white-space:nowrap}.tse-status-new{background:var(--stone-100);color:var(--stone-500)}.tse-status-difficult{background:#fef2f2;color:#dc2626}.tse-status-mistake{background:#fff7ed;color:#d97706}.tse-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--stone-200);background:var(--stone-50, #fafaf9)}.tse-filter-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 6px 2px 8px;border-radius:10px;white-space:nowrap}.tse-filter-chip-status{background:var(--stone-200);color:var(--stone-600)}.tse-filter-chip-tag{background:color-mix(in srgb,var(--tag-color, #888) 15%,transparent);color:var(--tag-color, #555);border:1px solid color-mix(in srgb,var(--tag-color, #888) 25%,transparent)}.tse-filter-chip-remove{background:none;border:none;padding:0;cursor:pointer;font-size:13px;line-height:1;color:inherit;opacity:.5;font-family:inherit;transition:opacity .1s}.tse-filter-chip-remove:hover{opacity:1}.tse-filter-clear{background:none;border:none;padding:0;font-size:10px;color:var(--stone-400);cursor:pointer;font-family:inherit;margin-left:2px}.tse-filter-clear:hover{color:var(--stone-600);text-decoration:underline}.tse-sort-select{margin-left:8px;padding:2px 6px;font-size:11px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);font-family:inherit;cursor:pointer}.tse-preview-stats{width:100%;background:var(--stone-100);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.tse-stat-row{display:flex;justify-content:space-between;font-size:11px}.tse-stat-label{color:var(--stone-500)}.tse-stat-value{font-weight:500;color:var(--stone-700)}.tse-stat-correct{color:var(--color-correct, #16a34a)}.tse-stat-wrong{color:var(--color-incorrect, #dc2626)}.tse-preview{width:210px;flex-shrink:0;overflow-y:auto;background:var(--stone-50, #fafaf9);padding:12px 10px}.tse-preview-content{display:flex;flex-direction:column;align-items:center;gap:8px}.tse-preview-board{cursor:pointer;border-radius:4px;overflow:hidden;transition:box-shadow .15s}.tse-preview-board:hover{box-shadow:0 0 0 2px var(--accent-primary)}.tse-preview-move{font-size:14px;font-weight:600;color:var(--stone-700)}.tse-preview-chapter{font-size:11px;color:var(--stone-400);text-align:center}.tse-preview-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.tse-preview-goto{padding:5px 10px;background:var(--accent-primary);border:none;border-radius:4px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;transition:opacity .1s}.tse-preview-goto:hover{opacity:.85}.tse-preview-remove{padding:5px 10px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.tse-preview-remove:hover{border-color:var(--color-incorrect);color:var(--color-incorrect)}.tse-preview-empty{color:var(--stone-400);font-style:italic;font-size:12px;padding:24px 8px;text-align:center}.tse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:10px}.tse-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px}.tse-grid-board{position:relative;cursor:pointer;border-radius:4px;overflow:hidden}.tse-grid-board:hover{box-shadow:0 0 0 2px var(--accent-primary)}.tse-grid-remove{position:absolute;top:0;right:0;padding:0 4px;background:#00000080;border:none;color:#fff;font-size:12px;cursor:pointer;border-radius:0 0 0 4px;opacity:0;transition:opacity .15s}.tse-grid-board:hover .tse-grid-remove{opacity:1}.tse-grid-label{font-size:10px;color:var(--stone-500);font-weight:500}.tse-preview-tags{width:100%}.tse-preview-tags-label{font-size:10px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.tse-preview-tags-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tse-preview-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 5px;border-radius:3px;background:color-mix(in srgb,var(--tag-color, #888) 12%,transparent);color:var(--tag-color, #555);border:1px solid color-mix(in srgb,var(--tag-color, #888) 25%,transparent)}.tse-preview-tag-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--tag-color, #888);opacity:.6;font-size:11px;line-height:1;font-family:inherit}.tse-preview-tag-remove:hover{opacity:1}.tse-tag-picker-wrap{position:relative}.tse-add-tag-btn{font-size:10px;padding:2px 6px;background:none;border:1px dashed var(--stone-300);border-radius:3px;color:var(--stone-400);cursor:pointer;font-family:inherit;transition:all .1s}.tse-add-tag-btn:hover{border-color:var(--stone-400);color:var(--stone-600)}.tse-tag-picker{position:absolute;bottom:calc(100% + 4px);left:0;min-width:140px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:10;padding:4px 0;max-height:160px;overflow-y:auto}.tse-tag-picker-empty{font-size:11px;color:var(--stone-400);padding:6px 10px;font-style:italic}.tse-tag-picker-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 10px;background:none;border:none;font-size:11px;color:var(--stone-600);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.tse-tag-picker-item:hover{background:var(--stone-50)}.tse-tag-picker-dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color, var(--stone-400));flex-shrink:0}.tse-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--stone-200)}.tse-pagination button{padding:3px 10px;background:var(--bg-surface);border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit}.tse-pagination button:disabled{opacity:.4;cursor:default}.tse-pagination button:not(:disabled):hover{background:var(--stone-100)}.tse-page-info{font-size:12px;color:var(--stone-400)}.drill-icon-canvas{display:block;border-radius:6px;flex-shrink:0;transition:opacity .2s;opacity:.55}.dh-drill-card:hover .drill-icon-canvas,.odo-drill-card:hover .drill-icon-canvas{opacity:1}.opening-drill-overview{background:var(--bg-page)}.odo-loading{text-align:center;color:var(--text-muted);padding:60px 0}.odo-study-picker{position:relative}.odo-study-picker-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin:0;font-size:17px;font-weight:600;color:var(--stone-700);cursor:pointer;font-family:inherit;border-radius:4px;transition:color .1s}.odo-study-picker-btn:hover{color:var(--accent-primary)}.odo-study-picker-chevron{font-size:11px;color:var(--stone-400);margin-top:1px;transition:transform .15s}.odo-study-picker-btn.open .odo-study-picker-chevron{transform:rotate(180deg)}.odo-study-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:200;padding:4px 0;overflow:hidden}.odo-study-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;background:none;border:none;text-align:left;font-size:13px;font-weight:500;color:var(--stone-600);cursor:pointer;font-family:inherit;transition:background .1s}.odo-study-picker-item:hover{background:var(--stone-50);color:var(--stone-800)}.odo-study-picker-item.active{color:var(--accent-primary);background:var(--accent-blue-bg, #eff6ff)}.odo-study-picker-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--stone-300)}.odo-study-picker-dot[data-color=white]{background:#d4d0ca;border:1px solid var(--stone-300)}.odo-study-picker-dot[data-color=black]{background:#3d3d3d}.odo-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--stone-400);font-size:14px;text-align:center;padding:40px}.opening-drill-overview .back-link{color:var(--stone-500);text-decoration:none;font-size:13px}.opening-drill-overview .back-link:hover{color:var(--stone-700);text-decoration:underline}.odo-mismatch-badge{display:inline-block;font-size:10px;padding:0 2px;margin-left:3px;color:var(--color-warning-text, #e65100);vertical-align:middle}.odo-menu-wrap{position:relative}.odo-dropdown{position:absolute;top:100%;right:0;z-index:200;min-width:140px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:6px;box-shadow:var(--shadow-popover);padding:4px 0;margin-top:2px}.odo-dropdown-section-label{display:block;padding:4px 12px 2px;font-size:10px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.5px}.odo-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 12px;background:none;border:none;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit;text-align:left}.odo-dropdown-item:hover{background:var(--stone-100)}.odo-dropdown-item.active{color:var(--accent-primary);font-weight:500}.odo-dropdown-check{font-size:11px;color:var(--accent-primary)}.odo-dropdown-item.danger{color:var(--color-error, #dc2626)}.odo-dropdown-item.danger:hover{background:var(--color-error-bg, #fef2f2)}.odo-dropdown-divider{height:1px;background:var(--stone-200);margin:4px 0}.odo-show-more{width:100%;padding:6px 14px;background:none;border:none;font-size:12px;color:var(--accent-primary);cursor:pointer;font-family:inherit;text-align:left}.odo-show-more:hover{text-decoration:underline}.odo-create-inline{display:flex;align-items:center;gap:4px;padding:6px 14px}.odo-create-inline input{flex:1;padding:4px 7px;border:1px solid var(--stone-300);border-radius:4px;font-size:12px;font-family:inherit;min-width:0}.odo-create-confirm{padding:4px 8px;background:var(--accent-primary);border:none;border-radius:4px;font-size:11px;color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap}.odo-create-cancel{padding:4px 8px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;white-space:nowrap}.odo-create-btn{display:block;width:100%;padding:7px 14px;background:none;border:none;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;text-align:left;transition:color .1s}.odo-create-btn:hover{color:var(--accent-primary)}.odo-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-page)}.odo-subheader{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--stone-200);flex-shrink:0}.odo-subheader-back{background:none;border:none;color:var(--accent-primary);font-size:16px;cursor:pointer;padding:0 4px 0 0;line-height:1;flex-shrink:0;transition:opacity .1s}.odo-subheader-back:hover{opacity:.7}.odo-subheader-name{font-size:14px;font-weight:600;color:var(--stone-700)}.odo-subheader-name-input{font-size:14px;font-weight:600;color:var(--stone-700);background:none;border:none;border-bottom:1px solid transparent;border-radius:0;padding:0 2px;font-family:inherit;outline:none;min-width:60px;flex:1}.odo-subheader-name-input:hover{border-bottom-color:var(--stone-300)}.odo-subheader-name-input:focus{border-bottom-color:var(--accent-primary)}.odo-subheader-count{font-size:12px;color:var(--stone-400)}.odo-subheader-spacer{flex:1}.odo-positions-btn{padding:4px 10px;background:none;border:1px solid var(--stone-300);border-radius:5px;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit;transition:all .1s}.odo-positions-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.odo-stats-bar{display:flex;align-items:center;gap:0;padding:6px 20px;background:var(--bg-surface);border-bottom:1px solid var(--stone-200);flex-shrink:0}.odo-stat{font-size:12px;font-weight:500;padding:0 8px}.odo-stat.due{color:var(--srs-due-color, #e67e22)}.odo-stat.new{color:var(--srs-new-color, #3b82f6)}.odo-stat.mastered{color:var(--srs-mastered-color, #22c55e)}.odo-stat-sep{width:1px;height:12px;background:var(--stone-200)}.odo-content{flex:1;overflow-y:auto;padding:16px 20px}.odo-drill-section{margin-bottom:8px}.odo-section-heading{font-size:10px;font-weight:700;color:var(--stone-400);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.odo-drill-list{display:flex;flex-direction:column;gap:6px}.odo-drill-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px}.odo-drill-info{flex:1;display:flex;flex-direction:column;gap:2px}.odo-drill-name-row{display:flex;align-items:center;gap:6px}.odo-drill-name{font-size:14px;font-weight:600;color:var(--stone-700)}.odo-drill-reset-btn{padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:13px;color:var(--stone-400);cursor:pointer;border-radius:50%;opacity:0;transition:opacity .15s}.odo-drill-card:hover .odo-drill-reset-btn{opacity:1}.odo-drill-reset-btn:hover{color:var(--color-error, #dc2626);background:var(--color-error-bg, #fef2f2)}.odo-drill-desc{font-size:12px;color:var(--stone-500)}.odo-srs-stats{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.odo-srs-stat{font-size:11px;font-weight:500;padding:1px 5px;border-radius:3px}.odo-srs-stat.due{color:var(--srs-due-color, #e67e22);background:var(--srs-due-bg, #fff3e0)}.odo-srs-stat.new{color:var(--srs-new-color, #3b82f6);background:var(--srs-new-bg, #eff6ff)}.odo-srs-stat.learning{color:var(--srs-learning-color, #a855f7);background:var(--srs-learning-bg, #f5f3ff)}.odo-srs-stat.mastered{color:var(--srs-mastered-color, #22c55e);background:var(--srs-mastered-bg, #f0fdf4)}.odo-srs-stat.difficult{color:#c2410c;background:#fff7ed}.odo-srs-stat.mistakes{color:var(--color-error, #dc2626);background:var(--color-error-bg, #fef2f2)}.odo-start-btn{padding:6px 14px;background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:5px;font-size:13px;font-weight:500;flex-shrink:0}.odo-start-btn:hover{background:var(--accent-primary-hover, #1d4ed8)}.odo-other-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--stone-200)}.odo-cards-skeleton{display:flex;flex-direction:column;gap:6px}.odo-positions-view{display:flex;flex-direction:column;height:100%}.odo-back-bar{display:flex;align-items:center;padding:8px 12px;background:var(--stone-800);color:#fff;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:inherit;text-align:left;border-radius:6px;margin-bottom:12px;flex-shrink:0;transition:background .1s}.odo-back-bar:hover{background:var(--stone-700)}.odo-no-selection{padding:24px;text-align:center;font-size:13px;color:var(--stone-400)}.reset-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.reset-dialog{background:var(--bg-surface);border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:var(--shadow-popover)}.reset-dialog h3{margin:0 0 12px;font-size:16px;color:var(--stone-700)}.reset-dialog p{font-size:14px;color:var(--stone-600);margin:0 0 8px;line-height:1.5}.reset-warning{font-size:13px!important;color:var(--color-error, #dc2626)!important;font-weight:500}.reset-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.reset-dialog-actions button{padding:8px 16px;border:1px solid var(--stone-300);border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit;background:var(--bg-surface);color:var(--stone-600)}.reset-dialog-actions button:hover{background:var(--stone-100)}.reset-confirm-btn{background:var(--color-error, #dc2626)!important;color:#fff!important;border-color:var(--color-error, #dc2626)!important}.reset-confirm-btn:hover{opacity:.9}.odo-linked-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;background:var(--accent-primary);color:#fff;border-radius:8px;font-size:10px;font-weight:700;line-height:1}.odo-linked-banner{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-surface-alt, var(--stone-50))}.odo-linked-banner.empty{background:transparent}.odo-linked-banner-label{font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--text-faint);white-space:nowrap}.odo-linked-banner-items{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.odo-linked-banner-item{font-size:11px;font-weight:500;padding:2px 8px;border-radius:3px;cursor:pointer;transition:opacity .15s}.odo-linked-banner-item:hover{opacity:.8}.odo-linked-banner-item.tactics{background:var(--accent-blue-bg, rgba(74,144,217,.08));color:var(--accent-primary, #4a90d9)}.odo-linked-banner-item.woodpecker{background:#f59e0b14;color:#f59e0b}.odo-linked-banner-item.positions{background:#7c4dff0f;color:#7c4dff}.odo-linked-banner-count{font-weight:400;opacity:.7}.odo-linked-banner-more{font-size:10px;color:var(--text-faint);cursor:pointer}.odo-linked-banner-more:hover{color:var(--accent-primary)}.odo-linked-build-btn{font-size:10px;font-weight:500;color:var(--text-faint);background:none;border:1px dashed var(--border-default);padding:2px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.odo-linked-build-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.drill-picker{max-width:900px;margin:0 auto;padding:24px}.drill-picker-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.drill-picker-header h1{margin:0;font-size:16px;font-weight:600;color:var(--stone-700)}.drill-picker-empty{text-align:center;padding:60px 0;color:var(--text-muted)}.drill-picker-empty a{color:var(--accent-primary)}.drill-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.drill-picker-card{position:relative;background:var(--card-bg);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.drill-picker-card:hover{box-shadow:var(--shadow-sm)}.drill-picker-card-link{display:flex;text-decoration:none;color:inherit}.drill-picker-color{width:6px;flex-shrink:0}.drill-picker-color.white{background:var(--eval-white-bg)}.drill-picker-color.black{background:var(--eval-black-bg)}.drill-picker-color.ts-accent{background:var(--accent-primary)}.drill-picker-info{padding:16px;flex:1}.drill-picker-info h2{margin:0 0 6px;font-size:16px}.drill-picker-meta{font-size:13px;color:var(--text-tertiary)}.drill-picker-side{font-weight:600}.drill-picker-side.white{color:var(--stone-500)}.drill-picker-side.black{color:var(--stone-700)}.drill-picker-sep{margin:0 2px}.drill-picker-date{font-size:12px;color:var(--text-faint);margin-top:4px}.drill-picker-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 12px}.drill-picker-section-label--spaced{margin-top:24px}.drill-picker-set-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.drill-picker-set-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;cursor:pointer}.drill-picker-set-badge svg{width:11px;height:11px}.drill-picker-set-badge.tactics{background:var(--accent-blue-bg, rgba(74,144,217,.08));color:var(--accent-primary, #4a90d9)}.drill-picker-set-badge.positions{background:#7c4dff0f;color:#7c4dff}.drill-picker-build-btn{font-size:10px;font-weight:500;color:var(--text-faint);background:none;border:1px dashed var(--border-default);padding:2px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.drill-picker-build-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.drill-picker-orientation-badge{display:inline-flex;align-items:center;padding:1px 6px;margin-left:8px;background:var(--accent-blue-bg);color:var(--accent-primary);border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle}.board-card{background:var(--bg-surface);border:2px solid var(--stone-200);border-radius:10px;padding:12px;margin-bottom:12px}.board-card.result-correct{border-color:var(--cb-result-correct, var(--color-correct))}.board-card.result-incorrect{border-color:var(--cb-result-incorrect, var(--color-incorrect))}.board-card.showing-correct{border-color:var(--cb-result-showing, var(--accent-primary))}.board-card.flash-correct{animation:pulseCorrect .6s ease-out}.board-card.flash-incorrect{animation:shakeBoard .4s ease-out}@keyframes pulseCorrect{0%{box-shadow:0 0 0 0 var(--cb-result-correct-glow, rgba(34, 197, 94, .4))}50%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.board-context{display:flex;align-items:center;gap:6px;margin-bottom:8px;min-height:20px;font-size:12px;color:var(--stone-500)}.context-chapter{font-weight:500;color:var(--stone-600)}.context-sep{color:var(--stone-300)}.context-retry{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--amber-600, #d97706);background:var(--amber-50, #fffbeb);border:1px solid var(--amber-200, #fde68a);border-radius:4px;padding:1px 6px;margin-right:2px}.board-card .chess-board-container,.board-card .cb-container{margin:0 auto}.mastery-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0}.mastery-score-row{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.mastery-score-row .score-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#a8a29e;margin-right:3px}.mastery-score-row .score-old{font-size:14px;color:#a8a29e}.mastery-score-row .score-arrow{font-size:11px;color:#d6d3d1;margin:0 1px}.mastery-score-row .score-new{font-size:20px;font-weight:700;line-height:1}.mastery-score-row .score-new.up{color:#16a34a}.mastery-score-row .score-new.down{color:#dc2626}.mastery-score-row .score-new.mastered{color:#16a34a}.mastery-score-row .score-max{font-size:13px;color:#a8a29e;font-weight:500}.mastery-bar-wrap{width:100%;position:relative}.mastery-bar-track{height:6px;background:#f5f5f4;border-radius:999px;position:relative;overflow:visible}.mastery-bar-track:before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#e7e5e4;z-index:2}.mastery-bar-fill{height:100%;border-radius:999px;width:0%;position:relative;z-index:1}.mastery-bar-fill.tier-new{background:#a8a29e}.mastery-bar-fill.tier-learning{background:#3b82f6}.mastery-bar-fill.tier-solid{background:#f59e0b}.mastery-bar-fill.tier-mastered{background:#16a34a;box-shadow:0 0 8px #16a34a4d}.mastery-bar-tiers{display:flex;justify-content:space-between;margin-top:5px}.tier-tick{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:#d6d3d1;transition:color .3s}.tier-tick.active{color:#57534e;font-weight:700}.mastery-bar-track.shake{animation:barShake .35s ease-out}@keyframes barShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}.tier-badge{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;animation:badgePop .4s cubic-bezier(.34,1.56,.64,1) both}.tier-badge.up{background:#f59e0b21;color:#92400e}.tier-badge.up.mastered-badge{background:#16a34a1f;color:#14532d}.tier-badge.down{background:#dc262614;color:#991b1b}.tier-badge .star{display:inline-block;animation:starPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes starPop{0%{transform:scale(.5) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.drill-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:11px;color:var(--stone-400);padding:0 4px 4px}.drill-breadcrumb-sep{margin:0 3px;color:var(--stone-300)}.drill-breadcrumb-part{white-space:nowrap}.accuracy-ring{position:relative;flex-shrink:0}.accuracy-ring svg{transform:rotate(-90deg)}.accuracy-ring .ring-bg{fill:none;stroke:var(--stone-200)}.accuracy-ring .ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.accuracy-ring .ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--stone-700)}.streak-ticker{display:flex;gap:5px;align-items:center;justify-content:center}.streak-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--stone-200)}.streak-dot.correct{background:var(--color-correct);animation:slideInDot .3s ease-out}.streak-dot.incorrect{background:var(--color-incorrect);animation:slideInDot .3s ease-out}@keyframes slideInDot{0%{transform:translate(14px);opacity:0}to{transform:translate(0);opacity:1}}.annotation-card{display:flex;flex-direction:column;gap:12px;padding:16px 20px 18px;width:100%;box-sizing:border-box}.annotation-card-header{display:flex;align-items:center;justify-content:space-between}.annotation-card-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--stone-400, #a8a29e)}.annotation-card-move{font-size:13px;font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.annotation-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:4px;border-top:1px solid var(--stone-200, #e7e5e4)}.annotation-card-open-study{padding:3px 8px;background:none;border:none;font-size:11px;color:var(--stone-400);cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.annotation-card-open-study:hover{color:var(--stone-600)}.annotation-card-actions{display:flex;gap:8px;margin-left:auto}.annotation-card-close-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--stone-50, #fafaf9);border:1px solid var(--stone-200, #e7e5e4);color:var(--stone-500, #78716c);transition:all .15s}.annotation-card-close-btn:hover{background:var(--stone-100, #f5f5f4);color:var(--stone-700, #44403c);border-color:var(--stone-300, #d6d3d1)}.annotation-card-next-btn{padding:7px 22px;border-radius:6px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--stone-700, #44403c);color:#fff;border:none;transition:background .15s}.annotation-card-next-btn:hover{background:var(--stone-600, #57534e)}.annotation-card-saving{font-size:11px;color:var(--stone-400);font-style:italic}.annotation-card .nav-buttons{padding:2px 0}.foldout-field{display:flex;flex-direction:column;gap:4px}.foldout-tags{position:relative}.foldout-tag-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.foldout-tag-chip{font-size:11px;padding:2px 6px;border:1px solid;border-radius:3px;cursor:pointer;font-family:inherit;background:transparent}.foldout-tag-chip:hover{opacity:.7}.foldout-add-tag-btn{font-size:11px;padding:2px 8px;background:none;border:1px dashed var(--stone-300);border-radius:3px;color:var(--stone-500);cursor:pointer;font-family:inherit}.foldout-add-tag-btn:hover{background:var(--stone-100);color:var(--stone-600)}.foldout-tag-dropdown{position:absolute;top:100%;left:0;z-index:50;margin-top:2px;background:var(--popover-bg, #fff);border:1px solid var(--stone-300);border-radius:5px;box-shadow:0 2px 8px #0000001a;padding:4px 0;min-width:140px}.foldout-tag-option{display:flex;align-items:center;gap:6px;width:100%;padding:4px 10px;background:none;border:none;font-size:12px;color:var(--stone-700);cursor:pointer;font-family:inherit;text-align:left}.foldout-tag-option:hover{background:var(--stone-100)}.foldout-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.foldout-tag-empty{font-size:11px;color:var(--stone-400);padding:4px 10px}.annotate-trigger{background:none;border:none;color:var(--stone-400);font-size:11px;cursor:pointer;padding:2px 4px;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.annotate-trigger:hover{color:var(--stone-600)}.arrow-toolbar{display:flex;gap:4px;align-items:center}.arrow-toolbar-spacer{flex:1}.arrow-toolbar-btn{padding:2px 8px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:4px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.arrow-toolbar-btn:hover:not(:disabled){background:var(--stone-100);color:var(--stone-700);border-color:var(--stone-300)}.arrow-toolbar-btn:disabled{opacity:.4;cursor:default}.arrow-toolbar-btn.active{background:var(--stone-700);color:#fff;border-color:var(--stone-700)}.annotation-move-toast{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;animation:toast-fade 2s ease forwards;z-index:50}@keyframes toast-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.position-drill{max-width:440px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg-page)}.explore-context .context-chapter{color:var(--accent-primary)}.explore-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.explore-nav{display:flex;gap:4px}.explore-arrow{width:36px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--stone-300);border-radius:5px;font-size:16px;cursor:pointer;color:var(--stone-700);font-family:inherit}.explore-arrow:hover:not(:disabled){background:var(--stone-100)}.explore-arrow:disabled{opacity:.3;cursor:not-allowed}.resume-btn{padding:6px 20px;background:var(--stone-700);color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.resume-btn:hover{background:var(--stone-600)}.your-turn{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.turn-actions{display:flex;gap:12px}.result-display{text-align:center;width:100%}.result-text{margin:0;font-size:15px;font-weight:600}.result-text.correct{color:var(--color-success)}.result-text.incorrect{color:var(--color-error)}.sequence-drill{max-width:440px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg-page)}.sequence-drill .move-list{display:flex;flex-wrap:wrap;gap:2px 4px;padding:8px 4px;margin-bottom:10px;font-size:13px;line-height:1.6;border-bottom:1px solid var(--stone-100)}.sequence-drill .move-list-item-wrapper{display:inline-flex;align-items:center;gap:2px}.sequence-drill .move-number{color:var(--stone-400);font-size:12px;font-weight:500}.sequence-drill .move-item{padding:1px 4px;border-radius:3px;font-family:inherit}.sequence-drill .move-item.past{color:var(--stone-500)}.sequence-drill .move-item.past.player{color:var(--stone-700);font-weight:500}.sequence-drill .move-item.current{background:var(--stone-100);color:var(--stone-700);font-weight:600}.sequence-drill .move-item.current.correct{background:var(--color-correct-bg);color:var(--color-success)}.sequence-drill .move-item.current.incorrect{background:var(--color-error-bg);color:var(--color-error)}.sequence-drill .move-item.past.incorrect{color:var(--color-error);font-weight:500}.sequence-drill .move-item.opponent{font-weight:400}.sequence-drill .phase-text.result-correct{color:var(--color-success);font-weight:600}.sequence-drill .phase-text.result-incorrect{color:var(--color-error);font-weight:600}.sequence-drill .phase-text.line-done{font-weight:600}.sequence-drill .phase-text.line-done.perfect{color:var(--color-success)}.sequence-drill .phase-text.line-done.has-errors{color:var(--color-error)}.sequence-drill .line-complete-display{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.recall-drill{max-width:440px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg-page)}.recall-drill .drill-loading,.recall-drill .drill-error,.recall-drill .drill-empty{text-align:center;color:var(--stone-500);padding:60px 0}.recall-drill .drill-empty a{color:var(--stone-600)}.recall-drill .drill-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.recall-drill .drill-header .back-link{color:var(--stone-600);text-decoration:none;font-size:14px}.recall-drill .drill-header .back-link:hover{text-decoration:underline}.recall-drill .drill-title{font-size:16px;font-weight:600;color:var(--stone-700);font-family:Georgia,Times New Roman,serif}.recall-drill .board-card{background:var(--bg-surface);border:2px solid var(--stone-200);border-radius:10px;padding:12px;margin-bottom:12px;transition:border-color .3s}.recall-drill .board-card.result-correct{border-color:var(--color-correct)}.recall-drill .board-card.result-incorrect{border-color:var(--color-incorrect)}.recall-drill .board-card.flash-correct{animation:pulseGreen .6s ease-out}.recall-drill .board-card.flash-incorrect{animation:shakeBoard .4s ease-out}@keyframes pulseGreen{0%{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes shakeBoard{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.recall-drill .board-context{display:flex;align-items:center;gap:6px;margin-bottom:8px;min-height:20px;font-size:12px;color:var(--stone-500)}.recall-drill .context-chapter{font-weight:500;color:var(--stone-600)}.recall-drill .context-sep{color:var(--stone-300)}.recall-drill .board-card .chess-board-container,.recall-drill .board-card .cb-container{margin:0 auto}.recall-drill .control-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:10px;padding:14px 16px}.recall-drill .stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.recall-drill .stats-row .stat{font-size:13px;color:var(--stone-500);flex-shrink:0}.recall-drill .stats-center-block{display:flex;flex-direction:column;align-items:center;gap:6px}.recall-drill .accuracy-ring{position:relative;width:48px;height:48px;flex-shrink:0}.recall-drill .accuracy-ring svg{transform:rotate(-90deg);width:48px;height:48px}.recall-drill .accuracy-ring .ring-bg{fill:none;stroke:var(--stone-200);stroke-width:3.5}.recall-drill .accuracy-ring .ring-fill{fill:none;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.recall-drill .accuracy-ring .ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--stone-700)}.recall-drill .variation-indicators{display:flex;gap:8px;justify-content:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.recall-drill .variation-dot{display:flex;align-items:center;justify-content:center;min-width:40px;height:32px;border-radius:16px;padding:0 10px;font-size:13px;font-weight:500;transition:all .3s ease}.recall-drill .variation-dot.pending{background:var(--stone-100);color:var(--stone-400);border:1px solid var(--stone-200)}.recall-drill .variation-dot.correct{background:var(--color-correct-bg);color:var(--color-success);border:1px solid var(--color-correct-border);animation:popIn .3s ease-out}.recall-drill .variation-dot.incorrect,.recall-drill .variation-dot.missed{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.recall-drill .variation-dot.main-line{font-weight:600}.recall-drill .dot-label{white-space:nowrap}.recall-drill .dot-label.missed{text-decoration:line-through;text-decoration-color:var(--color-incorrect)}@keyframes popIn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.recall-drill .wrong-moves-indicator{display:flex;gap:6px;justify-content:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.recall-drill .wrong-pip{width:10px;height:10px;border-radius:50%;background:var(--stone-200);transition:background .3s ease}.recall-drill .wrong-pip.used{background:var(--color-incorrect)}.recall-drill .phase-content{min-height:48px;display:flex;align-items:center;justify-content:center}.recall-drill .phase-text{margin:0;font-size:15px;color:var(--stone-700);text-align:center}.recall-drill .phase-text.animating{font-style:italic;color:var(--stone-500)}.recall-drill .phase-text.prompt{font-weight:500}.recall-drill .phase-text.all-found{color:var(--color-success);font-weight:600}.recall-drill .phase-text.some-missed{color:var(--color-amber);font-weight:600}.recall-drill .your-turn{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.recall-drill .give-up-btn{padding:4px 12px;background:none;border:1px solid var(--stone-300);border-radius:4px;color:var(--stone-500);font-size:12px;cursor:pointer;font-family:inherit}.recall-drill .give-up-btn:hover{background:var(--stone-100);color:var(--stone-600)}.recall-drill .position-complete-display{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.recall-drill .position-complete-display .annotation-box{align-self:stretch}.recall-drill .next-btn{padding:6px 20px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;border:none;background:var(--stone-700);color:#fff}.recall-drill .next-btn:hover{background:var(--stone-600)}.recall-drill .drill-complete{display:flex;justify-content:center;padding-top:40px}.recall-drill .complete-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:12px;padding:32px 40px;text-align:center;width:100%}.recall-drill .complete-card h2{margin:0 0 20px;font-size:22px;font-family:Georgia,Times New Roman,serif;color:var(--stone-700)}.recall-drill .complete-stats{display:flex;justify-content:center;align-items:flex-end;gap:28px;margin-bottom:28px;flex-wrap:wrap}.recall-drill .complete-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.recall-drill .stat-value{font-size:24px;font-weight:700;color:var(--stone-700)}.recall-drill .stat-label{font-size:12px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.5px}.recall-drill .complete-actions{display:flex;gap:12px;justify-content:center}.recall-drill .drill-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;border:none}.recall-drill .drill-btn.primary{background:var(--stone-700);color:#fff}.recall-drill .drill-btn.primary:hover{background:var(--stone-600)}.recall-drill .drill-btn.secondary{background:var(--bg-surface);color:var(--stone-600);border:1px solid var(--stone-300)}.recall-drill .drill-btn.secondary:hover{background:var(--stone-100)}.recall-drill .complete-stat .accuracy-ring .ring-text{font-size:13px}.comparison-drill{max-width:780px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg-page)}.comparison-drill .board-pair{display:flex;gap:16px;margin-bottom:12px}.comparison-drill .board-slot{flex:1;min-width:0}.comparison-drill .board-slot .board-card{margin-bottom:0}.comparison-drill .board-top-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px;min-height:22px}.comparison-drill .board-label{font-size:15px;font-weight:700;color:var(--stone-500);transition:color .3s}.comparison-drill .board-label.label-correct{color:var(--color-success)}.comparison-drill .board-label.label-incorrect{color:var(--color-error)}.comparison-drill .replay-btn{position:absolute;right:0;background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:14px;padding:1px 5px;color:var(--stone-400);line-height:1;transition:color .15s,border-color .15s}.comparison-drill .replay-btn:hover{color:var(--stone-600);border-color:var(--stone-400)}.comparison-drill .correct-hint{text-align:center;font-size:12px;color:var(--color-error);margin-top:6px;font-weight:500}.comparison-drill .board-slot .annotation-box{margin-top:6px;padding:6px 10px}.comparison-drill .board-slot .annotation-comment{font-size:12px}.comparison-drill .pair-complete-display{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.comparison-drill .pair-complete-actions{display:flex;gap:8px;align-items:center}.comparison-drill .control-card.hidden{display:none}.comparison-drill .annotation-pair{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.comparison-drill .annotation-card-standalone{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:10px}.comparison-drill .annotation-pair-footer{width:100%;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.mixed-mode-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary)}.mixed-drill.wide{max-width:780px}.mixed-drill .board-pair{display:flex;gap:16px;margin-bottom:12px}.mixed-drill .board-slot{flex:1;min-width:0}.mixed-drill .board-slot .board-card{margin-bottom:0}.mixed-drill .board-top-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px;min-height:22px}.mixed-drill .board-label{font-size:15px;font-weight:700;color:var(--stone-500);transition:color .3s}.mixed-drill .board-label.label-correct{color:var(--color-success)}.mixed-drill .board-label.label-incorrect{color:var(--color-error)}.mixed-drill .replay-btn{position:absolute;right:0;background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:14px;padding:1px 5px;color:var(--stone-400);line-height:1;transition:color .15s,border-color .15s}.mixed-drill .replay-btn:hover{color:var(--stone-600);border-color:var(--stone-400)}.mixed-drill .correct-hint{text-align:center;font-size:12px;color:var(--color-error);margin-top:6px;font-weight:500}.mixed-drill .board-slot .annotation-box{margin-top:6px;padding:6px 10px}.mixed-drill .board-slot .annotation-comment{font-size:12px}.mixed-drill .pair-complete-display{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.mixed-drill .variation-indicators{display:flex;gap:8px;justify-content:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.mixed-drill .variation-dot{display:flex;align-items:center;justify-content:center;min-width:40px;height:32px;border-radius:16px;padding:0 10px;font-size:13px;font-weight:500;transition:all .3s ease}.mixed-drill .variation-dot.pending{background:var(--stone-100);color:var(--stone-400);border:1px solid var(--stone-200)}.mixed-drill .variation-dot.correct{background:var(--color-correct-bg);color:var(--color-success);border:1px solid var(--color-correct-border);animation:mixedPopIn .3s ease-out}.mixed-drill .variation-dot.incorrect,.mixed-drill .variation-dot.missed{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.mixed-drill .variation-dot.main-line{font-weight:600}.mixed-drill .dot-label{white-space:nowrap}.mixed-drill .dot-label.missed{text-decoration:line-through;text-decoration-color:var(--color-incorrect)}@keyframes mixedPopIn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mixed-drill .give-up-btn{padding:4px 12px;background:none;border:1px solid var(--stone-300);border-radius:4px;color:var(--stone-500);font-size:12px;cursor:pointer;font-family:inherit}.mixed-drill .give-up-btn:hover{background:var(--stone-100);color:var(--stone-600)}.mixed-drill .position-complete-display{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mixed-drill .position-complete-display .annotation-box{align-self:stretch}.mixed-drill .phase-text.all-found{color:var(--color-success);font-weight:600}.mixed-drill .phase-text.some-missed{color:var(--color-amber);font-weight:600}.mixed-drill .move-list{display:flex;flex-wrap:wrap;gap:2px 4px;padding:8px 4px;margin-bottom:10px;font-size:13px;line-height:1.6;border-bottom:1px solid var(--stone-100)}.mixed-drill .move-list-item-wrapper{display:inline-flex;align-items:center;gap:2px}.mixed-drill .move-number{color:var(--stone-400);font-size:12px;font-weight:500}.mixed-drill .move-item{padding:1px 4px;border-radius:3px;font-family:inherit}.mixed-drill .move-item.past{color:var(--stone-500)}.mixed-drill .move-item.past.player{color:var(--stone-700);font-weight:500}.mixed-drill .move-item.current{background:var(--stone-100);color:var(--stone-700);font-weight:600}.mixed-drill .move-item.current.correct{background:var(--color-correct-bg);color:var(--color-success)}.mixed-drill .move-item.current.incorrect{background:var(--color-error-bg);color:var(--color-error)}.mixed-drill .move-item.past.incorrect{color:var(--color-error);font-weight:500}.mixed-drill .move-item.opponent{font-weight:400}.mixed-drill .phase-text.line-done{font-weight:600}.mixed-drill .phase-text.line-done.perfect{color:var(--color-success)}.mixed-drill .phase-text.line-done.has-errors{color:var(--color-error)}.mixed-drill .line-complete-display{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mixed-drill .phase-text.all-correct{color:var(--color-success);font-weight:600}.mixed-drill .phase-text.some-wrong{color:var(--color-amber);font-weight:600}.missed-moves-section{margin-top:20px;text-align:left;width:100%}.missed-moves-section h3{font-size:14px;font-family:Georgia,Times New Roman,serif;color:var(--stone-700);margin:0 0 10px}.missed-moves-list{display:flex;flex-direction:column;gap:8px}.missed-move-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px}.missed-move-info{display:flex;flex-direction:column;gap:1px;min-width:0}.missed-move-label{font-size:14px;font-weight:600;color:var(--stone-700)}.missed-move-played{font-size:12px;color:var(--color-error)}.missed-move-count{font-size:11px;color:var(--stone-400)}.gm-game-drill{max-width:440px;margin:0 auto;padding:16px;background:var(--bg-page);min-height:100vh}.gm-game-drill.gm-picker-view{max-width:700px;padding:24px}.gm-picker{max-width:700px}.gm-picker-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.gm-picker-summary{font-size:13px;color:var(--stone-500)}.gm-filter-toggle{display:flex;gap:2px;border:1px solid var(--stone-200);border-radius:8px;overflow:hidden}.gm-filter-btn{padding:3px 10px;border:none;background:var(--bg-surface);font-size:12px;font-family:inherit;color:var(--stone-500);cursor:pointer;transition:all .15s}.gm-filter-btn:not(:last-child){border-right:1px solid var(--stone-200)}.gm-filter-btn:hover{background:var(--stone-50)}.gm-filter-btn.active{background:var(--stone-700);color:#fff}.gm-page-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;border-top:1px solid var(--stone-100)}.gm-page-btn{padding:2px 10px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-surface);font-size:12px;font-family:inherit;color:var(--stone-500);cursor:pointer;transition:all .15s}.gm-page-btn:hover:not(:disabled){border-color:var(--stone-300);color:var(--stone-700)}.gm-page-btn:disabled{opacity:.35;cursor:default}.gm-page-info{font-size:12px;color:var(--stone-400)}.gm-picker-empty{text-align:center;padding:40px 20px;color:var(--stone-500)}.gm-picker-empty p{margin:0 0 8px}.gm-picker-hint{font-size:13px;color:var(--stone-400)}.gm-leaf-group{margin-bottom:20px}.gm-leaf-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--stone-100);border-radius:6px 6px 0 0;border:1px solid var(--stone-200);border-bottom:none}.gm-leaf-move{font-size:14px;font-weight:600;color:var(--stone-700);font-family:Georgia,Times New Roman,serif}.gm-leaf-count{font-size:12px;color:var(--stone-400)}.gm-leaf-body{display:flex;gap:0;border:1px solid var(--stone-200);border-top:none;border-radius:0 0 6px 6px;overflow:hidden;background:var(--bg-surface)}.gm-leaf-board-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;flex-shrink:0;border-right:1px solid var(--stone-200)}.gm-replay-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--stone-200);background:var(--bg-surface);cursor:pointer;font-size:16px;line-height:1;color:var(--stone-500);display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.gm-replay-btn:hover:not(:disabled){border-color:var(--stone-300);color:var(--stone-700)}.gm-replay-btn:disabled{cursor:default}.gm-replay-btn.replaying{animation:gm-spin .8s linear infinite}@keyframes gm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gm-game-list{flex:1;min-width:0;overflow:hidden}.gm-game-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;background:var(--bg-surface);border:none;border-bottom:1px solid var(--stone-100);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}.gm-game-item:last-child{border-bottom:none}.gm-game-item:hover{background:var(--stone-50)}.gm-game-players{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--stone-700)}.gm-game-white{font-weight:500}.gm-game-vs{color:var(--stone-400);font-size:12px}.gm-game-black{font-weight:500}.gm-game-meta{display:flex;gap:10px;font-size:12px;color:var(--stone-500)}.gm-game-result{font-weight:600}.gm-completion-indicator{margin-left:auto;font-size:13px;line-height:1}.gm-completion-indicator.perfect{color:var(--color-success);font-weight:700}.gm-completion-indicator.done{color:var(--color-amber)}.gm-clear-progress{display:block;margin:8px auto 0;padding:6px 16px;background:none;border:none;font-size:13px;font-family:inherit;color:var(--stone-400);cursor:pointer;transition:color .15s}.gm-clear-progress:hover{color:var(--stone-500)}.gm-game-drill .move-list{display:flex;flex-wrap:wrap;gap:2px 4px;padding:8px 4px;margin-bottom:10px;font-size:13px;line-height:1.6;border-bottom:1px solid var(--stone-100)}.gm-game-drill .move-list-item-wrapper{display:inline-flex;align-items:center;gap:2px}.gm-game-drill .move-number{color:var(--stone-400);font-size:12px;font-weight:500}.gm-game-drill .move-item{padding:1px 4px;border-radius:3px;font-family:inherit}.gm-game-drill .move-item.past{color:var(--stone-500)}.gm-game-drill .move-item.past.player{color:var(--stone-700);font-weight:500}.gm-game-drill .move-item.current{background:var(--stone-100);color:var(--stone-700);font-weight:600}.gm-game-drill .move-item.current.correct{background:var(--color-correct-bg);color:var(--color-success)}.gm-game-drill .move-item.current.incorrect{background:var(--color-error-bg);color:var(--color-error)}.gm-game-drill .move-item.past.incorrect{color:var(--color-error);font-weight:500}.gm-game-drill .move-item.opponent{font-weight:400}.gm-guess-pips{display:flex;gap:6px;justify-content:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.gm-guess-pip{width:10px;height:10px;border-radius:50%;background:var(--stone-200);transition:background .3s ease}.gm-guess-pip.used{background:var(--color-incorrect)}.phase-text-row{display:flex;align-items:center;justify-content:center;gap:12px}.gm-hint-btn{padding:3px 10px;border:1px solid var(--stone-200);border-radius:12px;background:var(--bg-surface);font-size:12px;font-family:inherit;color:var(--stone-500);cursor:pointer;transition:all .15s}.gm-hint-btn:hover:not(:disabled){border-color:var(--stone-300);color:var(--stone-700)}.gm-hint-btn:disabled{opacity:.35;cursor:default}.gm-game-drill .phase-text.result-correct{color:var(--color-success);font-weight:600}.gm-game-drill .phase-text.result-incorrect{color:var(--color-error);font-weight:600}.gm-game-drill .phase-text.theory-ends{color:var(--purple-accent);font-weight:600}.gm-repertoire-ribbon{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-amber-bg);border:1px solid var(--color-amber-border);border-radius:8px;margin-top:8px}.gm-repertoire-ribbon-label{font-size:12px;color:var(--color-amber-text);font-weight:500}.gm-repertoire-ribbon-actions{display:flex;align-items:center;gap:6px}.gm-repertoire-add-btn{padding:3px 10px;border:1px solid var(--stone-900);border-radius:6px;background:var(--stone-900);color:#fff;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s;line-height:1.4}.gm-repertoire-add-btn:hover:not(:disabled){background:var(--stone-800)}.gm-repertoire-add-btn:disabled{opacity:.5;cursor:default}.gm-repertoire-dismiss-btn{padding:0;width:22px;height:22px;border:none;border-radius:4px;background:none;color:var(--color-amber-text);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.gm-repertoire-dismiss-btn:hover{background:#0000000f}.gm-repertoire-link{display:block;margin:6px auto 2px;padding:0;border:none;background:none;font-size:12px;font-family:inherit;color:var(--accent-primary);cursor:pointer;transition:color .15s}.gm-repertoire-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.complete-game-title{font-size:14px;color:var(--stone-600);margin:0 0 4px;padding:0 40px}.complete-game-date{font-size:13px;color:var(--stone-400);margin:0 0 16px}.gm-hint-text{font-size:13px;font-weight:600;color:var(--color-warning, #ca8a04);padding:2px 8px;background:var(--color-warning-bg, #fefce8);border-radius:4px;margin-left:8px}.gm-annotate-toggle{padding:2px 8px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;margin-top:4px}.gm-annotate-toggle:hover{background:var(--stone-100);color:var(--stone-700)}.showing-correct-display,.result-incorrect-display{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.quick-set-progress{height:4px;background:var(--stone-100);border-radius:2px;margin-bottom:12px;overflow:hidden}.quick-set-progress-fill{height:100%;background:var(--color-success, #22c55e);border-radius:2px;transition:width .4s ease}.sequence-branch-indicator{text-align:center;font-size:11px;font-weight:600;color:var(--stone-500);margin-bottom:8px;letter-spacing:.02em}.branch-transition-display{text-align:center;padding:8px 0}.branch-transition-display .phase-text.branch-complete{font-weight:600;color:var(--color-success, #22c55e);font-size:15px;margin-bottom:4px}.branch-progress-text{font-size:12px;color:var(--stone-500)}.game-import-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.game-import-modal{background:var(--popover-bg);border-radius:12px;width:480px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.game-import-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.game-import-header h2{margin:0;font-size:18px}.game-import-close{border:none;background:none;font-size:24px;color:var(--text-faint);cursor:pointer;padding:0;line-height:1}.game-import-close:hover{color:var(--text-primary)}.game-import-tabs{display:flex;border-bottom:1px solid var(--border-default)}.game-import-tab{flex:1;padding:10px;border:none;background:none;font-size:14px;font-family:inherit;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.game-import-tab:hover{color:var(--text-primary)}.game-import-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.game-import-body{padding:20px;display:flex;flex-direction:column;gap:14px}.game-import-body label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);font-weight:500}.game-import-body input,.game-import-body textarea{padding:8px 10px;border:1px solid var(--stone-300);border-radius:6px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.game-import-body input:focus,.game-import-body textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #2196f326}.game-import-body textarea{resize:vertical;font-family:monospace;font-size:12px}.game-import-submit{padding:10px 20px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:4px}.game-import-submit:hover:not(:disabled){background:var(--accent-blue-hover)}.game-import-submit:disabled{opacity:.5;cursor:not-allowed}.game-import-error{color:var(--color-error);font-size:13px;padding:8px 12px;background:var(--color-error-bg);border-radius:6px}.game-import-file-area{display:flex;align-items:center;gap:8px}.game-import-file-btn{padding:8px 16px;border:1px dashed #d6d3d1;border-radius:6px;background:#fafaf9;color:#555;font-size:13px;font-family:inherit;cursor:pointer}.game-import-file-btn:hover:not(:disabled){border-color:#2196f3;color:#2196f3}.game-import-file-name{font-size:12px;color:#16a34a;font-weight:500}.game-import-success{color:#16a34a;font-size:13px;padding:8px 12px;background:#f0fdf4;border-radius:6px}.game-import-loading{color:var(--text-muted);font-size:13px;text-align:center}.link-account-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.link-account-modal{background:var(--popover-bg);border-radius:12px;width:420px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.link-account-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.link-account-header h2{margin:0;font-size:18px}.link-account-close{border:none;background:none;font-size:24px;color:var(--text-faint);cursor:pointer;padding:0;line-height:1}.link-account-close:hover{color:var(--text-primary)}.link-account-tabs{display:flex;border-bottom:1px solid var(--border-default)}.link-account-tab{flex:1;padding:10px;border:none;background:none;font-size:14px;font-family:inherit;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.link-account-tab:hover{color:var(--text-primary)}.link-account-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.link-account-body{padding:20px;display:flex;flex-direction:column;gap:14px}.link-account-body label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);font-weight:500}.link-account-body input{padding:8px 10px;border:1px solid var(--stone-300);border-radius:6px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.link-account-body input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #2196f326}.link-account-hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.link-account-submit{padding:10px 20px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:4px}.link-account-submit:hover:not(:disabled){background:var(--accent-blue-hover)}.link-account-submit:disabled{opacity:.5;cursor:not-allowed}.link-account-error{color:var(--color-error);font-size:13px;padding:8px 12px;background:var(--color-error-bg);border-radius:6px}.link-account-warning{color:#92400e;font-size:13px;padding:8px 12px;background:#fffbeb;border-radius:6px}.link-account-success{color:#16a34a;font-size:13px;padding:8px 12px;background:#f0fdf4;border-radius:6px}.link-account-loading{color:var(--text-muted);font-size:13px;text-align:center}.gfb{background:var(--bg-surface-alt);border-bottom:1px solid var(--border-subtle);transition:border-color .2s ease}.gfb.gfb-has-filters{border-bottom-color:var(--accent-primary)}.gfb-toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;min-height:34px}.gfb-search-icon{flex-shrink:0;color:var(--stone-400);transition:color .15s}.gfb.gfb-has-filters .gfb-search-icon{color:var(--accent-primary)}.gfb .gfb-search-input{flex:1;background:transparent;border:none;font-size:13px;font-family:inherit;color:var(--text-primary);outline:none;min-width:0}.gfb .gfb-search-input::placeholder{color:var(--stone-400)}.gfb .gfb-search-input:focus::placeholder{color:var(--stone-500)}.gfb .gfb-search-input:focus{box-shadow:none}.gfb-toolbar-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.gfb-expand-btn{display:flex;align-items:center;gap:5px;padding:4px 12px;border:1px solid var(--stone-300);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--text-secondary);font-weight:500;flex-shrink:0}.gfb-expand-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.gfb-chevron{font-size:9px;color:var(--stone-400);transition:transform .15s}.gfb-expand-btn.open .gfb-chevron{transform:rotate(180deg)}.gfb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:8px;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:600}.gfb-pills{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:0 12px 6px}.gfb-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-blue-bg);border:1px solid var(--accent-blue-border, #bfdbfe);border-radius:10px;font-size:11px;color:var(--accent-blue-hover, #1e40af);white-space:nowrap}.gfb-pill-label{font-weight:600;color:var(--accent-blue, #3b82f6)}.gfb-pill-close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:none;border:none;cursor:pointer;font-size:12px;color:var(--accent-blue, #93c5fd);line-height:1;padding:0}.gfb-pill-close:hover{background:var(--accent-blue-bg);color:var(--accent-primary)}.gfb-btn-clear{padding:4px 10px;border:1px solid var(--stone-300);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.gfb-btn-clear:hover{background:var(--stone-100)}.gfb-rows{border-top:1px solid var(--border-subtle)}.gfb-row{display:flex;align-items:center;gap:8px;padding:5px 12px;flex-wrap:wrap;row-gap:5px}.gfb-row+.gfb-row{border-top:1px solid var(--border-subtle)}.gfb-row-label{font-size:9px;font-weight:700;color:var(--stone-400);text-transform:uppercase;letter-spacing:.5px;width:68px;flex-shrink:0}.gfb-fg{display:flex;align-items:center;gap:5px;position:relative}.gfb-fg label{font-size:11px;font-weight:500;color:var(--stone-500);white-space:nowrap}.gfb input[type=text]:not(.gfb-search-input),.gfb input[type=number],.gfb input[type=date],.gfb select{padding:3px 6px;border:1px solid var(--stone-300);border-radius:3px;font-size:12px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.gfb input::placeholder{color:var(--stone-400)}.gfb input:focus:not(.gfb-search-input),.gfb select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.gfb select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%2378716c' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:20px}.gfb-input-sm{width:100px}.gfb-input-num{width:56px}.gfb-input-date{width:120px}.gfb-input-opening{width:200px}.gfb-input-fen{width:240px}.gfb-select-sm{width:90px}.gfb-select-lg{width:140px}.gfb-sep{width:1px;height:18px;background:var(--border-subtle);flex-shrink:0}.gfb-or{font-size:10px;color:var(--stone-300);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.gfb-vs{font-size:11px;color:var(--stone-400);font-style:italic}.gfb-range-sep{font-size:11px;color:var(--stone-400)}.gfb-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.gfb-checkbox input[type=checkbox]{margin:0;accent-color:var(--accent-primary);cursor:pointer}.gfb-checkbox span{font-size:11px;font-weight:500;color:var(--stone-500)}.gfb-star-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--stone-500);cursor:pointer;white-space:nowrap;font-weight:500}.gfb-star{font-size:14px;color:var(--stone-300)}.gfb-star-toggle.active .gfb-star{color:#f59e0b}.gfb-opening-field{position:relative}.gfb-opening-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--popover-bg);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-popover);padding:4px 0;z-index:50;min-width:240px;max-height:240px;overflow-y:auto}.gfb-opening-item{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px;cursor:pointer;color:var(--text-primary)}.gfb-opening-item:hover{background:var(--stone-100)}.gfb-opening-eco{font-family:monospace;font-size:11px;font-weight:600;color:var(--accent-primary);min-width:28px}.gfb-tags-field{position:relative}.gfb-tag-toggle{padding:3px 20px 3px 6px;border:1px solid var(--stone-300);border-radius:3px;font-size:12px;font-family:inherit;background:var(--bg-surface);cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%2378716c' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.gfb-tag-toggle.active{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-blue-bg)}.gfb-tag-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--popover-bg);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-popover);padding:6px 0;z-index:50;min-width:160px;max-height:240px;overflow-y:auto}.gfb-tag-item{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;cursor:pointer;color:var(--text-primary)}.gfb-tag-item:hover{background:var(--stone-100)}.gfb-tag-item input[type=checkbox]{margin:0;accent-color:var(--accent-primary)}.gfb-tag-clear{display:block;width:calc(100% - 16px);margin:4px 8px 2px;padding:6px 8px 4px;border:none;background:none;color:var(--color-error);font-size:11px;font-family:inherit;cursor:pointer;text-align:center;border-top:1px solid var(--border-subtle)}.gfb-tag-clear:hover{color:var(--color-delete)}.gfb-position-btn{padding:3px 8px;border:1px dashed var(--stone-300);border-radius:3px;font-size:12px;font-family:inherit;background:var(--bg-surface);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;gap:4px}.gfb-position-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.gfb-position-btn.active{border-style:solid;border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-blue-bg)}.gfb-position-clear{font-size:14px;line-height:1;cursor:pointer;opacity:.7}.gfb-position-clear:hover{opacity:1}.gfb-bitmap-field{display:flex;flex-direction:column;gap:6px;flex:1}.gfb-bitmap-tabs{display:flex;gap:0}.gfb-bitmap-tab{padding:3px 8px;border:1px solid var(--stone-300);font-size:11px;font-family:inherit;background:var(--bg-surface);cursor:pointer;color:var(--text-secondary)}.gfb-bitmap-tab:first-child{border-radius:3px 0 0 3px}.gfb-bitmap-tab:last-child{border-radius:0 3px 3px 0}.gfb-bitmap-tab:not(:first-child){margin-left:-1px}.gfb-bitmap-tab.active{background:var(--accent-blue-bg);color:var(--accent-primary);border-color:var(--accent-primary);position:relative;z-index:1}.gfb-bitmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px 6px}.gfb-bitmap-item{display:flex;align-items:center;gap:5px;padding:2px 4px;font-size:11px;cursor:pointer;color:var(--text-primary);white-space:nowrap;border-radius:2px}.gfb-bitmap-item:hover{background:var(--stone-100)}.gfb-bitmap-item.selected{color:var(--accent-primary)}.gfb-bitmap-item input[type=checkbox]{margin:0;accent-color:var(--accent-primary)}.gfb-bitmap-clear-inline{border:none;background:none;color:var(--color-error);font-size:11px;font-family:inherit;cursor:pointer;padding:2px 0;align-self:flex-start}.gfb-bitmap-clear-inline:hover{color:var(--color-delete)}.gfb-row-structure{align-items:flex-start}.gfb-row-structure .gfb-row-label{padding-top:4px}@media(max-width:800px){.gfb-row-label{width:56px;font-size:8px}.gfb-bitmap-grid{grid-template-columns:repeat(2,1fr)}}.game-collections{max-width:900px;margin:0 auto;padding:24px}.game-collections-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.game-collections-header h1{margin:0;font-size:16px;font-weight:600;color:var(--stone-700)}.game-collections-empty{text-align:center;color:var(--text-muted);padding:60px 0}.link-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline}.game-collections-sections{display:flex;flex-direction:column;gap:28px}.gc-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 12px}.game-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.collection-card{position:relative;background:var(--card-bg);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;transition:box-shadow .15s}.collection-card:hover{box-shadow:var(--shadow-sm)}.collection-card-link{display:flex;text-decoration:none;color:inherit}.collection-source-bar{width:6px;flex-shrink:0}.collection-source-bar.lichess{background:#629924}.collection-source-bar.chesscom{background:#769656}.collection-source-bar.pgn{background:var(--text-muted)}.collection-source-bar.system{background:var(--accent, #3b82f6)}.collection-card-body{padding:16px;flex:1}.collection-card-body h2{margin:0 0 6px;font-size:16px}.collection-meta{font-size:13px;color:var(--text-tertiary)}.collection-source{color:var(--accent-blue)}.collection-date{font-size:12px;color:var(--text-faint);margin-top:4px}.collection-card-actions{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:center;gap:0}.collection-sync-btn{width:22px;height:22px;border:none;background:none;color:var(--text-placeholder);font-size:16px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.collection-sync-btn:hover:not(:disabled){background:var(--bg-hover);color:#16a34a}.collection-sync-btn:disabled{opacity:.5;cursor:default;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collection-delete,.collection-rename-btn{width:22px;height:22px;border:none;background:none;color:var(--text-placeholder);font-size:16px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.collection-rename-btn{font-size:14px}.collection-delete:hover{background:var(--bg-hover);color:var(--color-error)}.collection-rename-btn:hover{background:var(--bg-hover);color:var(--accent-blue)}.collection-card-edit-row{display:flex;padding:12px 16px}.collection-rename-input{width:100%;padding:4px 8px;border:1px solid var(--accent-blue);border-radius:4px;font-size:16px;font-weight:600;font-family:inherit;outline:none;background:var(--card-bg);color:var(--text-primary)}.game-collections .gfb{background:transparent;border-bottom:none;margin-bottom:12px}.gc-search-results{margin-top:16px;border:1px solid var(--border-default);border-radius:8px;overflow:hidden;background:var(--card-bg)}.gc-results-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border-subtle);font-size:13px;font-weight:500;color:var(--text-secondary)}.gc-results-table{width:100%;border-collapse:collapse;font-size:13px}.gc-results-table thead th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-subtle)}.gc-results-table tbody tr{cursor:pointer;transition:background .1s}.gc-results-table tbody tr:hover{background:var(--bg-hover)}.gc-results-table td{padding:8px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.gc-result-col{text-align:center;font-weight:500}.gc-eco-col{text-align:center;color:var(--text-secondary);font-family:monospace;font-size:12px}.gc-elo-col{text-align:right;color:var(--text-secondary);font-size:12px}.gc-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)}.gc-pagination button{padding:4px 12px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--text-primary)}.gc-pagination button:hover:not(:disabled){background:var(--stone-100)}.gc-pagination button:disabled{opacity:.4;cursor:default}.gc-no-results{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.gc-dimmed{opacity:.4;pointer-events:none;transition:opacity .2s}.gc-search-skeleton{border-top:1px solid var(--border-subtle)}.gpp-root{display:flex;flex-direction:column;align-items:center;background:var(--board-bg);height:100%;overflow:hidden}.gpp-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:12px 16px;width:100%}.gpp-toolbar{display:flex;align-items:center;gap:4px;margin-bottom:8px}.gpp-root .nav-buttons{margin-top:8px}.gpp-toolbar-spacer{flex:1}.gpp-toolbar .nav-btn{min-width:28px;padding:4px 8px}.gpp-toolbar .nav-btn.active{color:var(--color-gold)}.gpp-toolbar .nav-btn-text{width:auto;min-width:unset;padding:4px 10px;font-size:11px;white-space:nowrap}.gpp-toolbar .nav-btn-text.active{background:transparent;color:var(--color-success);border-color:var(--color-success)}.gpp-toolbar .nav-btn-text.active:hover{background:#16a34a0f}.gpp-meta{width:100%;text-align:center;margin-top:10px}.gpp-meta-players{font-size:14px;font-weight:600;margin-bottom:2px}.gpp-meta-detail{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.gpp-meta-opening{font-size:12px;color:var(--stone-500);font-style:italic;margin-bottom:8px}.gpp-meta-title{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.gpp-meta-context{font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.gpp-meta-eval{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.gpp-meta-eval-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--stone-700)}.gpp-meta-eval-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.gpp-meta-eval-label.conversion{background:#6894241a;color:#689424}.gpp-meta-eval-label.defense{background:#ca34311a;color:#ca3431}.gpp-meta-eval-label.equal{background:var(--stone-50);color:var(--stone-500)}.gpp-meta-themes{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.gpp-meta-theme-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-default)}.gpp-moves{width:100%;font-size:12px;color:var(--text-secondary);text-align:left;line-height:1.7;max-height:240px;overflow-y:auto;margin-top:4px}.gpp-moves .move-num{color:var(--text-faint)}.gpp-inline-comment{color:var(--stone-500);font-style:italic;font-size:11px}.gpp-moves .move-token.in-structure-range{border-bottom:2px solid var(--accent-primary);padding-bottom:1px}.gpp-moves .move-token.tactical-match{border-bottom:2px solid #e8a838;padding-bottom:1px}.gpp-moves .move-token.match-ply{background:var(--accent-blue-bg);border-radius:2px}.match-range-label{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:0 4px;border-radius:2px;vertical-align:middle;line-height:1.6}.match-range-start{background:var(--accent-blue-bg);color:var(--accent-primary);border:1px solid var(--accent-blue-border, #bfdbfe);margin-right:2px}.match-range-end{background:var(--stone-100);color:var(--stone-500);border:1px solid var(--stone-200);margin-left:2px;font-size:8px}.match-point-label{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:0 4px;border-radius:2px;background:#e8a83826;color:#b47d1e;border:1px solid rgba(232,168,56,.3);margin-left:2px;vertical-align:middle;line-height:1.6}.gpp-cta{flex-shrink:0;padding:12px 16px;width:100%;border-top:1px solid var(--border-default)}.gpp-cta-btn{width:100%;padding:6px 20px;font-size:13px;font-weight:500;border:1px solid var(--accent-primary);border-radius:4px;background:var(--accent-primary);color:#fff;cursor:pointer;font-family:inherit}.gpp-cta-btn:hover{background:var(--accent-primary-hover)}.gpp-empty-label{color:var(--text-faint);font-size:13px;margin-top:12px;text-align:center}.move-token{display:inline-block;padding:1px 5px;margin:1px 2px;border-radius:3px;cursor:pointer;white-space:nowrap;transition:background .1s;font-weight:600;font-size:13px;position:relative}.move-token:hover{background:var(--stone-50)}.move-token.selected{background:var(--accent-blue-bg);outline:1px solid var(--focus-border);outline-offset:-1px}.move-token.next-move{outline:1.5px dashed var(--focus-border);outline-offset:-1px;border-radius:3px}.move-token.saved.selected{background:var(--accent-blue-bg)}.move-token-star{font-size:14px;color:var(--color-gold);margin-right:1px;vertical-align:super;line-height:1;position:relative;top:-2px}.move-token.in-training-set{border-left:2.5px solid var(--ts-indicator-color, #8b5cf6);padding-left:4px;border-radius:0 3px 3px 0}.move-token-ts-remove{display:none;position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:12px;height:12px;font-size:9px;line-height:12px;text-align:center;border-radius:50%;background:var(--ts-indicator-color, #8b5cf6);color:#fff;cursor:pointer;border:none;padding:0;z-index:2}.move-token.in-training-set:hover .move-token-ts-remove{display:block}.move-token.dimmed{opacity:.2}.move-token.preview-node{color:var(--graph-preview-node);opacity:.7}.move-token.staged-node{border-bottom:1.5px dotted var(--purple-accent);border-radius:3px 3px 1px 1px;color:var(--purple-accent)}.move-token.staged-node.selected{border-bottom:1.5px dotted var(--purple-accent);border-radius:3px 3px 1px 1px;background:var(--accent-blue-bg);outline:1px solid var(--focus-border);outline-offset:-1px;color:var(--purple-accent)}.move-token.coverage-covered{color:var(--graph-covered-node)}.move-token.coverage-partial{color:var(--graph-partial-node)}.move-token.coverage-uncovered{color:var(--graph-uncovered-node)}.move-token.coverage-theory{color:var(--graph-theory-node, #57534e);opacity:.7}.move-token.coverage-staged{opacity:.5}.move-token.staged-dim{color:var(--graph-staged-dim, #555);opacity:.4}.move-token.explore-dim{opacity:.85}.eval-chart-container{position:relative;width:100%;margin:4px 0 8px}.eval-chart-svg{width:100%;height:100px;cursor:crosshair;border-radius:4px;display:block}.eval-chart-tooltip{position:absolute;top:-22px;transform:translate(-50%);background:#000000d9;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:10}.eval-chart-tooltip-move{margin-right:4px;opacity:.7}.glib-header h1{margin:0;font-size:16px;font-weight:600}.glib.back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;flex-shrink:0}.glib.back-link:hover{text-decoration:underline}.collection-select{padding:4px 24px 4px 10px;border:1px solid var(--border-default);border-radius:4px;background:var(--stone-50);cursor:pointer;font-size:13px;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 01.753 1.659l-4.796 5.48a1 1 0 01-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;min-width:140px;max-width:250px;color:var(--text-primary)}.collection-select:hover{background-color:var(--stone-200);border-color:var(--stone-300)}.collection-select:focus{outline:none;border-color:var(--accent-primary)}.glib-count{font-size:13px;color:var(--text-muted)}.glib-header-spacer{flex:1}.glib-sync-btn{padding:5px 14px;border:1px solid var(--stone-300);border-radius:6px;background:none;color:var(--text-secondary);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer}.glib-sync-btn:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.glib-sync-btn:disabled{opacity:.5;cursor:default}.glib.games-import-btn{padding:6px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;flex-shrink:0}.glib.games-import-btn:hover{background:var(--accent-primary-hover)}.glib-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.glib-results-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-blue-bg);border-bottom:1px solid var(--accent-blue-border, #bfdbfe);font-size:12px;flex-shrink:0}.glib-results-text{color:var(--accent-blue-hover, #1e40af);font-weight:500}.glib-results-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700}.glib-results-spacer{flex:1}.glib-results-clear{padding:2px 8px;border:1px solid var(--accent-blue-border, #bfdbfe);border-radius:4px;background:transparent;color:var(--accent-blue-hover, #1e40af);font-size:11px;font-family:inherit;cursor:pointer}.glib-results-clear:hover{background:#3b82f61a}.glib-browse-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-default);font-size:12px;color:var(--text-secondary);flex-shrink:0}.glib-browse-count{color:var(--text-faint)}.glib-bulk-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-blue-bg);border-bottom:1px solid var(--focus-border);font-size:12px;color:var(--accent-primary);flex-shrink:0}.glib-bulk-bar .count{font-weight:600}.glib-bulk-bar button{padding:2px 10px;border:1px solid var(--focus-ring);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--accent-primary)}.glib-bulk-bar button:hover{background:var(--focus-bg)}.glib-bulk-bar .deselect{margin-left:auto;border:none;background:none;color:var(--stone-500);text-decoration:underline;font-size:11px;cursor:pointer}.glib-list-header{display:grid;grid-template-columns:24px 44px 1fr 56px 42px 140px 80px;gap:4px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border-default);font-size:10px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.3px;background:var(--bg-surface);position:sticky;top:0;z-index:1}.glib-list-header .cb-all{width:14px;height:14px;accent-color:var(--accent-primary);cursor:pointer}.glib-list-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default)}.glib-list-tab{padding:8px 16px;font-size:13px;font-family:inherit;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-muted);transition:color .15s}.glib-list-tab:hover{color:var(--text-primary)}.glib-list-tab.active{color:var(--text-primary);font-weight:500;border-bottom-color:var(--accent-primary)}.glib-list-tab-count{margin-left:4px;font-size:11px;color:var(--stone-400)}.glib-game-list{flex:1;overflow-y:auto;scrollbar-gutter:stable}.glib-game-row{display:grid;grid-template-columns:24px 44px 1fr 56px 42px 140px 80px;gap:4px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--bg-hover);cursor:pointer;font-size:13px}.glib-game-row:hover{background:var(--bg-hover)}.glib-game-row.selected{background:var(--accent-blue-bg)}.glib-game-row.previewing{border-left:3px solid var(--accent-primary);padding-left:9px}.glib-game-row .cb{width:14px;height:14px;accent-color:var(--accent-primary);cursor:pointer}.glib-game-row .players{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glib-game-row .players .elo{font-weight:400;font-size:11px;color:var(--text-faint)}.glib-game-row .result{font-weight:600;color:var(--accent-primary);text-align:center}.glib-game-row .eco{font-size:11px;color:var(--stone-500);text-align:center}.glib-game-row .date{font-size:11px;color:var(--stone-400);text-align:right}.glib-game-row .tags{display:flex;gap:3px;overflow:hidden}.glib-game-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-default)}.glib-game-tag.builtin{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.glib-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-default);font-size:12px;color:var(--stone-500);background:var(--bg-surface-alt);flex-shrink:0}.glib-pagination button{padding:2px 8px;border:1px solid var(--stone-300);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-family:inherit;font-size:12px;color:var(--text-primary)}.glib-pagination button:hover:not(:disabled){background:var(--stone-100)}.glib-pagination button:disabled{opacity:.3;cursor:default}.glib-side-panel{border-left:1px solid var(--border-default);background:var(--bg-surface);display:flex;flex-direction:column;overflow-y:auto}.glib-side-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--stone-400);font-size:13px}.glib-side-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-surface-alt);font-size:13px;font-weight:600;flex-shrink:0}.glib-side-close{border:none;background:none;cursor:pointer;font-size:16px;color:var(--text-faint);padding:0 4px}.glib-side-close:hover{color:var(--text-primary)}.glib-tag-manager-wrapper{flex:1;overflow-y:auto}.glib-bulk-dropdown{position:fixed;background:var(--popover-bg);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-popover);padding:8px 0;z-index:100;min-width:160px}.glib-bulk-dropdown-item{padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px}.glib-bulk-dropdown-item:hover{background:var(--stone-100)}.glib-row-icons{display:flex;align-items:center;gap:4px}.glib-icon-analysis{display:flex;align-items:center;color:var(--text-placeholder)}.glib-icon-analysis.complete{color:var(--color-success)}.glib-icon-analysis.queued{color:var(--stone-400);animation:glib-pulse 2s ease-in-out infinite}.glib-icon-analysis.running{color:var(--stone-400);animation:glib-pulse 1.5s ease-in-out infinite}.glib-icon-analysis.failed{color:var(--color-error)}.glib-icon-scan{display:flex;align-items:center;color:var(--stone-400)}.glib-icon-scan.complete{color:var(--color-success)}.glib-icon-scan.running{color:var(--color-amber);animation:glib-pulse 1.5s ease-in-out infinite}.glib-icon-scan.failed{color:var(--color-error)}.glib-icon-notes{width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}@keyframes glib-pulse{0%,to{opacity:1}50%{opacity:.35}}.glib-analysis-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.glib-header-name{margin:0;font-size:16px;font-weight:600;cursor:pointer;border-radius:4px;padding:2px 4px}.glib-header-name:hover{background:var(--stone-50)}.glib-header-name-input{margin:0;font-size:16px;font-weight:600;border:1px solid var(--accent-primary);border-radius:4px;padding:2px 4px;outline:none;font-family:inherit;background:var(--bg-surface)}.game-sidebar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--border-default)}.game-sidebar-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.game-sidebar-header-row{display:grid;grid-template-columns:20px 20px 1fr 56px 42px 140px 80px;gap:4px;padding:6px 12px;border-bottom:1px solid var(--border-default);font-size:10px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.3px;background:var(--bg-surface);flex-shrink:0}.game-sidebar-list{flex:1;overflow-y:auto;scrollbar-gutter:stable}.game-sidebar-row{display:grid;grid-template-columns:20px 20px 1fr 56px 42px 140px 80px;gap:4px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--border-subtle);cursor:pointer;font-size:13px}.game-sidebar-row:hover{background:var(--bg-hover)}.game-sidebar-row.selected{background:var(--accent-blue-bg);border-left:3px solid var(--accent-blue);padding-left:9px}.game-sidebar-row .players{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-sidebar-row .players .elo{font-weight:400;font-size:11px;color:var(--text-faint)}.game-sidebar-row .result{font-weight:600;color:var(--accent-primary);text-align:center}.game-sidebar-row .eco{font-size:11px;color:var(--stone-500);text-align:center}.game-sidebar-row .date{font-size:11px;color:var(--stone-400);text-align:right}.game-sidebar-row .tags{display:flex;gap:3px;overflow:hidden}.sidebar-game-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-default)}.sidebar-game-tag.builtin{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.game-sidebar-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-default);flex-shrink:0}.game-sidebar-page-info{font-size:11px;color:var(--text-muted)}.game-sidebar-page-btn{padding:4px 12px;font-size:12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-family:inherit;color:var(--text-primary)}.game-sidebar-page-btn:hover:not(:disabled){background:var(--bg-hover)}.game-sidebar-page-btn:disabled{opacity:.4;cursor:default}.scan-col{display:flex;align-items:center;justify-content:center}.scan-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--stone-400)}.scan-icon.complete{color:var(--color-success)}.scan-icon.running{color:var(--color-amber);animation:pulse-icon 1.5s ease-in-out infinite}.scan-icon.failed{color:var(--color-error)}.analysis-col{display:flex;align-items:center;justify-content:center}.analysis-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--stone-300)}.analysis-icon.complete{color:var(--color-success)}.analysis-icon.queued{color:var(--stone-400);animation:pulse-icon 2s ease-in-out infinite}.analysis-icon.running{color:var(--stone-400);animation:pulse-icon 1.5s ease-in-out infinite}.analysis-icon.failed{color:var(--color-error)}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.4}}.game-sidebar-searching{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.coach-panel{border-top:1px solid var(--border-default);background:var(--bg-surface-alt);flex-shrink:0;overflow:hidden}.coach-bar{padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel)}.coach-bar-left{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-secondary);min-width:0}.coach-bar-left svg{width:14px;height:14px;color:var(--text-faint);flex-shrink:0}.coach-bar-opening-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--classify-prep);text-decoration:none;transition:color .15s}.coach-bar-opening-link:hover{color:var(--text-primary);text-decoration:underline}.coach-bar-opening-link svg{opacity:.7}.coach-bar-opening{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coach-bar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.coach-bar-mode-toggle{display:inline-flex;border-radius:4px;border:1px solid var(--border-default);overflow:hidden}.coach-bar-mode-btn{padding:3px 10px;font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.3px;color:var(--text-faint);background:transparent;border:none;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.coach-bar-mode-btn:first-child{border-right:1px solid var(--border-default)}.coach-bar-mode-btn:hover{color:var(--text-secondary)}.coach-bar-mode-btn.active{color:var(--text-primary);background:#ffffff0f}.coach-bar-report-select-wrapper{position:relative}.coach-bar-report-select{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:3px;border:1px solid var(--border-default);background:var(--bg-surface);font-family:inherit;font-size:10px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s;white-space:nowrap}.coach-bar-report-select:hover{border-color:#ffffff2e}.coach-bar-report-select svg{color:var(--text-muted)}.coach-bar-report-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 4px 16px #0006;z-index:100;overflow:hidden}.coach-bar-report-option{display:block;width:100%;text-align:left;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:background .1s}.coach-bar-report-option:hover{background:var(--bg-hover);color:var(--text-primary)}.coach-bar-report-option.active{color:var(--text-primary);background:#ffffff0a}.coach-bar-dismiss{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;border:none;background:transparent;color:var(--text-faint);cursor:pointer}.coach-bar-dismiss:hover{background:#ffffff0f;color:var(--text-secondary)}.coach-accent{height:4px;position:relative;overflow:hidden}.coach-accent-fill{position:absolute;inset:0;transition:background-color .3s ease}.coach-accent.prep .coach-accent-fill{background:var(--classify-prep)}.coach-accent.book .coach-accent-fill{background:var(--classify-book)}.coach-accent.best .coach-accent-fill,.coach-accent.great .coach-accent-fill,.coach-accent.good .coach-accent-fill{background:var(--classify-best)}.coach-accent.inaccuracy .coach-accent-fill{background:var(--classify-inaccuracy)}.coach-accent.mistake .coach-accent-fill{background:var(--classify-mistake)}.coach-accent.blunder .coach-accent-fill{background:var(--classify-blunder)}.coach-accent-ekg{position:absolute;top:-6px;left:0;width:100%;height:16px;opacity:.5}.coach-accent-ekg path{fill:none;stroke-width:1.5;stroke-linecap:round}.coach-accent.prep .coach-accent-ekg path{stroke:var(--classify-prep)}.coach-accent.book .coach-accent-ekg path{stroke:var(--classify-book)}.coach-accent.best .coach-accent-ekg path{stroke:var(--classify-best)}.coach-accent.great .coach-accent-ekg path{stroke:var(--classify-best)}.coach-accent.good .coach-accent-ekg path{stroke:var(--classify-best)}.coach-accent.inaccuracy .coach-accent-ekg path{stroke:var(--classify-inaccuracy)}.coach-accent.mistake .coach-accent-ekg path{stroke:var(--classify-mistake)}.coach-accent.blunder .coach-accent-ekg path{stroke:var(--classify-blunder)}.coach-accent.loading .coach-accent-fill{background:var(--accent-primary);animation:coach-accent-pulse 1.4s ease-in-out infinite}.coach-accent-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:coach-ekg-scan 2s ease-in-out infinite}@keyframes coach-accent-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes coach-ekg-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.coach-collapsed-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;min-height:32px}.coach-collapsed-bar:hover{background:var(--bg-hover)}.coach-collapsed-label{font-size:11px;color:var(--text-muted);font-weight:500;flex-shrink:0}.coach-timeline--collapsed{flex:1;min-width:0;overflow:hidden}.coach-expand-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0}.coach-expand-btn:hover{color:var(--text-primary)}.coach-ekg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.coach-body{padding:10px 14px 8px}.coach-loading{min-height:48px}.coach-loading-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--accent-primary);background:#58a6ff1f;margin-bottom:6px}.coach-loading-text{font-size:12px;color:var(--text-muted);line-height:1.5;animation:coach-loading-fade 1.5s ease-in-out infinite}@keyframes coach-loading-fade{0%,to{opacity:.5}50%{opacity:1}}.coach-header-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.coach-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;line-height:18px;flex-shrink:0}.coach-badge--prep{color:var(--classify-prep);background:#4db8a81f}.coach-badge--book{color:var(--classify-book);background:#a887641f}.coach-badge--best,.coach-badge--great{color:var(--classify-best);background:#a3e6351f}.coach-badge--good{color:var(--classify-best);background:#a3e63514}.coach-badge--inaccuracy{color:var(--classify-inaccuracy);background:#e3b3411f}.coach-badge--mistake{color:var(--classify-mistake);background:#f0883e1f}.coach-badge--blunder{color:var(--classify-blunder);background:#f851491f}.coach-move-label{font-size:14px;font-weight:600;color:var(--text-primary)}.coach-eval{font-size:12px;font-weight:500;color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.coach-eval--error{color:var(--classify-blunder)}.coach-phase-tag{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.3px}.coach-key-inline{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-amber-text);padding:2px 8px;border-radius:4px;background:var(--color-amber-bg);border:1px solid var(--color-amber-border)}.coach-collapse-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.coach-collapse-btn:hover{color:var(--text-primary)}.coach-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 8px}.coach-best-card{background:var(--bg-panel);border-radius:6px;padding:10px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.coach-best-card-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.coach-best-card-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:600}.coach-arrow-toggle{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text-faint);cursor:pointer;font-size:10px;font-family:inherit;white-space:nowrap;transition:all .15s;flex-shrink:0}.coach-arrow-toggle:hover{color:var(--text-secondary);background:var(--stone-100);border-color:var(--stone-300)}.coach-arrow-toggle.active{color:var(--accent-primary);background:#58a6ff0f;border-color:#58a6ff33}.coach-arrow-toggle.active svg{fill:#58a6ff26}.coach-best-card-move{font-size:18px;font-weight:700;color:var(--classify-best)}.coach-best-card-eval{font-size:13px;color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.coach-best-card-vs{font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:6px}.coach-best-card-played{color:var(--classify-blunder)}.coach-best-card-arrow{color:var(--text-faint);opacity:.4}.coach-best-card-better{color:var(--classify-best)}.coach-best-card-cost{color:var(--classify-blunder);font-family:SF Mono,Menlo,monospace;font-weight:600}.coach-best-card-pv{font-size:12px;color:var(--text-faint);flex-basis:100%;margin-top:2px}.coach-best-card-pv-label{color:var(--text-faint);opacity:.5;margin-right:4px}.coach-best-card-confirm{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--classify-best);font-weight:500;margin-left:2px}.coach-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.coach-motifs{display:flex;flex-wrap:wrap;gap:4px}.coach-motif-pill{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap}.coach-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.coach-action-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;background:var(--stone-100);border:1px solid var(--stone-300);color:var(--text-secondary);cursor:pointer;font-family:inherit}.coach-action-btn:hover:not(:disabled){background:var(--stone-200);color:var(--text-primary)}.coach-action-btn:disabled{opacity:.5;cursor:default}.coach-action-btn--done{color:var(--classify-best);border-color:#a3e6354d;background:#a3e6350f}.coach-action-btn svg{opacity:.7;flex-shrink:0}.coach-action-btn--done svg{opacity:1}.coach-action-btn--contextual{border-color:var(--border-default);background:transparent;color:var(--text-secondary)}.coach-action-btn--contextual:hover:not(:disabled){background:#ffffff0a;color:var(--text-primary);border-color:#ffffff26}.coach-tags{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%}.coach-tag-pill{display:inline-block;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:500;background:#58a6ff14;color:var(--accent-primary);border:1px solid rgba(88,166,255,.15)}.coach-tag-input-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex-basis:100%}.coach-tag-input{flex:1;min-width:100px;padding:4px 8px;border-radius:4px;border:1px solid var(--stone-300);background:var(--bg-surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none}.coach-tag-input:focus{border-color:var(--accent-primary)}.coach-tag-add-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--stone-300);background:var(--stone-100);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit}.coach-tag-add-btn:hover:not(:disabled){background:var(--stone-200)}.coach-tag-add-btn:disabled{opacity:.4;cursor:default}.coach-tag-suggestions{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%}.coach-tag-chip{padding:2px 8px;border-radius:10px;border:1px dashed var(--stone-300);background:none;color:var(--text-faint);font-size:10px;cursor:pointer;font-family:inherit;transition:all .1s}.coach-tag-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#58a6ff0d}.coach-idle{min-height:32px}.coach-idle-text{font-size:12px;color:var(--text-faint)}.coach-narrative{display:flex;flex-direction:column;gap:2px}.coach-narrative-para{font-size:12.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 4px}.coach-narrative-para:last-of-type{margin-bottom:8px}.coach-narrative-hint{font-size:11px;color:var(--text-faint)}.coach-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-panel)}.coach-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%}.coach-nav-btn{display:flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--stone-300);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary);white-space:nowrap}.coach-nav-btn:hover:not(:disabled){background:var(--stone-100);border-color:var(--stone-400)}.coach-nav-btn:disabled{opacity:.3;cursor:default}.coach-footer-counter{font-size:11px;color:var(--text-faint);white-space:nowrap}.coach-timeline{display:flex;gap:3px;align-items:center;justify-content:center;height:24px;padding:0 8px}.coach-pip{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.25;cursor:pointer;transition:all .15s}.coach-pip:hover{opacity:.7;transform:scale(1.3)}.coach-pip.active{opacity:1;width:8px;height:8px;box-shadow:0 0 0 2px #fff3,0 0 6px #ffffff1a}.coach-pip.key{opacity:.6;width:7px;height:7px}.coach-pip.key.active{width:9px;height:9px}.coach-pip--prep{background:var(--classify-prep)}.coach-pip--book{background:var(--classify-book)}.coach-pip--best,.coach-pip--great,.coach-pip--good{background:var(--classify-best)}.coach-pip--inaccuracy{background:var(--classify-inaccuracy)}.coach-pip--mistake{background:var(--classify-mistake)}.coach-pip--blunder{background:var(--classify-blunder)}.coach-report-body{padding:14px;max-height:380px;overflow-y:auto}.coach-report-body::-webkit-scrollbar{width:4px}.coach-report-body::-webkit-scrollbar-track{background:transparent}.coach-report-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.coach-rpt-sub-label{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:8px}.coach-rpt-sub-label:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.coach-rpt-theme-pills{display:flex;flex-wrap:wrap;gap:4px}.coach-rpt-theme-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:500;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);text-transform:capitalize}.coach-rpt-theme-dot{width:4px;height:4px;border-radius:50%;background:var(--text-faint)}.coach-report-opening{display:flex;flex-direction:column;gap:12px}.coach-rpt-or-header{display:flex;align-items:center;justify-content:space-between}.coach-rpt-or-header-left{display:flex;align-items:center;gap:8px;min-width:0}.coach-rpt-or-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coach-rpt-or-character{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;background:#f7c6311a;color:var(--classify-inaccuracy);border:1px solid rgba(247,198,49,.15);white-space:nowrap;flex-shrink:0}.coach-rpt-or-accuracy{display:flex;align-items:baseline;gap:4px;flex-shrink:0}.coach-rpt-or-accuracy-val{font-family:SF Mono,Menlo,monospace;font-size:20px;font-weight:500;color:var(--text-primary);line-height:1}.coach-rpt-or-accuracy-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint)}.coach-rpt-phase-bar{display:flex;height:30px;border-radius:4px;overflow:hidden;border:1px solid var(--border-subtle)}.coach-rpt-phase-seg{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:500;cursor:default}.coach-rpt-phase-icon{opacity:.7}.coach-rpt-phase-prep{background:linear-gradient(135deg,#4db8a859,#4db8a82e);color:var(--classify-prep);border-right:1px dashed rgba(77,184,168,.4)}.coach-rpt-phase-book{background:linear-gradient(135deg,#a8876447,#a887641f);color:var(--classify-book);border-right:1px dashed rgba(168,135,100,.4)}.coach-rpt-phase-original{background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:var(--text-secondary)}.coach-rpt-departure-markers{display:flex;gap:14px;margin-top:6px}.coach-rpt-departure-tag{display:inline-flex;align-items:center;gap:4px;font-family:SF Mono,Menlo,monospace;font-size:9px;color:var(--text-faint)}.coach-rpt-departure-tag strong{font-weight:500;color:var(--text-secondary)}.coach-rpt-departure-line{width:10px;height:1px;opacity:.4}.coach-rpt-departure-prep .coach-rpt-departure-line{background:var(--classify-prep)}.coach-rpt-departure-book .coach-rpt-departure-line{background:var(--classify-book)}.coach-rpt-move-squares{display:flex;gap:2px;flex-wrap:wrap;margin-top:6px}.coach-rpt-move-sq{width:26px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:SF Mono,Menlo,monospace;font-size:9px;font-weight:500;cursor:pointer;transition:transform .12s,filter .12s}.coach-rpt-move-sq:hover{transform:scale(1.15);filter:brightness(1.2);z-index:1}.coach-rpt-move-sq--prep{background:#4db8a840;color:var(--classify-prep)}.coach-rpt-move-sq--book{background:#a8876440;color:var(--classify-book)}.coach-rpt-move-sq--original{background:#6b72801f;color:var(--text-faint)}.coach-rpt-move-sq--inaccuracy{background:#f7c63133;color:var(--classify-inaccuracy)}.coach-rpt-move-sq--mistake{background:#e58f2a33;color:var(--classify-mistake)}.coach-rpt-move-sq--blunder{background:#ca343140;color:var(--classify-blunder)}.coach-rpt-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle)}.coach-rpt-legend-item{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--text-faint)}.coach-rpt-legend-swatch{width:7px;height:7px;border-radius:2px}.coach-rpt-legend-swatch--prep{background:var(--classify-prep)}.coach-rpt-legend-swatch--book{background:var(--classify-book)}.coach-rpt-legend-swatch--original{background:var(--stone-500)}.coach-rpt-legend-swatch--inaccuracy{background:var(--classify-inaccuracy)}.coach-rpt-legend-swatch--mistake{background:var(--classify-mistake)}.coach-rpt-legend-swatch--blunder{background:var(--classify-blunder)}.coach-rpt-transition-callout{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff04;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s}.coach-rpt-transition-callout:hover{border-color:var(--border-default);background:#ffffff08}.coach-rpt-transition-callout svg{color:var(--text-muted);flex-shrink:0;margin-left:auto}.coach-rpt-transition-badge{padding:2px 6px;border-radius:2px;font-size:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.coach-rpt-transition-badge--inaccuracy{background:#f7c6311f;color:var(--classify-inaccuracy)}.coach-rpt-transition-badge--mistake{background:#e58f2a1f;color:var(--classify-mistake)}.coach-rpt-transition-badge--blunder{background:#ca34311f;color:var(--classify-blunder)}.coach-rpt-transition-text{font-size:11px;color:var(--text-secondary);line-height:1.3}.coach-rpt-or-summary{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px}.coach-rpt-or-stat{font-size:11px;color:var(--text-secondary)}.coach-rpt-or-stat strong{font-weight:600;color:var(--text-primary)}.coach-rpt-or-stat--warn strong{color:var(--classify-inaccuracy)}.coach-rpt-or-stat--good{color:var(--classify-best);font-weight:500}.coach-rpt-or-narrative{font-size:11px;line-height:1.55;color:var(--text-secondary);padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;border-left:2px solid var(--text-muted)}.coach-rpt-key-moments{display:flex;flex-direction:column;gap:10px}.coach-rpt-km-summary{display:flex;gap:12px;padding:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:5px}.coach-rpt-km-stat{display:flex;flex-direction:column;align-items:center;flex:1}.coach-rpt-km-stat-val{font-family:SF Mono,Menlo,monospace;font-size:20px;font-weight:500;line-height:1}.coach-rpt-km-stat-label{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin-top:3px}.coach-rpt-km-stat--total .coach-rpt-km-stat-val{color:var(--text-primary)}.coach-rpt-km-stat--positive .coach-rpt-km-stat-val{color:var(--classify-best)}.coach-rpt-km-stat--negative .coach-rpt-km-stat-val{color:var(--classify-blunder)}.coach-rpt-km-filter{display:flex;border-radius:4px;border:1px solid var(--border-subtle);overflow:hidden}.coach-rpt-km-filter-btn{flex:1;padding:4px 8px;font-family:inherit;font-size:10px;font-weight:500;color:var(--text-faint);background:transparent;border:none;border-right:1px solid var(--border-subtle);cursor:pointer;transition:all .15s}.coach-rpt-km-filter-btn:last-child{border-right:none}.coach-rpt-km-filter-btn:hover{color:var(--text-secondary)}.coach-rpt-km-filter-btn.active{color:var(--text-primary);background:#ffffff0f}.coach-rpt-km-list{display:flex;flex-direction:column;gap:4px}.coach-rpt-km-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff04;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.coach-rpt-km-card:hover{border-color:var(--border-default);background:#ffffff08}.coach-rpt-km-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:4px 0 0 4px}.coach-rpt-km-card--best:before{background:var(--classify-best)}.coach-rpt-km-card--good:before{background:var(--classify-best)}.coach-rpt-km-card--inaccuracy:before{background:var(--classify-inaccuracy)}.coach-rpt-km-card--mistake:before{background:var(--classify-mistake)}.coach-rpt-km-card--blunder:before{background:var(--classify-blunder)}.coach-rpt-km-badge{padding:2px 6px;border-radius:2px;font-size:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.coach-rpt-km-badge--best{background:#96bc4b1f;color:var(--classify-best)}.coach-rpt-km-badge--good{background:#96bc4b14;color:var(--classify-best)}.coach-rpt-km-badge--inaccuracy{background:#f7c6311f;color:var(--classify-inaccuracy)}.coach-rpt-km-badge--mistake{background:#e58f2a1f;color:var(--classify-mistake)}.coach-rpt-km-badge--blunder{background:#ca34311f;color:var(--classify-blunder)}.coach-rpt-km-content{flex:1;min-width:0}.coach-rpt-km-move{font-family:SF Mono,Menlo,monospace;font-size:12px;font-weight:500;color:var(--text-primary)}.coach-rpt-km-eval{font-family:SF Mono,Menlo,monospace;font-size:9px;color:var(--text-faint);margin-left:4px}.coach-rpt-km-desc{font-size:10px;color:var(--text-secondary);margin-top:1px;line-height:1.3}.coach-rpt-km-phase{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.coach-rpt-km-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.coach-rpt-km-card:hover .coach-rpt-km-arrow{transform:translate(2px);color:var(--text-faint)}.coach-rpt-km-empty{font-size:12px;color:var(--text-faint);padding:12px;text-align:center}.coach-rpt-summary{display:flex;flex-direction:column;gap:12px}.coach-rpt-summary-narrative{font-size:12px;line-height:1.65;color:var(--text-secondary);padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:5px;border-left:2px solid var(--text-muted)}.coach-rpt-summary-narrative p{margin:0 0 8px}.coach-rpt-summary-narrative p:last-child{margin-bottom:0}.gd-header h1{margin:0;font-size:16px;font-weight:600}.gd-count{font-size:13px;color:var(--text-muted)}.gd-action-btn{padding:4px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.gd-action-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.gd-action-btn:disabled{opacity:.5;cursor:default}.gd-status{font-size:11px;color:var(--stone-500)}.gd-picker-toggle{margin-left:auto;padding:4px 12px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--stone-700)}.gd-picker-toggle:hover{background:var(--stone-100);border-color:var(--stone-400)}.gd-error{padding:60px;text-align:center;color:var(--text-muted)}.gd-game-picker{max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid transparent;flex-shrink:0}.gd-game-picker.open{max-height:400px;overflow-y:auto;border-bottom-color:var(--border-default)}.gd-search-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt)}.gd-search-toggle{padding:3px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.gd-search-toggle:hover{background:var(--stone-100)}.gd-search-toggle.active{background:var(--accent-blue-bg);border-color:var(--focus-ring);color:var(--accent-primary)}.gd-search-active{font-size:11px;color:var(--accent-primary)}.gd-search-clear-inline{margin-left:6px;padding:0 4px;border:none;background:none;cursor:pointer;font-size:11px;font-family:inherit;color:var(--stone-500);text-decoration:underline}.gd-search-filters{padding:8px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border-subtle)}.gd-search-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:6px}.gd-search-row:last-child{margin-bottom:0}.gd-search-field{display:flex;flex-direction:column;gap:2px}.gd-search-field label{font-size:10px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.3px}.gd-search-field input,.gd-search-field select{padding:3px 6px;border:1px solid var(--stone-300);border-radius:3px;font-size:12px;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.gd-search-field input:focus,.gd-search-field select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.gd-search-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.gd-search-btn{padding:4px 12px;border:1px solid var(--accent-primary);border-radius:4px;background:var(--accent-primary);color:#fff;cursor:pointer;font-size:11px;font-family:inherit;font-weight:500}.gd-search-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.gd-search-btn:disabled{opacity:.5;cursor:default}.gd-search-clear{padding:4px 8px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--text-secondary)}.gd-search-clear:hover{background:var(--stone-100)}.gd-game-meta{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-surface-alt);flex-shrink:0}.gd-nav-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.gd-nav-divider{width:1px;height:18px;background:var(--border-default);flex-shrink:0}.gd-game-info{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.gd-player-white,.gd-player-black{font-weight:600}.gd-elo{font-size:11px;color:var(--text-muted)}.gd-vs{color:var(--text-faint);font-size:11px}.gd-result{font-weight:600;color:var(--accent-blue)}.gd-opening-label{font-size:12px;color:var(--stone-500);white-space:nowrap}.gd-game-nav-btn{padding:0 6px;border:1px solid var(--stone-300);border-radius:3px;background:var(--bg-surface);cursor:pointer;font-size:16px;line-height:20px;color:var(--text-secondary);font-family:inherit}.gd-game-nav-btn:hover:not(:disabled){background:var(--stone-100);border-color:var(--stone-400)}.gd-game-nav-btn:disabled{opacity:.3;cursor:default}.gd-game-counter{font-size:11px;color:var(--stone-400);min-width:32px;text-align:center}.gd-board{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--board-bg);overflow-y:auto;overflow-x:hidden}.gd-board-loading{width:400px;height:400px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-panel);border-radius:4px}.gd-middle{display:flex;flex-direction:column;overflow:hidden;min-width:420px}.gd-right{display:flex;flex-direction:column;overflow:hidden}.gd-line-complete{text-align:center;padding:8px 12px;background:var(--color-amber-bg);border-radius:4px;margin-top:4px;font-size:12px}.gd-line-complete.perfect{background:var(--color-correct-bg)}.gd-line-complete-label{font-weight:600;font-size:13px}.gd-line-complete-score{color:var(--stone-500);margin-top:2px}.gd-line-complete.perfect .gd-line-complete-score{color:var(--color-success)}.gd-line-complete-hint{font-size:11px;color:var(--stone-400);margin-top:2px}.gd-accuracy{font-size:11px;color:var(--stone-500);margin-left:8px}.gd-accuracy-white{font-weight:600;color:var(--stone-700)}.gd-accuracy-black{font-weight:600;color:var(--stone-500)}.gd-analyze-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--stone-200);font-size:11px;min-height:28px}.gd-analyze-btn{padding:2px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--stone-700);white-space:nowrap}.gd-analyze-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.gd-analyze-progress{flex:1;height:4px;background:var(--stone-200);border-radius:2px;overflow:hidden}.gd-analyze-progress-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width .3s ease}.gd-analyze-label{color:var(--stone-500);white-space:nowrap;font-size:11px}.gd-analyze-done{color:var(--color-success)}.gd-server-analyze-bar{border-top:1px solid var(--stone-200)}.gd-server-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gd-status-running{background:var(--color-amber);animation:pulse-dot 1.5s ease-in-out infinite}.gd-status-done{background:var(--color-success)}.gd-status-failed{background:var(--color-error)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.gd-server-stats{font-size:11px;color:var(--stone-500);white-space:nowrap}.gd-back-btn{padding:4px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:13px;font-family:inherit;color:var(--stone-700);font-weight:500}.gd-back-btn:hover{background:var(--stone-100);border-color:var(--stone-400)}.gd-game-tags-bar{display:flex;gap:4px;margin-left:4px}.gd-game-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap;background:var(--stone-100);color:var(--text-secondary);border:1px solid var(--border-default)}.gd-game-tag.builtin{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.gd-tag-manager-overlay{display:flex;flex-direction:column;height:100%}.gd-tag-manager-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-surface-alt);font-size:13px;font-weight:600;flex-shrink:0}.gd-tag-manager-close{border:none;background:none;cursor:pointer;font-size:16px;color:var(--text-faint);padding:0 4px}.gd-tag-manager-close:hover{color:var(--text-primary)}.gd-tag-manager-body{flex:1;overflow-y:auto}.opening-studies-list{padding:4px 0}.opening-studies-row{display:flex;align-items:flex-start;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s;text-decoration:none;background:none;border:none;width:100%;font-family:inherit;text-align:left}.opening-studies-row:hover{background:var(--bg-hover)}.opening-studies-row:hover .opening-studies-name{text-decoration:underline}.opening-studies-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.opening-studies-dot.white{background:var(--text-muted);border:1px solid var(--border-default)}.opening-studies-dot.black{background:var(--text-faint)}.opening-studies-info{flex:1;min-width:0}.opening-studies-name{font-size:12px;color:var(--accent-primary);font-weight:500}.opening-studies-chapters{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.opening-studies-chapter{font-size:10px;color:var(--text-muted);background:var(--stone-100);padding:1px 6px;border-radius:3px}.opening-studies-arrow{color:var(--text-faint);font-size:12px;flex-shrink:0;margin-top:3px}.opening-studies-footer{padding:6px 12px 8px;border-top:1px solid var(--border-subtle);display:flex;justify-content:center}.opening-studies-footer button{font-size:11px;color:var(--accent-primary);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.opening-studies-footer button:hover{text-decoration:underline}.gd-middlegame-saved,.gd-middlegame-save{display:flex;flex-direction:column;gap:8px;padding:4px 0}.gd-middlegame-saved-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--green-600)}.gd-middlegame-save-desc{font-size:12px;color:var(--text-muted)}.gd-middlegame-save-btn,.gd-middlegame-view-btn{padding:6px 12px;border-radius:5px;font-size:12px;cursor:pointer;border:1px solid var(--stone-300);background:var(--bg-surface);color:var(--text-primary)}.gd-middlegame-save-btn:hover,.gd-middlegame-view-btn:hover{background:var(--stone-100)}.gd-middlegame-save-btn:disabled{opacity:.5;cursor:default}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f0f0f0;padding:20px}.login-card{width:100%;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:32px}.login-header{text-align:center;margin-bottom:24px}.login-header h1{margin:0 0 4px;font-size:22px;font-weight:600;color:#1a1a1a}.login-header p{margin:0;font-size:14px;color:#666}.login-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:13px;font-weight:500;color:#444}.form-field input{padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.login-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px}.login-submit{padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.login-submit:hover:not(:disabled){background:#1d4ed8}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-switch{margin-top:16px;text-align:center}.login-switch p{margin:0;font-size:13px;color:#666}.login-switch button{background:none;border:none;color:#2563eb;font-size:13px;cursor:pointer;padding:0}.login-switch button:hover{text-decoration:underline}.account-page{max-width:600px;margin:0 auto;padding:20px}.account-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.account-header h1{margin:0;font-size:20px;font-weight:600}.account-header-spacer{flex:1}.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:16px}.account-card h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.account-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.account-field:last-child{border-bottom:none}.account-label{font-size:13px;color:#666}.account-value{font-size:14px;color:#1a1a1a;font-weight:500}.account-tier{background:#f0f7ff;color:#2563eb;padding:2px 8px;border-radius:4px;font-size:12px}.account-bypass-note{font-size:14px;color:#666;margin:0}.account-token-status{display:flex;align-items:center;gap:6px;font-size:13px}.account-token-dot{width:8px;height:8px;border-radius:50%;background:#d4d4d4}.account-token-dot.saved{background:#22c55e}.account-token-action{padding:2px 8px;border:1px solid #e0e0e0;border-radius:4px;background:none;color:#666;cursor:pointer;font-size:12px;font-family:inherit;margin-left:2px}.account-token-action:hover{background:#f5f5f5}.account-token-input-row{display:flex;gap:8px;align-items:center;padding:8px 0 0}.account-token-input{flex:1;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px}.account-token-input:focus{outline:none;border-color:#2563eb}.account-token-save{padding:6px 14px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-size:13px;font-family:inherit}.account-token-save:disabled{opacity:.5;cursor:not-allowed}.account-token-save:hover:not(:disabled){background:#1d4ed8}.account-token-cancel{padding:6px 14px;border:1px solid #e0e0e0;border-radius:6px;background:none;color:#666;cursor:pointer;font-size:13px;font-family:inherit}.account-token-cancel:hover{background:#f5f5f5}.account-token-hint{font-size:12px;color:#999;padding:6px 0 0}.account-token-hint a{color:#2563eb}.board-theme-picker{display:flex;gap:12px}.board-theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid transparent;border-radius:8px;background:none;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.board-theme-option:hover{background:var(--bg-hover, #f5f5f5)}.board-theme-option.active{border-color:var(--accent-blue, #2563eb);background:var(--accent-blue-bg, #eff6ff)}.board-theme-preview{display:grid;grid-template-columns:repeat(4,1fr);width:56px;height:56px;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #00000026}.board-theme-label{font-size:11px;font-weight:500;color:var(--text-secondary, #666)}.board-theme-option.active .board-theme-label{color:var(--accent-blue, #2563eb);font-weight:600}.piece-set-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#b58863;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #00000026}.piece-set-preview-img{width:44px;height:44px}.account-logout-btn{width:100%;padding:10px;background:none;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:14px;cursor:pointer;transition:background .15s}.account-logout-btn:hover{background:#fef2f2}.tpb-container{border:1px solid var(--stone-200);border-radius:8px;background:var(--bg-surface);overflow:hidden}.tpb-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--stone-200)}.tpb-count{font-size:12px;font-weight:500;color:var(--stone-500)}.tpb-sort-select{margin-left:8px;padding:2px 6px;font-size:11px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);font-family:inherit;cursor:pointer}.tpb-header-spacer{flex:1}.tpb-view-toggle{display:flex;gap:2px}.tpb-view-btn{padding:2px 6px;background:none;border:1px solid var(--stone-200);border-radius:3px;font-size:12px;color:var(--stone-400);cursor:pointer;line-height:1}.tpb-view-btn:hover{color:var(--stone-600);border-color:var(--stone-300)}.tpb-view-btn.active{color:var(--stone-700);background:var(--stone-100);border-color:var(--stone-300)}.tpb-empty{padding:16px;text-align:center;font-size:12px;color:var(--stone-400)}.tpb-split{display:flex;min-height:0}.tpb-list{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--stone-200)}.tpb-list-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;border-bottom:1px solid var(--stone-100);border-left:3px solid transparent;cursor:pointer;transition:all .1s;min-height:36px}.tpb-list-row:last-child{border-bottom:none}.tpb-list-row:hover{background:var(--stone-50, #fafaf9)}.tpb-list-row.selected{background:var(--accent-blue-bg, rgba(59, 130, 246, .06));border-left-color:var(--accent-primary)}.tpb-row-content{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.tpb-row-num{font-weight:500;color:var(--stone-400);font-size:11px;flex-shrink:0}.tpb-row-rating{font-size:11px;font-weight:600;color:#7c3aed;background:#f5f3ff;padding:1px 5px;border-radius:3px;flex-shrink:0}.tpb-row-theme{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary, #2563eb);white-space:nowrap;flex-shrink:0}.tpb-row-metric{font-size:10px;font-weight:500;color:var(--stone-400);flex-shrink:0;white-space:nowrap}.tpb-status-badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;flex-shrink:0;white-space:nowrap}.tpb-status-new{background:var(--stone-100);color:var(--stone-500)}.tpb-status-mistake{background:#fff7ed;color:#d97706}.tpb-preview{width:210px;flex-shrink:0;overflow-y:auto;background:var(--stone-50, #fafaf9);padding:12px 10px}.tpb-preview-content{display:flex;flex-direction:column;align-items:center;gap:8px}.tpb-preview-board{border-radius:4px;overflow:hidden}.tpb-preview-rating{font-size:14px;font-weight:600;color:#7c3aed}.tpb-preview-themes{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tpb-preview-theme{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary, #2563eb)}.tpb-preview-stats{width:100%;background:var(--stone-100);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.tpb-stat-row{display:flex;justify-content:space-between;font-size:11px}.tpb-stat-label{color:var(--stone-500)}.tpb-stat-value{font-weight:500;color:var(--stone-700)}.tpb-stat-correct{color:var(--color-correct, #16a34a)}.tpb-stat-wrong{color:var(--color-incorrect, #dc2626)}.tpb-preview-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.tpb-preview-remove{padding:5px 10px;background:none;border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.tpb-preview-remove:hover{border-color:var(--color-incorrect);color:var(--color-incorrect)}.tpb-preview-empty{color:var(--stone-400);font-style:italic;font-size:12px;padding:24px 8px;text-align:center}.tpb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:10px}.tpb-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px}.tpb-grid-board{position:relative;border-radius:4px;overflow:hidden}.tpb-grid-board:hover{box-shadow:0 0 0 2px var(--accent-primary)}.tpb-grid-remove{position:absolute;top:0;right:0;padding:0 4px;background:#00000080;border:none;color:#fff;font-size:12px;cursor:pointer;border-radius:0 0 0 4px;opacity:0;transition:opacity .15s}.tpb-grid-board:hover .tpb-grid-remove{opacity:1}.tpb-grid-label{font-size:10px;color:var(--stone-500);font-weight:500}.tpb-grid-rating{font-size:10px;font-weight:600;color:#7c3aed}.tpb-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--stone-200)}.tpb-pagination button{padding:3px 10px;background:var(--bg-surface);border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit}.tpb-pagination button:disabled{opacity:.4;cursor:default}.tpb-pagination button:not(:disabled):hover{background:var(--stone-100)}.tpb-page-info{font-size:12px;color:var(--stone-400)}.tactics-icon-canvas{display:block;border-radius:6px;flex-shrink:0;transition:opacity .2s;opacity:.55}.tc-drill-card:hover .tactics-icon-canvas{opacity:1}.tactics-collections .sidebar-layout{height:100%}.tc-empty-msg{padding:16px 14px;font-size:12px;color:var(--stone-400);text-align:center}.tc-drill-card-disabled{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;opacity:.5;cursor:not-allowed}.tc-start-btn-disabled{background:var(--stone-300)!important;cursor:not-allowed}.tc-sb-wp-status{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;font-weight:500;text-transform:capitalize}.tc-sb-wp-status.active{background:#22c55e1f;color:#16a34a}.tc-sb-wp-status.completed{background:#2563eb1a;color:var(--accent-primary)}.tc-sb-wp-status.abandoned{background:#dc262614;color:#dc2626}.wp-dashboard{display:flex;flex-direction:column;gap:8px}.wp-hub-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;position:relative}.wp-hub-card:hover{border-color:var(--stone-300)}.tc-card-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.tc-settings-btn{padding:3px 10px;background:none;border:1px solid var(--stone-300);border-radius:5px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;text-align:center}.tc-settings-btn:hover{border-color:var(--stone-400);color:var(--stone-600)}.tc-history-btn{padding:3px 10px;background:none;border:none;font-size:11px;color:var(--accent-primary);cursor:pointer;font-family:inherit;text-align:center}.tc-history-btn:hover{text-decoration:underline}.tc-card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--stone-100);border-radius:0 0 8px 8px;overflow:hidden}.tc-card-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s}.tc-drill-meta{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap;align-items:center}.tc-drill-badge{font-size:11px;font-weight:500;padding:1px 5px;border-radius:3px}.tc-drill-badge.cycle{color:var(--srs-due-color, #e67e22);background:var(--srs-due-bg, #fff3e0)}.tc-drill-badge.puzzles{color:var(--srs-new-color, #3b82f6);background:var(--srs-new-bg, #eff6ff)}.tc-drill-badge.complete{color:var(--srs-mastered-color, #22c55e);background:var(--srs-mastered-bg, #f0fdf4)}.tc-drill-badge.info{color:var(--stone-500);background:var(--stone-100)}.tc-drill-badge.error{color:var(--color-error, #dc2626);background:var(--color-error-bg, rgba(220, 38, 38, .08))}.wp-foldout{border:1px solid var(--stone-200);border-radius:8px;background:var(--bg-surface);overflow:hidden}.wp-foldout-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--stone-50);border-bottom:1px solid var(--stone-200)}.wp-foldout-title{font-size:12px;font-weight:700;color:var(--stone-600);text-transform:uppercase;letter-spacing:.5px}.wp-foldout-close{background:none;border:none;font-size:16px;color:var(--stone-400);cursor:pointer;padding:0 4px;line-height:1;border-radius:3px}.wp-foldout-close:hover{color:var(--stone-600);background:var(--stone-100)}.wp-panel-loading{padding:16px 12px;color:var(--stone-400);font-size:13px}.wp-history-table{width:100%;border-collapse:collapse;font-size:12px}.wp-history-table th{text-align:left;font-weight:700;font-size:10px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px}.wp-history-table td{padding:6px 12px;border-top:1px solid var(--stone-100);color:var(--stone-600);font-variant-numeric:tabular-nums}.wp-history-table .cycle-num{font-weight:600;color:var(--stone-700)}.wp-history-table .accuracy-good{color:var(--color-correct);font-weight:600}.wp-history-table .accuracy-ok{color:var(--color-amber, #f59e0b);font-weight:600}.wp-history-table .accuracy-bad{color:var(--color-error, #dc2626);font-weight:600}.wp-history-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px}.wp-history-badge.active{color:var(--srs-due-color, #e67e22);background:var(--srs-due-bg, #fff3e0)}.wp-history-badge.complete{color:var(--srs-mastered-color, #22c55e);background:var(--srs-mastered-bg, #f0fdf4)}.wp-settings{display:flex;flex-direction:column;gap:14px;padding:12px}.wp-settings-row{display:flex;align-items:center;gap:8px}.wp-settings-label{font-size:12px;color:var(--stone-600);flex:1}.wp-settings-value{font-size:12px;font-weight:600;color:var(--stone-700);font-variant-numeric:tabular-nums}.wp-settings-btn-group{display:flex;gap:6px}.wp-settings-btn{padding:4px 10px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);font-size:11px;color:var(--stone-600);cursor:pointer;font-family:inherit}.wp-settings-btn:hover{border-color:var(--stone-400);background:var(--stone-100)}.wp-settings-btn.danger{color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626)}.wp-settings-btn.danger:hover{background:var(--color-error-bg, rgba(220, 38, 38, .08))}.wp-settings-divider{height:1px;background:var(--stone-200)}.wp-settings-sub{font-size:11px;color:var(--stone-400);margin-top:-6px;padding-left:2px}.ob-wrapper{max-width:480px}.ob-header{padding:0 0 16px;text-align:center}.ob-back-btn{background:none;border:none;font-size:13px;color:var(--stone-500);cursor:pointer;padding:4px 0;font-family:inherit;text-align:left;margin-bottom:4px}.ob-back-btn:hover{color:var(--stone-700)}.ob-header h2{font-size:16px;font-weight:600;color:var(--stone-800);margin-bottom:6px}.ob-header p{font-size:13px;color:var(--stone-500);line-height:1.5}.ob-body{padding:0}.ob-field{margin-bottom:16px}.ob-field-label{font-size:12px;font-weight:600;color:var(--stone-600);margin-bottom:6px}.ob-field-desc{font-size:11px;color:var(--stone-400);margin-bottom:6px}.ob-field-note{font-size:11px;color:var(--stone-400);margin-top:4px}.ob-select{width:100%;padding:8px 12px;border:1px solid var(--stone-300);border-radius:6px;background:var(--bg-surface);color:var(--stone-700);font-size:13px;font-family:inherit;cursor:pointer;appearance:auto}.ob-select:focus{border-color:var(--accent-primary);outline:none}.ob-input-row{display:flex;gap:8px;align-items:center}.ob-input{width:80px;padding:6px 8px;border:1px solid var(--stone-300);border-radius:5px;font-size:13px;font-family:inherit;text-align:center;color:var(--stone-700)}.ob-input-wide{width:100%;padding:8px 12px;border:1px solid var(--stone-300);border-radius:6px;font-size:13px;font-family:inherit;text-align:left;color:var(--stone-700)}.ob-input-wide:focus{border-color:var(--accent-primary);outline:none}.ob-input-unit{font-size:12px;color:var(--stone-500)}.ob-pill-row{display:flex;gap:6px;flex-wrap:wrap}.ob-pill{padding:4px 10px;border:1px solid var(--stone-300);border-radius:14px;font-size:12px;font-weight:500;background:none;color:var(--stone-600);cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.ob-pill:hover{border-color:var(--stone-400)}.ob-pill.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.ob-custom-input{width:50px;padding:2px 4px;border:1px solid var(--stone-300);border-radius:4px;background:var(--bg-surface);color:var(--stone-700);font-size:11px;text-align:center}.ob-pill.active .ob-custom-input{border-color:#fff6;background:#fff3;color:#fff}.ob-cycle-grid{margin-top:20px;border:1px solid var(--stone-200);border-radius:8px;overflow:hidden}.ob-grid-header{display:grid;grid-template-columns:70px 1fr 80px 90px;gap:0 8px;padding:8px 12px;background:var(--stone-50);border-bottom:1px solid var(--stone-200);font-size:10px;font-weight:700;color:var(--stone-400);letter-spacing:.5px;text-transform:uppercase}.ob-grid-row{display:grid;grid-template-columns:70px 1fr 80px 90px;gap:0 8px;padding:7px 12px;border-bottom:1px solid var(--stone-100);font-size:12px;color:var(--stone-600);align-items:center}.ob-grid-row:last-child{border-bottom:none}.ob-grid-row .cycle-num{font-weight:600;color:var(--stone-700)}.ob-grid-row .time-target,.ob-grid-row .puzzles{font-variant-numeric:tabular-nums}.ob-grid-forever{color:var(--stone-400);font-style:italic}.ob-error{color:#dc2626;font-size:13px;margin:12px 0}.ob-start-row{display:flex;justify-content:flex-end;padding:16px 0 0;gap:8px}.ob-cancel-btn{padding:8px 16px;background:none;border:1px solid var(--stone-300);border-radius:6px;font-size:13px;color:var(--stone-600);cursor:pointer;font-family:inherit}.ob-cancel-btn:hover{border-color:var(--stone-400);background:var(--stone-50)}.ob-start-btn{padding:8px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.ob-start-btn:hover{background:var(--accent-primary-hover, #1d4ed8)}.ob-start-btn:disabled{opacity:.5;cursor:not-allowed}.tc-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-page)}.tc-subheader{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--stone-200);flex-shrink:0}.tc-subheader-name{font-size:14px;font-weight:600;color:var(--stone-700)}.tc-subheader-count{font-size:12px;color:var(--stone-400)}.tc-subheader-back{background:none;border:none;font-size:16px;color:var(--stone-500);cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;font-family:inherit}.tc-subheader-back:hover{color:var(--stone-700);background:var(--stone-100)}.tc-subheader-spacer{flex:1}.tc-positions-btn{padding:4px 10px;background:none;border:1px solid var(--stone-300);border-radius:5px;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit;transition:all .1s}.tc-positions-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tc-delete-btn{background:none;border:none;font-size:18px;color:var(--stone-400);cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.tc-delete-btn:hover{color:var(--color-error, #dc2626);background:var(--color-error-bg, #fef2f2)}.tc-stats-bar{display:flex;align-items:center;gap:0;padding:6px 20px;background:var(--bg-surface);border-bottom:1px solid var(--stone-200);flex-shrink:0}.tc-stat{font-size:12px;font-weight:500;padding:0 8px}.tc-stat.due{color:var(--srs-due-color, #e67e22)}.tc-stat.new{color:var(--srs-new-color, #3b82f6)}.tc-stat.mastered{color:var(--srs-mastered-color, #22c55e)}.tc-stat-sep{width:1px;height:12px;background:var(--stone-200)}.tc-filter-ribbon{display:flex;align-items:center;gap:8px;padding:7px 20px;background:var(--accent-blue-bg, #eff6ff);border-bottom:1px solid var(--stone-200);flex-shrink:0}.tc-filter-ribbon-icon{font-size:13px;line-height:1}.tc-filter-ribbon-text{font-size:12px;font-weight:500;color:var(--stone-600);flex:1}.tc-filter-ribbon-clear{background:none;border:none;font-size:12px;font-weight:500;color:var(--accent-primary);cursor:pointer;padding:2px 6px;border-radius:4px;font-family:inherit}.tc-filter-ribbon-clear:hover{background:var(--stone-100);text-decoration:underline}.tc-content{flex:1;overflow-y:auto;padding:16px 20px}.tc-drill-section{margin-bottom:8px}.tc-section-heading{font-size:10px;font-weight:700;color:var(--stone-400);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.tc-drill-list{display:flex;flex-direction:column;gap:6px}.tc-other-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--stone-200)}.tc-drill-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .15s}.tc-drill-card:hover{border-color:var(--stone-300)}.tc-drill-icon{width:56px;height:56px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--stone-50)}.tc-icon-placeholder{font-size:28px;line-height:1}.tc-drill-info{flex:1;display:flex;flex-direction:column;gap:2px}.tc-drill-name{font-size:14px;font-weight:600;color:var(--stone-700)}.tc-drill-desc{font-size:12px;color:var(--stone-500)}.tc-srs-stats{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.tc-srs-stat{font-size:11px;font-weight:500;padding:1px 5px;border-radius:3px}.tc-srs-stat.due{color:var(--srs-due-color, #e67e22);background:var(--srs-due-bg, #fff3e0)}.tc-srs-stat.new{color:var(--srs-new-color, #3b82f6);background:var(--srs-new-bg, #eff6ff)}.tc-srs-stat.mastered{color:var(--srs-mastered-color, #22c55e);background:var(--srs-mastered-bg, #f0fdf4)}.tc-start-btn{padding:6px 14px;background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:5px;font-size:13px;font-weight:500;flex-shrink:0}.tc-start-btn:hover{background:var(--accent-primary-hover, #1d4ed8)}.tc-empty-main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.tc-empty-main h2{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--stone-700)}.tc-empty-main p{color:var(--stone-500);margin:0 0 24px;font-size:14px}.tc-positions-loading{padding:40px 20px;text-align:center;font-size:13px;color:var(--stone-400)}.tc-modal-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:100}.tc-modal{background:var(--bg-surface);border-radius:12px;padding:24px;width:400px;max-width:90vw;box-shadow:0 8px 32px #0003}.tc-modal-title{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--stone-900)}.tc-modal-field{margin-bottom:12px}.tc-modal-field label{display:block;font-size:12px;font-weight:500;color:var(--stone-600);margin-bottom:4px}.tc-modal-field input,.tc-modal-field textarea{width:100%;padding:8px 10px;border:1px solid var(--stone-200);border-radius:6px;font-size:13px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.tc-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.tc-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.tc-btn.primary{background:var(--accent-primary);color:#fff}.tc-btn.primary:disabled{opacity:.5;cursor:default}.tc-btn.secondary{background:transparent;color:var(--stone-600);border-color:var(--stone-200)}.tc-btn.secondary:hover{background:var(--stone-50)}.origin-modal-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop, rgba(0, 0, 0, .6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.origin-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .3))}.origin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.origin-modal-breadcrumb{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);overflow:hidden}.origin-breadcrumb-sep{color:var(--text-faint);margin:0 2px}.origin-breadcrumb-part{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.origin-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex}.origin-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.origin-modal-title{padding:8px 16px 12px;display:flex;flex-direction:column;gap:2px}.origin-opening-name{font-size:16px;font-weight:600;color:var(--accent-blue)}.origin-chapter-name{font-size:13px;color:var(--text-secondary)}.origin-modal-body{padding:0 16px 12px;display:flex;flex-direction:column;gap:12px}.origin-board-area{display:flex;flex-direction:column;align-items:center;gap:8px}.origin-board-wrapper .cb-container{border-radius:3px;overflow:hidden;border:1px solid var(--border-input, var(--border-default))}.origin-nav-row .nav-buttons{gap:2px}.origin-nav-row .nav-btn{padding:2px 6px;font-size:11px}.origin-ply-label{font-size:12px;color:var(--text-secondary);min-width:80px;text-align:center;font-family:JetBrains Mono,monospace;white-space:nowrap}.origin-move-list{display:flex;flex-wrap:wrap;gap:2px;font-size:13px;font-family:JetBrains Mono,monospace;line-height:1.6;padding:8px 10px;background:var(--bg-inset);border-radius:6px;max-height:120px;overflow-y:auto}.origin-move-number{color:var(--text-faint);margin-right:1px}.origin-move{color:var(--text-secondary);cursor:pointer;padding:0 2px;border-radius:2px}.origin-move:hover{background:var(--bg-inset)}.origin-move-active{background:var(--focus-bg, rgba(59, 130, 246, .15));color:var(--accent-blue);font-weight:600}.origin-move-diverge{border-bottom:2px solid var(--color-amber, #f59e0b)}.origin-diverge-marker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-amber, #f59e0b);background:var(--color-amber-bg, rgba(245, 158, 11, .15));padding:1px 6px;border-radius:3px;margin-left:4px}.origin-modal-footer{display:flex;gap:12px;padding:10px 16px 14px;border-top:1px solid var(--border-subtle)}.origin-footer-link{font-size:12px;color:var(--accent-blue);text-decoration:none}.origin-footer-link:hover{text-decoration:underline}.origin-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid var(--focus-ring, rgba(59, 130, 246, .25));border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.origin-chip:hover{background:var(--focus-bg, rgba(59, 130, 246, .2));border-color:var(--accent-blue)}.origin-chip-loading{opacity:.6;pointer-events:none}.origin-chip-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.tactics-drill-page{max-width:480px;margin:0 auto;padding:16px 20px 40px}.puzzle-info-row{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 0 4px}.puzzle-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;background:var(--stone-100);color:var(--stone-500)}.puzzle-badge.theme{background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary, #2563eb)}.puzzle-badge.rating{background:#f5f3ff;color:#7c3aed}.tactics-guess-pips{display:flex;gap:6px;justify-content:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.tactics-guess-pip{width:10px;height:10px;border-radius:50%;background:var(--stone-200);transition:background .3s ease}.tactics-guess-pip.used{background:var(--color-incorrect)}.tactics-timer-display{font-size:18px;font-weight:700;color:var(--stone-700);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,Menlo,monospace;text-align:center;padding:4px 0}.tactics-timer-display.warning{color:var(--color-incorrect)}.tactics-pregame{text-align:center;padding:40px 20px}.tactics-pregame h2{margin:0 0 8px;font-size:20px;font-weight:600;font-family:Georgia,Times New Roman,serif}.tactics-pregame p{color:var(--stone-500);margin:0 0 24px;font-size:14px}.tactics-time-selector{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.tactics-time-btn{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid var(--stone-300);background:var(--bg-surface);cursor:pointer;color:var(--stone-600);font-family:inherit}.tactics-time-btn.active{background:var(--accent-blue-bg, #eff6ff);border-color:#93c5fd;color:#1e40af}.tactics-cycle-history{margin-bottom:20px}.tactics-cycle-history h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.5px}.tactics-cycle-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--stone-600);border-bottom:1px solid var(--stone-50)}.tactics-cycle-item:last-child{border-bottom:none}.tactics-cycle-label{font-weight:500}.tactics-cycle-stats{display:flex;gap:12px;font-size:12px;color:var(--stone-400)}.tactics-queue-info{font-size:12px;color:var(--stone-400);text-align:center;padding:2px 0 8px}.tactics-no-set{text-align:center;padding:60px 20px}.tactics-no-set h2{margin:0 0 8px;font-size:20px;font-weight:600;font-family:Georgia,Times New Roman,serif}.tactics-no-set p{color:var(--stone-500);font-size:14px;margin:0 0 20px}.solution-controls{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 0}.solution-step-btn{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--stone-300);background:var(--bg-surface);color:var(--stone-600);font-family:inherit}.solution-step-btn:hover{background:var(--stone-100)}.solution-step-btn:disabled{opacity:.4;cursor:default}.solution-step-label{font-size:12px;color:var(--stone-500);min-width:60px;text-align:center}.eval-hub{max-width:800px;margin:0 auto;padding:24px 16px;overflow-y:auto;flex:1;min-height:0}.eval-hub-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.eval-hub-create-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.eval-hub-create-btn:hover{background:var(--bg-hover)}.eval-hub-create-btn--go{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;width:100%;margin-top:8px}.eval-hub-create-btn--go:hover{background:var(--accent-blue-hover)}.eval-hub-create-btn:disabled{opacity:.5;cursor:not-allowed}.eval-create-form{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:16px;margin-bottom:20px}.eval-form-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.eval-form-row label{font-size:12px;font-weight:500;color:var(--text-muted);min-width:120px;text-align:right}.eval-form-row input,.eval-form-row select{flex:1;background:var(--bg-inset);border:1px solid var(--border-input);border-radius:4px;padding:6px 10px;font-size:13px;color:var(--text-primary)}.eval-form-row input:focus,.eval-form-row select:focus{outline:none;border-color:var(--accent-blue)}.eval-form-error{color:var(--color-error);font-size:12px;margin-top:4px}.eval-session-list{display:flex;flex-direction:column;gap:8px}.eval-session-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:12px 16px;cursor:pointer;transition:border-color .15s}.eval-session-card:hover{border-color:var(--border-strong)}.eval-session-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.eval-session-name{font-size:14px;font-weight:500;color:var(--text-primary)}.eval-session-type{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.eval-session-type--tag{color:var(--purple-text);background:var(--purple-bg);border:1px solid var(--purple-border)}.eval-session-type--coaching{color:var(--color-success);background:#16a34a14}.eval-session-type--classification{color:var(--color-amber);background:var(--color-amber-bg)}.eval-session-type--custom{color:var(--text-muted);background:var(--bg-hover)}.eval-session-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-muted);margin-bottom:6px}.eval-session-ref{font-family:SF Mono,Fira Code,monospace;color:var(--text-secondary)}.eval-session-parent{color:var(--text-faint);font-style:italic}.eval-session-delete{margin-left:auto;background:none;border:none;color:var(--text-faint);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.eval-session-delete:hover{color:var(--color-error)}.eval-session-bar{height:3px;background:var(--border-default);border-radius:2px;overflow:hidden}.eval-session-bar-fill{height:100%;background:var(--accent-blue);border-radius:2px;transition:width .3s ease}.eval-hub-loading,.eval-hub-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:40px 0}.eval-session{padding:16px;width:100%;overflow-y:auto;flex:1;min-height:0;box-sizing:border-box}.eval-session-layout{display:flex;gap:24px;align-items:flex-start}.eval-board-col{flex:0 0 420px;min-width:0}.eval-movelist{margin-top:12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:10px 12px;font-size:13px;color:var(--text-secondary);line-height:1.8;max-height:240px;overflow-y:auto;overflow-wrap:break-word}.eval-move-number{color:var(--text-muted);margin-right:2px}.eval-move-san{cursor:pointer;padding:1px 3px;border-radius:3px;margin-right:4px;position:relative}.eval-move-san:hover{background:var(--bg-hover)}.eval-move-san.active{background:var(--accent-blue);color:#fff}.eval-move-san.in-range{background:var(--purple-bg);color:var(--purple-text)}.eval-move-san.in-range:hover{background:var(--purple-border)}.eval-move-san.active.in-range{background:var(--accent-blue);color:#fff}.eval-move-san.primary{font-weight:600}.eval-move-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--purple-accent);margin-right:2px;vertical-align:middle}.eval-range-bracket{color:var(--purple-text);font-weight:600;font-size:12px;margin:0 1px}.eval-movelist-banner{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:4px 0 6px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.eval-feedback-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.eval-progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:4px}.eval-progress-pct{color:var(--text-faint)}.eval-progress-bar{height:3px;background:var(--border-default);border-radius:2px;overflow:hidden}.eval-progress-fill{height:100%;background:var(--accent-blue);border-radius:2px;transition:width .3s ease}.eval-item-nav{display:flex;align-items:center;gap:8px}.eval-nav-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.eval-nav-btn:hover{background:var(--bg-hover)}.eval-nav-btn:disabled{opacity:.3;cursor:not-allowed}.eval-item-counter{font-size:13px;font-weight:500;color:var(--text-secondary);flex:1;text-align:center}.eval-system-output{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:14px 16px}.eval-output-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.eval-output-sublabel{font-size:11px;color:var(--text-muted)}.eval-output-detail{font-size:12px;color:var(--text-secondary);margin-top:6px}.eval-output-stat{display:inline-block;font-size:12px;color:var(--text-secondary);background:var(--bg-hover);padding:2px 8px;border-radius:4px;margin-right:6px;margin-top:6px}.eval-tag-pill{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:var(--bg-hover);color:var(--text-secondary);margin-right:4px;margin-bottom:4px}.eval-tag-pill--primary{background:var(--purple-bg);color:var(--purple-text);font-size:13px;padding:3px 10px;border:1px solid var(--purple-border)}.eval-tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.eval-class-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px;margin-right:8px}.eval-class-badge--blunder{background:var(--badge-blunder-bg);color:var(--badge-blunder-color)}.eval-class-badge--mistake{background:var(--badge-mistake-bg);color:var(--badge-mistake-color)}.eval-class-badge--inaccuracy{background:var(--badge-inaccuracy-bg);color:var(--badge-inaccuracy-color)}.eval-class-badge--good{background:#22c55e1f;color:var(--color-success)}.eval-class-badge--best{background:#96bc4b1f;color:var(--classify-best)}.eval-class-badge--book{background:#a887641f;color:var(--classify-book)}.eval-class-badge--prep{background:#4db8a81f;color:var(--classify-prep)}.eval-coaching-text{font-size:13px;color:var(--text-primary);line-height:1.5;margin:6px 0}.eval-raw-json{font-size:11px;color:var(--text-secondary);background:var(--bg-inset);border-radius:4px;padding:8px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.eval-verdict-row{display:flex;gap:6px}.eval-verdict-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.eval-verdict-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.eval-verdict-icon{font-size:14px;font-weight:700}.eval-verdict-btn--correct.active,.eval-verdict-btn--correct:hover{background:var(--color-correct-bg);border-color:var(--color-correct-border);color:var(--color-correct)}.eval-verdict-btn--incorrect.active,.eval-verdict-btn--incorrect:hover{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-incorrect)}.eval-verdict-btn--partial.active,.eval-verdict-btn--partial:hover{background:var(--color-amber-bg);border-color:var(--color-amber-border);color:var(--color-amber)}.eval-verdict-btn--unsure.active,.eval-verdict-btn--unsure:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.eval-rating-row{display:flex;align-items:center;gap:4px}.eval-rating-label{font-size:12px;color:var(--text-muted);margin-right:4px}.eval-rating-star{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.eval-rating-star:hover{border-color:var(--color-gold);color:var(--color-gold)}.eval-rating-star.active{background:#eab3081f;border-color:var(--color-gold);color:var(--color-gold)}.eval-comment-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--text-primary);resize:vertical;font-family:inherit;box-sizing:border-box}.eval-comment-input:focus{outline:none;border-color:var(--accent-blue)}.eval-comment-input::placeholder{color:var(--text-placeholder)}.eval-shortcuts{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text-faint);padding-top:4px;border-top:1px solid var(--border-subtle)}.eval-shortcuts kbd{background:var(--bg-hover);border:1px solid var(--border-default);border-radius:3px;padding:1px 5px;font-family:SF Mono,monospace;font-size:10px;color:var(--text-secondary)}.eval-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:4px 16px}.eval-breadcrumb-link{color:var(--accent-blue);text-decoration:none}.eval-breadcrumb-link:hover{text-decoration:underline}.eval-breadcrumb-sep{color:var(--text-faint)}.eval-breadcrumb-right{display:flex;align-items:center;gap:10px;margin-left:auto}.eval-breadcrumb-ref{font-family:SF Mono,monospace;font-size:11px;color:var(--text-faint)}.eval-session-loading,.eval-session-error,.eval-session-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:60px 0;display:flex;flex-direction:column;gap:12px;align-items:center}.eval-back-link{color:var(--accent-blue);text-decoration:none;font-size:13px}.eval-back-link:hover{text-decoration:underline}.eval-view-toggle{display:flex;border:1px solid var(--border-default);border-radius:4px;overflow:hidden}.eval-view-toggle-btn{background:var(--bg-surface);border:none;color:var(--text-muted);font-size:11px;font-weight:500;padding:3px 10px;cursor:pointer;transition:all .15s}.eval-view-toggle-btn:not(:last-child){border-right:1px solid var(--border-default)}.eval-view-toggle-btn:hover{color:var(--text-primary)}.eval-view-toggle-btn.active{background:var(--accent-blue);color:#fff}.eval-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:10px;padding:4px;justify-content:center}.eval-grid-cell{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:6px;cursor:pointer;transition:border-color .15s;display:flex;flex-direction:column;align-items:center;gap:6px}.eval-grid-cell:hover{border-color:var(--border-strong)}.eval-grid-cell--rated{border-color:var(--border-subtle);opacity:.75}.eval-grid-cell--rated:hover{opacity:1}.eval-grid-cell canvas{border-radius:3px}.eval-grid-cell-info{display:flex;align-items:center;gap:4px;width:100%;min-height:22px}.eval-grid-cell-label{font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.eval-grid-cell-info .eval-class-badge{font-size:10px;padding:1px 6px}.eval-grid-verdict{font-size:12px;font-weight:700;flex-shrink:0}.eval-grid-verdict--correct{color:var(--color-correct)}.eval-grid-verdict--incorrect{color:var(--color-incorrect)}.eval-grid-verdict--partial{color:var(--color-amber)}.eval-grid-verdict--unsure{color:#8b5cf6}.similarity-scoring{width:100%;height:100vh;display:flex;flex-direction:column}.similarity-iframe{flex:1;width:100%;border:none}.drill-loading,.drill-error,.drill-empty{text-align:center;color:var(--stone-500);padding:60px 0}.drill-empty a{color:var(--stone-600)}.drill-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.drill-header .back-link{color:var(--stone-600);text-decoration:none;font-size:14px}.drill-header .back-link:hover{text-decoration:underline}.drill-title{font-size:16px;font-weight:600;color:var(--stone-700);flex:1}.drill-settings-wrapper{position:relative;margin-left:auto}.drill-settings-btn{background:none;border:1px solid var(--stone-300);border-radius:4px;cursor:pointer;font-size:15px;padding:2px 5px;color:var(--stone-500);transition:color .15s,border-color .15s;line-height:1}.drill-settings-btn:hover,.drill-settings-btn.active{color:var(--stone-800);border-color:var(--stone-400)}.drill-settings-popover{position:absolute;top:100%;right:0;z-index:100;margin-top:4px;padding:8px 12px;background:var(--popover-bg);border:1px solid var(--stone-300);border-radius:6px;box-shadow:var(--shadow-popover);min-width:200px;display:flex;flex-direction:column;gap:6px}.drill-settings-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stone-700);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.drill-settings-row input{margin:0;cursor:pointer}.drill-settings-section{margin-bottom:12px}.drill-settings-label{display:block;font-size:12px;font-weight:500;color:var(--stone-500);margin-bottom:6px}.pill-toggle{display:flex;gap:4px}.pill-toggle .pill{padding:4px 12px;border:1px solid var(--stone-200);border-radius:12px;background:none;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .15s}.pill-toggle .pill:hover:not(.disabled){border-color:var(--stone-300);color:var(--stone-700)}.pill-toggle .pill.active{background:var(--stone-700);color:#fff;border-color:var(--stone-700)}.pill-toggle .pill.disabled{opacity:.4;cursor:not-allowed}.control-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:10px;padding:14px 16px}.stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--stone-100)}.stats-row .stat{font-size:13px;color:var(--stone-500);flex:1;min-width:0}.stats-row .stat:last-child{text-align:right}.stats-center-block{display:flex;flex-direction:column;align-items:center;gap:6px}.phase-content{min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 20px}.phase-text{margin:0;font-size:15px;color:var(--stone-700);text-align:center}.phase-text.animating{font-style:italic;color:var(--stone-500)}.phase-text.prompt{font-weight:500}.phase-text.showing-correct{color:var(--accent-primary);font-weight:500;margin-bottom:5px}.showing-correct-display{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}.showing-correct-actions{display:flex;gap:8px}.annotation-box{background:var(--bg-page);border:1px solid var(--stone-200);border-radius:6px;padding:8px 12px;width:100%;text-align:left}.annotation-comment{margin:0;font-size:13px;color:var(--stone-700);line-height:1.5}.annotation-notes{margin:4px 0 0;font-size:12px;color:var(--stone-500);font-style:italic;line-height:1.4}.next-btn,.explore-btn{padding:6px 20px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;border:none}.next-btn{background:var(--accent-primary);color:#fff}.next-btn:hover{background:var(--accent-primary-hover)}.explore-btn{background:var(--bg-surface);color:var(--stone-600);border:1px solid var(--stone-300)}.explore-btn:hover{background:var(--stone-100)}.skip-btn{padding:4px 12px;background:none;border:1px solid var(--stone-300);border-radius:4px;color:var(--stone-500);font-size:12px;cursor:pointer;font-family:inherit}.skip-btn:hover{background:var(--stone-100);color:var(--stone-600)}.drill-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;border:none}.drill-btn.primary{background:var(--accent-primary);color:#fff}.drill-btn.primary:hover{background:var(--accent-primary-hover)}.drill-btn.secondary{background:var(--bg-surface);color:var(--stone-600);border:1px solid var(--stone-300)}.drill-btn.secondary:hover{background:var(--stone-100)}.drill-complete{display:flex;justify-content:center;padding-top:40px}.complete-card{background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:12px;padding:0;text-align:center;width:100%;overflow:hidden}.complete-card h2{margin:0;padding:28px 40px 0;font-size:20px;color:var(--stone-800);letter-spacing:-.01em}.streak-timeline{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;padding:14px 24px 0;max-width:280px;margin:0 auto}.streak-timeline-dot{width:6px;height:6px;border-radius:50%;background:var(--stone-200)}.streak-timeline-dot.correct{background:var(--color-correct)}.streak-timeline-dot.incorrect{background:var(--color-incorrect)}.complete-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 40px 0}.complete-hero .accuracy-ring .ring-text{font-size:18px}.complete-stats{display:flex;padding:24px 40px;margin:16px 0 0;background:var(--stone-50);border-top:1px solid var(--stone-100);border-bottom:1px solid var(--stone-100)}.complete-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:22px;font-weight:700;color:var(--stone-800);font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.complete-actions{display:flex;gap:12px;justify-content:center;padding:24px 40px 28px}.action-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 14px;border-top:1px solid var(--stone-100, #f5f5f4)}.btn-annotate{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--stone-50, #fafaf9);border:1px solid var(--stone-200, #e7e5e4);color:var(--stone-500, #78716c);transition:all .15s}.btn-annotate:hover{background:var(--stone-100, #f5f5f4);color:var(--stone-700, #44403c);border-color:var(--stone-300, #d6d3d1)}.btn-next{padding:7px 22px;border-radius:6px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--accent-primary);color:#fff;border:none;transition:background .15s}.btn-next:hover{background:var(--accent-primary-hover)}.action-row.faded{opacity:0;pointer-events:none;max-height:0;padding:0 20px;overflow:hidden;transition:opacity .25s ease,max-height .3s ease,padding .3s ease;border-top:none}.action-row:not(.faded){transition:opacity .25s ease .15s,max-height .3s ease,padding .3s ease;max-height:60px}.control-card{position:relative}.annotation-overlay{position:absolute;top:0;left:0;right:0;min-height:100%;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:10px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:14px 16px;z-index:2}.annotation-overlay.open{opacity:1;pointer-events:auto}.annotation-card-standalone{flex:1;min-width:0;background:var(--stone-50, #fafaf9);border:1px solid var(--stone-200, #e7e5e4);border-radius:10px;overflow:hidden}.annotation-card-standalone .annotation-card{padding:14px 16px;gap:10px}.sparring-playground{max-width:440px;margin:0 auto;padding:16px;background:var(--bg-page);min-height:100vh}.sparring-board-area{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.sparring-last-move{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.slm-icon{font-weight:700;font-size:15px;min-width:18px;text-align:center}.slm-san{font-weight:600}.slm-label{flex:1}.slm-eval{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}.cls-brilliant{background:#1bada61f;color:#1bada6}.cls-great{background:#5b8bb51f;color:#5b8bb5}.cls-good{background:#96bc4b1f;color:#689424}.cls-inaccuracy{background:#e6a3171f;color:#b57f11}.cls-mistake{background:#e68f171f;color:#c47a0e}.cls-blunder{background:#ca34311f;color:#ca3431}.sparring-hint-row{display:flex;align-items:center;gap:10px;padding:8px 0 0;border-top:1px solid var(--stone-100)}.sparring-hint-row .gm-hint-btn.active{background:var(--stone-700);color:#fff;border-color:var(--stone-700)}.candidates-list{display:flex;gap:6px}.candidate{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--stone-200);background:var(--bg-surface);cursor:default}.candidate.cq-good{border-color:#96bc4b66;background:#96bc4b14}.candidate.cq-decent{border-color:#5b8bb54d;background:#5b8bb50f}.candidate.cq-poor{border-color:#e6a3174d;background:#e6a3170f}.candidate.cq-bad{border-color:#ca34314d;background:#ca34310f}.sparring-movelist{display:flex;flex-wrap:wrap;gap:2px 4px;padding:8px 4px;margin-bottom:10px;font-size:13px;line-height:1.6;border-bottom:1px solid var(--stone-100)}.movelist-pair{display:inline-flex;gap:3px;align-items:baseline}.movelist-num{color:var(--stone-400);font-size:11px;font-variant-numeric:tabular-nums}.movelist-move{padding:1px 4px;border-radius:3px;font-weight:500;cursor:default;transition:background .15s}.movelist-move.player{color:var(--stone-900)}.movelist-move.engine{color:var(--stone-500)}.movelist-move.current{outline:2px solid var(--accent-primary, var(--stone-700));outline-offset:1px}.sparring-movelist.reviewing .movelist-move{cursor:pointer}.sparring-movelist.reviewing .movelist-move:hover{background:var(--stone-100)}.movelist-move.cls-brilliant{background:#1bada626;color:#1bada6}.movelist-move.cls-great{background:#5b8bb526;color:#5b8bb5}.movelist-move.cls-inaccuracy{background:#e6a31726;color:#b57f11}.movelist-move.cls-mistake{background:#e68f1726;color:#c47a0e}.movelist-move.cls-blunder{background:#ca343126;color:#ca3431}.card-progress-bar{height:3px;background:var(--stone-100);border-radius:2px;margin-bottom:12px;overflow:hidden}.card-progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.card-progress-fill.failed{background:var(--color-incorrect, #ca3431)}.sparring-result{font-weight:700!important;font-size:16px!important}.sparring-result.achieved{color:var(--color-correct, #689424)!important}.sparring-result.failed{color:var(--color-incorrect, #ca3431)!important}.sparring-review-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;border-top:1px solid var(--stone-100)}.sparring-attempt-label{font-size:12px;color:var(--stone-400);font-weight:500}.sparring-review-buttons{display:flex;gap:8px}.sparring-review-buttons .drill-btn{padding:6px 16px;font-size:13px}.sparring-evaluating{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.evaluating-dots{display:flex;gap:6px;align-items:center}.eval-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-primary, #58C4DE);animation:eval-pulse 1.2s ease-in-out infinite}.eval-dot:nth-child(2){animation-delay:.2s}.eval-dot:nth-child(3){animation-delay:.4s}@keyframes eval-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.evaluating-label{margin:0;font-size:13px;font-weight:500;color:var(--stone-500);letter-spacing:.04em}.board-test-page{max-width:1200px;margin:0 auto;padding:24px}.board-test-page h1{font-size:24px;font-weight:700;margin-bottom:4px}.test-subtitle{color:var(--stone-500);font-size:14px;margin-bottom:20px}.pair-selector{display:flex;gap:8px;margin-bottom:24px}.pair-btn{padding:6px 14px;border:1px solid var(--stone-300);border-radius:6px;background:var(--bg-surface);color:var(--stone-700);font-size:13px;cursor:pointer}.pair-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.test-sections{display:flex;flex-direction:column;gap:32px}.test-section{border:1px solid var(--stone-200);border-radius:10px;padding:16px;background:var(--bg-surface)}.test-section h2{font-size:16px;font-weight:600;margin-bottom:4px}.test-desc{color:var(--stone-500);font-size:12px;margin-bottom:12px}.test-board{display:flex;justify-content:center;margin-bottom:8px}.test-indicator{text-align:center;font-size:12px;color:var(--stone-500);font-family:monospace;margin-bottom:8px}.test-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.test-buttons button{padding:6px 14px;border:1px solid var(--stone-300);border-radius:6px;background:var(--bg-surface);color:var(--stone-700);font-size:13px;cursor:pointer}.test-buttons button:hover{background:var(--stone-100)}.test-buttons button:disabled{opacity:.5;cursor:not-allowed}.test-log{margin-top:12px;padding:8px 12px;background:var(--stone-100);border-radius:6px;font-family:monospace;font-size:11px;max-height:150px;overflow-y:auto}.log-line{color:var(--stone-600);line-height:1.5}.scp-page{min-height:100vh;background:var(--bg, #1a1a2e);color:var(--text, #e0e0e0)}.scp-header{padding:16px 32px;background:var(--surface, #16213e);border-bottom:1px solid var(--border, #2a3a5c);display:flex;align-items:baseline;gap:16px}.scp-header h1{font-size:16px;font-weight:600}.scp-header p{font-size:12px;color:var(--text-muted, #8892a4)}.scp-workspace{max-width:1200px;margin:0 auto;padding:24px 32px;display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}.scp-board-col{position:sticky;top:24px}.scp-board-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--border, #2a3a5c)}.scp-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px}.scp-nav-btn{background:var(--surface-2, #1a2744);border:1px solid var(--border, #2a3a5c);color:var(--text-muted, #8892a4);width:36px;height:28px;border-radius:5px;cursor:pointer;font:600 14px monospace;display:flex;align-items:center;justify-content:center}.scp-nav-btn:hover{background:#4fc3f726;color:var(--text, #e0e0e0);border-color:#4fc3f7}.scp-nav-label{font:500 12px system-ui,sans-serif;color:var(--text-muted, #8892a4);margin:0 8px;min-width:120px;text-align:center}.scp-movelist{margin-top:12px;padding:12px;background:var(--surface-2, #1a2744);border:1px solid var(--border, #2a3a5c);border-radius:8px;font:13px/1.8 monospace;max-height:300px;overflow-y:auto}.scp-movenum{color:var(--text-muted, #8892a4);opacity:.7;margin-right:2px}.scp-move{cursor:pointer;padding:1px 3px;border-radius:3px;transition:all .1s}.scp-move:hover{background:#4fc3f726;color:#4fc3f7}.scp-move.active{background:#4fc3f740;color:#4fc3f7;font-weight:600}.scp-move.has-comment{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:#4fc3f766}.scp-nag{font-weight:700;margin-left:1px}.scp-nag.good{color:#4fc3f7}.scp-nag.bad{color:#ffb74d}.scp-comment-dot{color:#81c784;font-size:8px;vertical-align:middle;margin-left:1px}.scp-comment-col{display:flex;flex-direction:column;gap:8px}.scp-section-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.scp-section-header span:first-child{font:500 13px system-ui,sans-serif;color:var(--text, #e0e0e0)}.scp-comment-badge{font-size:11px;padding:2px 8px;border-radius:4px;background:#81c78426;color:#81c784}.scp-annotated-list{display:flex;flex-wrap:wrap;gap:4px}.scp-annotated-btn{background:var(--surface-2, #1a2744);border:1px solid var(--border, #2a3a5c);color:var(--text-muted, #8892a4);padding:4px 10px;border-radius:5px;font:500 12px monospace;cursor:pointer;transition:all .12s}.scp-annotated-btn:hover{background:#4fc3f726;color:#4fc3f7;border-color:#4fc3f7}.scp-annotated-btn.active{background:#4fc3f733;color:#4fc3f7;border-color:#4fc3f7}.mgfb{border-bottom:1px solid var(--stone-100);flex-shrink:0}.mgfb-toolbar{display:flex;align-items:center;gap:6px;padding:6px 14px;min-height:30px}.mgfb-search-icon{flex-shrink:0;color:var(--stone-400)}.mgfb-search-input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--stone-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--stone-700);background:var(--bg-surface)}.mgfb-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.mgfb-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mgfb-toggle{display:flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);cursor:pointer;font-size:11px;font-family:inherit;color:var(--stone-600);font-weight:500;flex-shrink:0}.mgfb-toggle:hover{background:var(--stone-50, #fafaf9);border-color:var(--stone-300)}.mgfb-chevron{font-size:8px;color:var(--stone-400);transition:transform .15s}.mgfb-toggle.open .mgfb-chevron{transform:rotate(180deg)}.mgfb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 4px;border-radius:7px;background:var(--accent-primary);color:#fff;font-size:9px;font-weight:600}.mgfb-pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:0 14px 6px}.mgfb-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;background:var(--accent-blue-bg, #eff6ff);border:1px solid var(--accent-blue-border, #bfdbfe);border-radius:10px;font-size:10px;color:var(--accent-blue-hover, #1e40af);white-space:nowrap}.mgfb-pill-label{font-weight:600;color:var(--accent-blue, #3b82f6)}.mgfb-pill-close{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:none;border:none;cursor:pointer;font-size:11px;color:var(--accent-blue, #93c5fd);line-height:1;padding:0}.mgfb-pill-close:hover{color:var(--accent-primary);background:#3b82f61a}.mgfb-clear{padding:2px 8px;border:1px solid var(--stone-200);border-radius:4px;background:none;font-size:10px;color:var(--stone-500);cursor:pointer;font-family:inherit}.mgfb-clear:hover{color:var(--stone-700);border-color:var(--stone-300)}.mgfb-rows{padding:8px 14px 10px;border-top:1px solid var(--stone-100);display:flex;flex-direction:column;gap:8px}.mgfb-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.mgfb-field{display:flex;flex-direction:column;gap:3px;position:relative}.mgfb-label{font-size:10px;font-weight:500;color:var(--stone-500);text-transform:uppercase;letter-spacing:.3px}.mgfb-input{padding:4px 8px;border:1px solid var(--stone-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--stone-700);background:var(--bg-surface)}.mgfb-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.mgfb-input-num{width:56px}.mgfb-input-opening{width:180px}.mgfb-elo-range{display:flex;align-items:center;gap:4px}.mgfb-elo-dash{color:var(--stone-400);font-size:12px}.mgfb-icon{flex-shrink:0}.mgfb-fav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--stone-200);border-radius:4px;background:none;color:var(--stone-400);cursor:pointer;transition:all .1s}.mgfb-fav-btn:hover{color:var(--stone-600);border-color:var(--stone-300)}.mgfb-fav-btn.active{color:#f59e0b;border-color:#f59e0b;background:#f59e0b0f}.mgfb-suggestions{position:absolute;top:100%;left:0;right:0;min-width:240px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:20;max-height:200px;overflow-y:auto;margin-top:2px}.mgfb-suggestion-item{display:flex;gap:6px;align-items:baseline;width:100%;padding:5px 10px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:11px;text-align:left;color:var(--stone-700)}.mgfb-suggestion-item:hover{background:var(--stone-50, #fafaf9)}.mgfb-suggestion-code{font-weight:600;color:var(--accent-primary);flex-shrink:0}.mgfb-suggestion-name{color:var(--stone-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgfb-tag-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);font-size:11px;font-family:inherit;color:var(--stone-600);cursor:pointer;min-width:120px}.mgfb-tag-toggle:hover{border-color:var(--stone-300)}.mgfb-tag-toggle .mgfb-chevron{margin-left:auto}.mgfb-tag-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--stone-200);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:20;max-height:200px;overflow-y:auto;margin-top:2px;padding:4px 0}.mgfb-tag-option{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;color:var(--stone-700);cursor:pointer}.mgfb-tag-option:hover{background:var(--stone-50, #fafaf9)}.mgfb-tag-option input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent-primary)}.mgfb-tag-empty{padding:8px 10px;font-size:11px;color:var(--stone-400);font-style:italic}.mgpb-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.mgpb-modal{background:var(--bg-surface);border-radius:12px;width:960px;max-width:95vw;height:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;overflow:hidden}.mgpb-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--stone-200);flex-shrink:0}.mgpb-title{font-size:16px;font-weight:600;color:var(--stone-900);margin:0}.mgpb-header-spacer{flex:1}.mgpb-library-link{padding:4px 10px;font-size:11px;font-weight:500;border:1px solid var(--stone-300);border-radius:4px;background:transparent;color:var(--stone-600);cursor:pointer;font-family:inherit;white-space:nowrap}.mgpb-library-link:hover{background:var(--stone-50, #fafaf9);color:var(--accent-primary);border-color:var(--accent-primary)}.mgpb-close-btn{background:none;border:none;font-size:18px;color:var(--stone-400);cursor:pointer;padding:2px 6px;line-height:1}.mgpb-close-btn:hover{color:var(--stone-600)}.mgpb-ribbon{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:500;flex-shrink:0}.mgpb-ribbon-text{flex:1}.mgpb-ribbon-done{padding:4px 14px;border:1px solid rgba(255,255,255,.4);border-radius:4px;background:#ffffff26;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.mgpb-ribbon-done:hover{background:#ffffff40}.mgpb-ribbon-delete{padding:4px 14px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:none;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;margin-right:auto}.mgpb-ribbon-delete:hover{background:#dc26264d;border-color:#dc262680;color:#fff}.mgpb-ribbon-close{background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:2px 4px;line-height:1}.mgpb-ribbon-close:hover{color:#fff}.mgpb-body{display:flex;flex:1;min-height:0}.mgpb-left{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--stone-200)}.mgpb-toolbar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--stone-100);flex-shrink:0}.mgpb-toolbar-sep{width:1px;height:16px;background:var(--stone-200);flex-shrink:0;margin:0 2px}.mgpb-count{font-size:11px;font-weight:500;color:var(--stone-400)}.mgpb-results-bar{display:flex;align-items:center;gap:8px;padding:5px 14px;background:var(--accent-blue-bg, #eff6ff);border-bottom:1px solid var(--accent-blue-border, #bfdbfe);font-size:11px}.mgpb-results-text{font-weight:500;color:var(--accent-blue-hover, #1e40af)}.mgpb-results-clear{margin-left:auto;padding:1px 8px;border:1px solid var(--accent-blue-border, #bfdbfe);border-radius:4px;background:none;font-size:10px;font-family:inherit;color:var(--accent-blue, #3b82f6);cursor:pointer}.mgpb-results-clear:hover{background:#3b82f614}.mgpb-browse-bar{display:flex;align-items:center;padding:5px 14px;font-size:11px;font-weight:500;color:var(--stone-500);border-bottom:1px solid var(--stone-100)}.mgpb-sort-select{padding:3px 6px;font-size:11px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);font-family:inherit;cursor:pointer}.mgpb-toolbar-spacer{flex:1}.mgpb-view-toggle{display:flex;gap:2px}.mgpb-view-btn{padding:3px 6px;background:none;border:1px solid var(--stone-200);border-radius:3px;font-size:12px;color:var(--stone-400);cursor:pointer;line-height:1}.mgpb-view-btn:hover{color:var(--stone-600);border-color:var(--stone-300)}.mgpb-view-btn.active{color:var(--stone-700);background:var(--stone-100);border-color:var(--stone-300)}.mgpb-filter-chip{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid var(--stone-200);border-radius:12px;background:transparent;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.mgpb-filter-chip:hover{border-color:var(--stone-300);color:var(--stone-600)}.mgpb-filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mgpb-list{flex:1;overflow-y:auto}.mgpb-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--stone-100);cursor:pointer;transition:background .1s;min-height:44px}.mgpb-row:last-child{border-bottom:none}.mgpb-row:hover{background:var(--stone-50, #fafaf9)}.mgpb-row.selected{background:var(--accent-blue-bg, rgba(59, 130, 246, .06))}.mgpb-in-set-bar{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0;background:transparent;transition:background .15s}.mgpb-in-set-bar.in-set{background:var(--accent-primary)}.mgpb-row-board{flex-shrink:0;border-radius:3px;overflow:hidden}.mgpb-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mgpb-row-title{font-size:13px;font-weight:500;color:var(--stone-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgpb-row-subtitle{font-size:11px;color:var(--stone-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgpb-row-themes{display:flex;gap:4px;flex-shrink:0}.mgpb-row-theme{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary, #2563eb);white-space:nowrap}.mgpb-row-theme-more{background:var(--stone-100);color:var(--stone-500);font-weight:500}.mgpb-row-status{font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;flex-shrink:0}.mgpb-row-status.new{background:var(--stone-100);color:var(--stone-500)}.mgpb-row-status.practiced{background:#6894241a;color:#689424}.mgpb-row-attempts-area{display:flex;align-items:center;gap:6px;flex-shrink:0}.mgpb-attempt-dots{display:flex;align-items:center;gap:3px}.mgpb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mgpb-dot.green{background:#16a34a}.mgpb-dot.amber{background:#d97706}.mgpb-dot.red{background:#dc2626}.mgpb-dot.neutral{background:var(--stone-300)}.mgpb-dot-more{font-size:9px;color:var(--stone-400);font-weight:500}.mgpb-row-toggle{padding:3px 10px;font-size:11px;font-weight:500;border-radius:4px;cursor:pointer;font-family:inherit;flex-shrink:0;transition:all .1s}.mgpb-row-toggle.add{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.mgpb-row-toggle.add:hover{background:var(--accent-blue-bg, rgba(59, 130, 246, .06))}.mgpb-row-toggle.remove{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.mgpb-row-toggle.remove:hover{background:#2563eb}.mgpb-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px 14px;align-content:start}.mgpb-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.mgpb-grid-board{position:relative;border-radius:4px;overflow:hidden;transition:box-shadow .1s}.mgpb-grid-item.selected .mgpb-grid-board,.mgpb-grid-board:hover{box-shadow:0 0 0 2px var(--accent-primary)}.mgpb-grid-label{font-size:10px;color:var(--stone-600);font-weight:500;text-align:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgpb-grid-toggle{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:2px solid white;background:#0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;line-height:1;box-shadow:0 1px 3px #0000004d}.mgpb-grid-toggle.in-set{background:var(--accent-primary);border-color:#fff}.mgpb-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-top:1px solid var(--stone-200);flex-shrink:0}.mgpb-pagination button{padding:3px 10px;background:var(--bg-surface);border:1px solid var(--stone-300);border-radius:4px;font-size:12px;color:var(--stone-600);cursor:pointer;font-family:inherit}.mgpb-pagination button:disabled{opacity:.4;cursor:default}.mgpb-pagination button:not(:disabled):hover{background:var(--stone-100)}.mgpb-page-info{font-size:12px;color:var(--stone-400)}.mgpb-right{width:280px;flex-shrink:0;overflow-y:auto;background:var(--stone-50, #fafaf9);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.mgpb-preview-board{border-radius:6px;overflow:hidden;flex-shrink:0}.mgpb-preview-board canvas{display:block}.mgpb-preview-title{font-size:14px;font-weight:600;color:var(--stone-900);text-align:center;margin:0}.mgpb-preview-subtitle{font-size:12px;color:var(--stone-500);text-align:center;margin:-4px 0 0}.mgpb-preview-stats{width:100%;background:var(--stone-100);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.mgpb-stat-row{display:flex;justify-content:space-between;font-size:12px}.mgpb-stat-label{color:var(--stone-500)}.mgpb-stat-value{font-weight:500;color:var(--stone-700)}.mgpb-preview-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.mgpb-preview-tag{font-size:10px;padding:2px 7px;border-radius:3px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary, #2563eb)}.mgpb-preview-sets{width:100%}.mgpb-preview-sets-label{font-size:11px;font-weight:500;color:var(--stone-500);margin-bottom:4px}.mgpb-preview-set-chips{display:flex;flex-wrap:wrap;gap:4px}.mgpb-preview-set-chip{font-size:10px;padding:2px 7px;border-radius:3px;background:var(--stone-100);color:var(--stone-600)}.mgpb-preview-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.mgpb-action-btn{padding:7px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s}.mgpb-action-btn.primary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.mgpb-action-btn.primary:hover{background:#2563eb}.mgpb-action-btn.danger{background:none;border:1px solid var(--stone-300);color:var(--stone-500)}.mgpb-action-btn.danger:hover{border-color:var(--color-incorrect);color:var(--color-incorrect)}.mgpb-preview-empty{color:var(--stone-400);font-style:italic;font-size:12px;padding:48px 8px;text-align:center}.mgpb-board-nav{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.mgpb-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border:1px solid var(--stone-200);border-radius:3px;background:var(--bg-surface);color:var(--stone-600);font-size:14px;cursor:pointer;font-family:inherit;line-height:1}.mgpb-nav-btn:hover:not(:disabled){background:var(--stone-100);border-color:var(--stone-300)}.mgpb-nav-btn:disabled{opacity:.3;cursor:default}.mgpb-nav-label{font-size:11px;color:var(--stone-400);min-width:40px;text-align:center}.mgpb-nav-label-static{font-size:11px;color:var(--stone-500)}.mgpb-attempt-context{display:flex;align-items:center;justify-content:space-between;width:100%}.mgpb-back-btn{padding:2px 6px;border:none;background:none;font-size:11px;color:var(--accent-primary);cursor:pointer;font-family:inherit}.mgpb-back-btn:hover{text-decoration:underline}.mgpb-annotations-toggle{display:flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--stone-300);border-radius:4px;background:none;color:var(--stone-600);font-size:10px;font-family:inherit;cursor:pointer}.mgpb-annotations-toggle:hover{border-color:var(--stone-400);color:var(--stone-700)}.mgpb-annotations-toggle.active{background:#16a34a0f;border-color:#16a34a;color:#16a34a}.mgpb-annotations-toggle.active:hover{background:#16a34a1a}.mgpb-annotations-content{width:100%;border:1px solid var(--stone-200);border-radius:4px;max-height:100px;overflow-y:auto}.mgpb-annotations-json{margin:0;padding:6px 8px;font-size:10px;color:var(--stone-600);white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Fira Code,monospace}.mgpb-annotations-empty{padding:6px 8px;font-size:10px;color:var(--stone-400);font-style:italic}.mgpb-attempts-section{width:100%;border-top:1px solid var(--stone-200);padding-top:10px}.mgpb-attempts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mgpb-attempts-label{font-size:11px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.3px}.mgpb-attempts-loading{font-size:11px;color:var(--stone-400);font-style:italic;padding:4px 0}.mgpb-attempts-list{display:flex;flex-direction:column;gap:3px}.mgpb-attempt-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--stone-200);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:all .1s}.mgpb-attempt-item:hover{border-color:var(--stone-300);background:var(--stone-50, #fafaf9)}.mgpb-attempt-item.active{border-color:var(--accent-primary);background:var(--accent-blue-bg, rgba(59, 130, 246, .06))}.mgpb-attempt-color{width:3px;height:20px;border-radius:2px;flex-shrink:0}.mgpb-attempt-color.white{background:var(--stone-300)}.mgpb-attempt-color.black{background:var(--stone-700)}.mgpb-attempt-info{flex:1;display:flex;flex-direction:column;min-width:0}.mgpb-attempt-num{font-size:11px;font-weight:600;color:var(--stone-700)}.mgpb-attempt-date{font-size:10px;color:var(--stone-400)}.mgpb-attempt-result{font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;flex-shrink:0}.mgpb-attempt-result.achieved{background:#6894241a;color:#689424}.mgpb-attempt-result.failed{background:#dc262614;color:#dc2626}.mgpb-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--stone-400);padding:32px}.mgcp-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:250}.mgcp-modal{background:var(--bg-surface);border-radius:12px;width:620px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;overflow:hidden}.mgcp-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--stone-200)}.mgcp-title{font-size:16px;font-weight:600;color:var(--stone-900);margin:0;flex:1}.mgcp-close-btn{background:none;border:none;font-size:18px;color:var(--stone-400);cursor:pointer;padding:2px 6px;line-height:1}.mgcp-close-btn:hover{color:var(--stone-600)}.mgcp-body{display:flex;gap:20px;padding:20px;overflow-y:auto}.mgcp-board-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.mgcp-board-wrapper{border-radius:6px;overflow:hidden;background:var(--stone-100)}.mgcp-board-hint{font-size:11px;color:var(--stone-400);text-align:center;max-width:240px}.mgcp-form{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.mgcp-section-label{font-size:11px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.05em;margin:0}.mgcp-search-wrapper{position:relative}.mgcp-search-input{width:100%;padding:8px 10px;border:1px solid var(--stone-200);border-radius:6px;font-size:13px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mgcp-search-input:focus{outline:none;border-color:var(--accent-primary)}.mgcp-search-results{position:absolute;top:100%;left:0;right:0;max-height:180px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--stone-200);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;z-index:10}.mgcp-search-result{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--stone-700);cursor:pointer;border-bottom:1px solid var(--stone-100)}.mgcp-search-result:last-child{border-bottom:none}.mgcp-search-result:hover{background:var(--stone-50)}.mgcp-search-result-players{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgcp-search-result-info{font-size:11px;color:var(--stone-400);flex-shrink:0}.mgcp-search-empty{padding:10px;font-size:12px;color:var(--stone-400);text-align:center}.mgcp-selected-game{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--accent-blue-bg, rgba(59, 130, 246, .06));border:1px solid var(--accent-primary);border-radius:6px;font-size:12px}.mgcp-selected-game-info{flex:1;min-width:0}.mgcp-selected-game-players{font-weight:500;color:var(--stone-900)}.mgcp-selected-game-meta{font-size:11px;color:var(--stone-500)}.mgcp-selected-game-clear{background:none;border:none;color:var(--stone-400);font-size:14px;cursor:pointer;padding:2px 4px}.mgcp-selected-game-clear:hover{color:var(--stone-600)}.mgcp-field{display:flex;flex-direction:column;gap:4px}.mgcp-field label{font-size:12px;font-weight:500;color:var(--stone-600)}.mgcp-field input,.mgcp-field textarea{width:100%;padding:7px 10px;border:1px solid var(--stone-200);border-radius:6px;font-size:13px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mgcp-field input:focus,.mgcp-field textarea:focus{outline:none;border-color:var(--accent-primary)}.mgcp-field-row{display:flex;gap:12px}.mgcp-field-row .mgcp-field{flex:1}.mgcp-themes-input{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);min-height:34px;cursor:text}.mgcp-theme-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;font-size:11px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary);border-radius:3px}.mgcp-theme-chip-remove{background:none;border:none;color:var(--accent-primary);font-size:12px;cursor:pointer;padding:0 2px;line-height:1}.mgcp-themes-text-input{border:none;background:transparent;font-size:12px;color:var(--stone-900);outline:none;flex:1;min-width:60px;padding:0;font-family:inherit}.mgcp-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--stone-200)}.mgcp-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:all .15s}.mgcp-btn.primary{background:var(--accent-primary);color:#fff}.mgcp-btn.primary:disabled{opacity:.5;cursor:default}.mgcp-btn.secondary{background:transparent;color:var(--stone-600);border-color:var(--stone-200)}.mgcp-btn.secondary:hover{background:var(--stone-50)}.mg-at-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.mg-at-modal{background:var(--bg-surface);border-radius:12px;width:700px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;overflow:hidden}.mg-at-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--stone-200);flex-shrink:0}.mg-at-title{font-size:16px;font-weight:600;color:var(--stone-900);margin:0}.mg-at-count{font-size:12px;color:var(--stone-500)}.mg-at-header-spacer{flex:1}.mg-at-sort-select{padding:3px 6px;font-size:11px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);font-family:inherit;cursor:pointer}.mg-at-close-btn{background:none;border:none;font-size:18px;color:var(--stone-400);cursor:pointer;padding:2px 6px;line-height:1}.mg-at-close-btn:hover{color:var(--stone-600)}.mg-at-filters{display:flex;gap:6px;padding:8px 20px;border-bottom:1px solid var(--stone-100);flex-shrink:0}.mg-at-filter-chip{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid var(--stone-200);border-radius:12px;background:transparent;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.mg-at-filter-chip:hover{border-color:var(--stone-300);color:var(--stone-600)}.mg-at-filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mg-at-filter-sep{width:1px;height:16px;background:var(--stone-200);flex-shrink:0;align-self:center}.mg-at-list{flex:1;overflow-y:auto;padding:8px 20px 16px}.mg-at-date-header{font-size:11px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.05em;padding:12px 0 6px}.mg-at-date-header:first-child{padding-top:4px}.mg-at-empty{text-align:center;font-size:13px;color:var(--stone-400);padding:32px}.mg-attempt-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--stone-100);border-radius:6px;background:var(--bg-surface);cursor:pointer;transition:border-color .15s;margin-bottom:4px}.mg-attempt-row:hover{border-color:var(--stone-300)}.mg-attempt-color-bar{width:4px;height:28px;border-radius:2px}.mg-attempt-color-bar.white{background:var(--stone-300)}.mg-attempt-color-bar.black{background:var(--stone-700)}.mg-attempt-info{flex:1;display:flex;flex-direction:column;gap:1px}.mg-attempt-color-label{font-size:13px;font-weight:500;color:var(--stone-900)}.mg-attempt-moves{font-size:11px;color:var(--stone-500)}.mg-attempt-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.mg-attempt-cpl{font-size:12px;color:var(--stone-600);font-variant-numeric:tabular-nums}.mg-attempt-time{font-size:11px;color:var(--stone-400);font-variant-numeric:tabular-nums}.mg-attempt-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}.mg-attempt-badge.achieved{background:#6894241a;color:#689424}.mg-attempt-badge.failed{background:#ca34311a;color:#ca3431}.mg-attempt-badge.game_over{background:#94a3b81a;color:var(--stone-500)}.mg-at-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;border-top:1px solid var(--stone-100);flex-shrink:0}.mg-at-pagination button{padding:3px 10px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);font-size:12px;font-family:inherit;cursor:pointer;transition:all .1s}.mg-at-pagination button:hover:not(:disabled){border-color:var(--stone-400);color:var(--stone-800)}.mg-at-pagination button:disabled{opacity:.3;cursor:default}.mg-at-page-info{font-size:12px;color:var(--stone-400)}.middlegame-icon-canvas{display:block;border-radius:6px;flex-shrink:0;transition:opacity .2s;opacity:.55}.mg-drill-card:hover .middlegame-icon-canvas{opacity:1}.mpl-header{display:flex;align-items:center;gap:10px;width:100%}.mpl-title{font-size:16px;font-weight:600;color:var(--stone-700)}.mpl-header-link{background:none;border:none;color:var(--accent-primary);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;padding:4px 8px}.mpl-header-link:hover{text-decoration:underline}.middlegame-position-library .sidebar-layout{height:100%}.mpl-main{flex:1;padding:24px 32px;overflow-y:auto}.mpl-main-header{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--stone-200)}.mpl-main-title{font-size:14px;font-weight:600;color:var(--stone-700);margin:0}.mpl-main-count{font-size:12px;color:var(--stone-400)}.mpl-drill-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--stone-100)}.mpl-section-label{font-size:12px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.mpl-drill-cards{display:flex;flex-direction:column;gap:8px}.mpl-drill-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--stone-200);border-radius:8px;background:var(--bg-surface);cursor:pointer;transition:all .15s}.mpl-drill-card.active:hover{border-color:var(--accent-primary);box-shadow:0 1px 4px #0000000f}.mpl-drill-card.disabled{opacity:.5;cursor:default}.mpl-drill-card-body{flex:1}.mpl-drill-card-title{font-size:14px;font-weight:600;color:var(--stone-900);margin:0 0 2px}.mpl-drill-card-desc{font-size:12px;color:var(--stone-500);margin:0}.mpl-drill-card-action{font-size:13px;font-weight:500;color:var(--accent-primary)}.mpl-drill-card-soon{font-size:11px;color:var(--stone-400);font-style:italic}.mpl-drill-card-color-btns{display:flex;gap:6px;flex-shrink:0}.mpl-drill-color-btn{padding:4px 12px;border:1px solid var(--stone-200);border-radius:5px;background:var(--bg-page);color:var(--stone-600);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.mpl-drill-color-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3b82f60a}.mpl-attempts-section{margin-bottom:24px}.mpl-attempts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mpl-attempts-list{display:flex;flex-direction:column;gap:6px}.mpl-show-more{display:block;margin:8px 0 0;padding:0;background:none;border:none;color:var(--accent-primary);font-size:13px;cursor:pointer}.mpl-show-more:hover{text-decoration:underline}.mpl-empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--stone-500);font-size:14px}.mpl-empty-text,.mpl-loading{font-size:13px;color:var(--stone-400);padding:12px;text-align:center}.mpl-modal-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:100}.mpl-modal{background:var(--bg-surface);border-radius:12px;padding:24px;width:400px;max-width:90vw;box-shadow:0 8px 32px #0003}.mpl-modal-title{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--stone-900)}.mpl-modal-field{margin-bottom:12px}.mpl-modal-field label{display:block;font-size:12px;font-weight:500;color:var(--stone-600);margin-bottom:4px}.mpl-modal-field input,.mpl-modal-field textarea{width:100%;padding:8px 10px;border:1px solid var(--stone-200);border-radius:6px;font-size:13px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mpl-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.mpl-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.mpl-btn.primary{background:var(--accent-primary);color:#fff}.mpl-btn.primary:disabled{opacity:.5;cursor:default}.mpl-btn.secondary{background:transparent;color:var(--stone-600);border-color:var(--stone-200)}.mpl-btn.secondary:hover{background:var(--stone-50)}.mpl-main-actions{display:flex;gap:8px;margin-left:auto}.mpl-action-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.mpl-action-btn.outline{background:transparent;border:1px solid var(--stone-300);color:var(--stone-600)}.mpl-action-btn.outline:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mpl-action-btn.filled{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.mpl-action-btn.filled:hover{background:#2563eb}.mg-drill{min-height:100vh;background:var(--bg-page)}.mg-drill-loading,.mg-drill-empty,.mg-drill-error{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--stone-500);font-size:14px}.mg-drill-prompt{max-width:440px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.mg-drill-position-info h2{font-size:18px;font-weight:600;color:var(--stone-900);margin:0 0 8px}.mg-drill-game-info{font-size:13px;color:var(--stone-500);margin:0 0 4px}.mg-drill-progress{font-size:12px;color:var(--stone-400);margin:0}.mg-drill-white-summary{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--stone-600);margin-top:8px}.mg-drill-start-btn{padding:12px 32px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--accent-primary);color:#fff}.mg-drill-start-btn.black{background:var(--stone-800);color:#fff}.mg-drill-start-btn:hover{opacity:.9;transform:translateY(-1px)}.mg-drill-summary{max-width:500px;margin:0 auto;padding:32px 16px;text-align:center}.mg-drill-summary h2{font-size:18px;font-weight:600;color:var(--stone-900);margin:0 0 24px}.mg-summary-comparison{display:flex;gap:16px;margin-bottom:24px}.mg-summary-card{flex:1;padding:20px;border-radius:10px;border:1px solid var(--stone-200);background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;gap:10px}.mg-summary-card h3{font-size:14px;font-weight:600;margin:0;color:var(--stone-700)}.mg-summary-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--stone-600)}.mg-result-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}.mg-result-badge.achieved{background:#6894241a;color:#689424}.mg-result-badge.failed,.mg-result-badge.goal_failed{background:#ca34311a;color:#ca3431}.mg-result-badge.game_over{background:#94a3b81a;color:var(--stone-500)}.mg-summary-actions{display:flex;justify-content:center;gap:12px}.mg-drill-complete{max-width:440px;margin:0 auto;padding:64px 16px;text-align:center}.mg-drill-complete h2{font-size:20px;font-weight:600;color:var(--stone-900);margin:0 0 8px}.mg-drill-complete p{font-size:14px;color:var(--stone-500);margin:0 0 24px}.mg-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.mg-btn.primary{background:var(--accent-primary);color:#fff}.mgdp{height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.mgdp-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--stone-100);flex-shrink:0}.mgdp-back-link{font-size:14px;color:var(--stone-500);text-decoration:none}.mgdp-back-link:hover{color:var(--accent-primary);text-decoration:underline}.mgdp-header-title{font-size:18px;font-weight:600;color:var(--stone-900);margin:0}.mgdp-header-count{font-size:13px;color:var(--stone-400)}.mgdp-page{display:flex;flex:1;min-height:0}.mgdp-left{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--stone-100);min-width:0}.mgdp-filter-bar{border-bottom:1px solid var(--stone-100);background:var(--bg-surface)}.mgdp-filter-toolbar{display:flex;align-items:center;gap:8px;padding:6px 16px;min-height:36px;flex-wrap:wrap;row-gap:5px}.mgdp-filter-toggle{display:flex;align-items:center;gap:5px;padding:4px 12px;border:1px solid var(--stone-300);border-radius:5px;background:var(--bg-surface);cursor:pointer;font-size:12px;font-family:inherit;color:var(--stone-600);font-weight:500;flex-shrink:0}.mgdp-filter-toggle:hover{background:var(--stone-50);border-color:var(--stone-400)}.mgdp-filter-chevron{font-size:9px;color:var(--stone-400);transition:transform .15s}.mgdp-filter-toggle.open .mgdp-filter-chevron{transform:rotate(180deg)}.mgdp-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:8px;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:600}.mgdp-filter-pills{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.mgdp-filter-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-blue-bg, rgba(59, 130, 246, .06));border:1px solid var(--accent-blue-border, #bfdbfe);border-radius:10px;font-size:11px;color:var(--accent-blue-hover, #1e40af);white-space:nowrap}.mgdp-filter-pill-label{font-weight:600;color:var(--accent-primary)}.mgdp-filter-pill-close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:none;border:none;cursor:pointer;font-size:12px;color:var(--accent-primary);line-height:1}.mgdp-filter-pill-close:hover{background:#3b82f61f}.mgdp-filter-spacer{flex:1}.mgdp-filter-rows{padding:8px 16px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--stone-100)}.mgdp-filter-row{display:flex;align-items:center;gap:8px}.mgdp-filter-row-label{font-size:11px;font-weight:600;color:var(--stone-400);text-transform:uppercase;letter-spacing:.04em;width:60px;flex-shrink:0;text-align:right}.mgdp-filter-row-fields{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mgdp-filter-field{padding:4px 8px;font-size:12px;border:1px solid var(--stone-200);border-radius:5px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mgdp-filter-field::placeholder{color:var(--stone-400)}.mgdp-filter-field-sep{font-size:11px;color:var(--stone-400)}.mgdp-filter-actions{display:flex;gap:6px}.mgdp-filter-search-btn{padding:4px 14px;border:none;border-radius:5px;background:var(--accent-primary);color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.mgdp-filter-search-btn:hover{filter:brightness(1.1)}.mgdp-filter-clear-btn{padding:4px 10px;border:1px solid var(--stone-200);border-radius:5px;background:var(--bg-surface);color:var(--stone-400);font-size:11px;cursor:pointer;font-family:inherit}.mgdp-filter-clear-btn:hover{border-color:var(--stone-300);color:var(--stone-600)}.mgdp-quick-filters{display:flex;align-items:center;gap:6px;padding:6px 16px;border-bottom:1px solid var(--stone-100);flex-shrink:0;flex-wrap:wrap}.mgdp-qf-chip{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid var(--stone-200);border-radius:12px;background:transparent;color:var(--stone-400);cursor:pointer;font-family:inherit;transition:all .1s}.mgdp-qf-chip:hover{border-color:var(--stone-400);color:var(--stone-600)}.mgdp-qf-chip.active{background:var(--stone-800);border-color:var(--stone-800);color:#fff}.mgdp-qf-sep{width:1px;height:16px;background:var(--stone-200)}.mgdp-qf-more{padding:3px 8px;font-size:11px;font-weight:500;border:none;background:none;color:var(--accent-primary);cursor:pointer;font-family:inherit;white-space:nowrap}.mgdp-qf-more:hover{text-decoration:underline}.mgdp-qf-sort{padding:4px 8px;font-size:11px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);cursor:pointer;font-family:inherit;margin-left:auto}.mgdp-positions-list{flex:1;overflow-y:auto}.mgdp-pos-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--stone-50);cursor:pointer;transition:background .1s}.mgdp-pos-row:hover{background:var(--stone-50)}.mgdp-pos-row.selected{background:#3b82f60f}.mgdp-pos-board{width:48px;height:48px;flex-shrink:0;border-radius:3px;overflow:hidden}.mgdp-pos-info{flex:1;min-width:0}.mgdp-pos-title{font-size:13px;font-weight:500;color:var(--stone-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgdp-pos-meta{font-size:11px;color:var(--stone-400)}.mgdp-pos-attempts-mini{display:flex;align-items:center;gap:6px;flex-shrink:0}.mgdp-pos-dots{display:flex;gap:3px;align-items:center}.mgdp-pos-dot{width:8px;height:8px;border-radius:50%}.mgdp-pos-dot.achieved{background:var(--color-correct, #689424)}.mgdp-pos-dot.failed{background:var(--color-incorrect, #ca3431)}.mgdp-pos-dots-more{font-size:9px;color:var(--stone-400);font-weight:600;letter-spacing:-.5px}.mgdp-pos-best{font-size:11px;font-weight:500;color:var(--stone-500)}.mgdp-pos-tags{display:flex;gap:4px;flex-shrink:0}.mgdp-pos-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:#5b8bb514;color:#5b8bb5;white-space:nowrap}.mgdp-pos-status{font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;flex-shrink:0}.mgdp-pos-status.new{background:var(--stone-50);color:var(--stone-400)}.mgdp-pos-status.practiced{background:#68942414;color:var(--color-correct, #689424)}.mgdp-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-top:1px solid var(--stone-100);flex-shrink:0}.mgdp-pagination button{padding:3px 10px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit}.mgdp-pagination button:disabled{opacity:.4;cursor:default}.mgdp-pagination .mgdp-page-info{font-size:12px;color:var(--stone-400)}.mgdp-right{width:340px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-surface)}.mgdp-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--stone-400);font-style:italic;padding:40px}.mgdp-detail-preview{padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;border-bottom:1px solid var(--stone-100)}.mgdp-detail-board{border-radius:6px;overflow:hidden}.mgdp-detail-board.attempt-active{outline:2px solid var(--accent-primary);outline-offset:-2px}.mgdp-detail-board.scrubbing{opacity:.85}.mgdp-game-nav{display:flex;align-items:center;gap:4px;width:100%;justify-content:center;margin-top:-4px}.mgdp-game-nav-btn{padding:2px 8px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-page);color:var(--stone-500);font-size:12px;cursor:pointer;font-family:inherit;line-height:1.3}.mgdp-game-nav-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mgdp-game-nav-btn:disabled{opacity:.3;cursor:default}.mgdp-game-nav-btn:disabled:hover{border-color:var(--stone-200);color:var(--stone-500)}.mgdp-game-nav-label{font-size:11px;color:var(--stone-500);min-width:100px;text-align:center;font-variant-numeric:tabular-nums}.mgdp-attempt-bar{width:100%;display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:6px}.mgdp-attempt-bar-top{display:flex;align-items:center;gap:6px}.mgdp-attempt-bar-text{flex:1;font-size:11px;color:var(--accent-primary);font-weight:500}.mgdp-attempt-bar-analyze{padding:3px 10px;border:1px solid var(--accent-primary);border-radius:5px;background:var(--bg-surface);color:var(--accent-primary);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.mgdp-attempt-bar-analyze:hover{background:#3b82f60f}.mgdp-attempt-bar-clear{padding:2px 6px;background:none;border:none;color:var(--stone-400);font-size:14px;cursor:pointer;line-height:1}.mgdp-attempt-bar-clear:hover{color:var(--stone-600)}.mgdp-attempt-nav{display:flex;align-items:center;gap:4px}.mgdp-attempt-nav-btn{padding:1px 6px;border:1px solid var(--stone-200);border-radius:3px;background:var(--bg-surface);color:var(--stone-500);font-size:11px;cursor:pointer;font-family:inherit;line-height:1.4}.mgdp-attempt-nav-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mgdp-attempt-nav-btn:disabled{opacity:.3;cursor:default}.mgdp-attempt-nav-btn:disabled:hover{border-color:var(--stone-200);color:var(--stone-500)}.mgdp-attempt-nav-counter{font-size:10px;color:var(--stone-500);margin:0 4px;font-variant-numeric:tabular-nums}.mgdp-attempt-nav-spacer{flex:1}.mgdp-attempt-nav-toggle{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--stone-500);cursor:pointer}.mgdp-attempt-nav-toggle input{margin:0}.mgdp-attempt-nav-toggle:hover{color:var(--stone-700)}.mgdp-side-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.mgdp-side-toggle{display:flex;align-items:center;gap:4px}.mgdp-side-label{font-size:11px;color:var(--stone-400);margin-right:4px;font-weight:500}.mgdp-side-btn{padding:3px 12px;font-size:11px;font-weight:500;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-page);color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.mgdp-side-btn:hover{border-color:var(--stone-400);color:var(--stone-700)}.mgdp-side-btn.white.active{background:var(--stone-100);border-color:var(--stone-400);color:var(--stone-900);font-weight:600}.mgdp-side-btn.black.active{background:var(--stone-800);border-color:var(--stone-800);color:#fff;font-weight:600}.mgdp-eval-info{display:flex;align-items:center;gap:6px}.mgdp-eval-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--stone-700)}.mgdp-eval-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.mgdp-eval-label.conversion{background:#6894241a;color:#689424}.mgdp-eval-label.defense{background:#ca34311a;color:#ca3431}.mgdp-eval-label.equal{background:var(--stone-50);color:var(--stone-500)}.mgdp-detail-divider{width:100%;height:1px;background:var(--stone-100)}.mgdp-detail-title{font-size:15px;font-weight:600;text-align:center;color:var(--stone-900)}.mgdp-detail-subtitle{font-size:12px;color:var(--stone-500);text-align:center;margin-top:-4px}.mgdp-detail-stats{display:flex;gap:8px;width:100%}.mgdp-detail-stat{flex:1;background:var(--bg-page);border:1px solid var(--stone-100);border-radius:6px;padding:8px;text-align:center}.mgdp-detail-stat-value{font-size:16px;font-weight:600}.mgdp-detail-stat-value.green{color:var(--color-correct, #689424)}.mgdp-detail-stat-value.amber{color:#b57f11}.mgdp-detail-stat-value.red{color:var(--color-incorrect, #ca3431)}.mgdp-detail-stat-label{font-size:10px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.05em}.mgdp-detail-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.mgdp-detail-tag{font-size:10px;padding:2px 7px;border-radius:3px;background:#5b8bb514;color:#5b8bb5}.mgdp-start-btn{width:100%;padding:10px;border:none;border-radius:8px;background:var(--accent-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.mgdp-start-btn:hover{filter:brightness(1.1)}.mgdp-attempts{padding:16px 20px;flex:1}.mgdp-attempts-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mgdp-attempts-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--stone-500)}.mgdp-attempts-count{font-size:11px;color:var(--stone-400)}.mgdp-attempt-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--stone-100);border-radius:6px;margin-bottom:4px;background:var(--bg-page);cursor:pointer;transition:all .1s}.mgdp-attempt-row:hover{border-color:var(--stone-200);background:var(--stone-50)}.mgdp-attempt-row.active{border-color:var(--accent-primary);background:#3b82f60d}.mgdp-attempt-color-bar{width:3px;height:24px;border-radius:1.5px;flex-shrink:0}.mgdp-attempt-color-bar.white{background:var(--stone-300)}.mgdp-attempt-color-bar.black{background:var(--stone-700)}.mgdp-attempt-info{flex:1;min-width:0}.mgdp-attempt-label{font-size:12px;font-weight:500;color:var(--stone-900)}.mgdp-attempt-meta{font-size:10px;color:var(--stone-400)}.mgdp-attempt-cpl{font-size:11px;color:var(--stone-500);font-variant-numeric:tabular-nums;flex-shrink:0}.mgdp-attempt-badge{font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;flex-shrink:0}.mgdp-attempt-badge.achieved{background:#6894241a;color:#689424}.mgdp-attempt-badge.failed{background:#ca34311a;color:#ca3431}.mgdp-attempt-badge.game_over{background:#94a3b81a;color:var(--stone-500)}.mgdp-attempts-see-more{display:block;margin:6px 0 0;padding:0;background:none;border:none;color:var(--accent-primary);font-size:12px;cursor:pointer;font-family:inherit}.mgdp-attempts-see-more:hover{text-decoration:underline}.mgdp-no-attempts{font-size:12px;color:var(--stone-400);text-align:center;padding:20px;font-style:italic}.mgdp-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--stone-400);font-size:13px}.mgdp-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--stone-400);font-size:13px;font-style:italic}.mga-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-page)}.mga-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--stone-500);font-size:14px}.mga .page-shell-header{gap:12px}.mga-back-link{font-size:13px;color:var(--accent-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.mga-back-link:hover{text-decoration:underline}.mga-header-spacer{flex:1}.mga-info-bar{display:flex;align-items:center;gap:16px;padding:6px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);font-size:13px}.mga-position-ribbon{display:flex;align-items:center;gap:16px;flex:1}.mga-game-players{display:flex;align-items:center;gap:6px;font-size:13px}.mga-player{font-weight:500;color:var(--text-primary)}.mga-vs{color:var(--stone-400);font-size:11px}.mga-result{font-size:11px;font-weight:600;color:var(--stone-500);padding:1px 6px;border:1px solid var(--stone-200);border-radius:3px}.mga-position-ribbon-right{display:flex;align-items:center;gap:10px;margin-left:auto}.mga-attempt-count{font-size:12px;color:var(--stone-500)}.mga-pip-streak{display:flex;align-items:center;gap:3px}.mga-pip{width:8px;height:8px;border-radius:50%}.mga-pip.achieved{background:var(--color-correct, #16a34a)}.mga-pip.failed{background:var(--color-error, #dc2626)}.mga-info-bar:has(.mga-attempt-ribbon){background:var(--accent-blue-bg, rgba(59, 130, 246, .08));border-bottom-color:#3b82f633}.mga-attempt-ribbon{display:flex;align-items:center;gap:8px;flex:1}.mga-attempt-ribbon-text{font-size:13px;font-weight:600;color:var(--accent-primary)}.mga-attempt-nav-btn{padding:2px 8px;border:1px solid rgba(59,130,246,.25);border-radius:4px;background:transparent;color:var(--accent-primary);font-size:12px;cursor:pointer;font-family:inherit}.mga-attempt-nav-btn:disabled{opacity:.3;cursor:default}.mga-attempt-nav-btn:not(:disabled):hover{background:#3b82f614;border-color:var(--accent-primary)}.mga-attempt-back-btn{margin-left:auto;padding:3px 10px;border:1px solid rgba(59,130,246,.25);border-radius:4px;background:transparent;color:var(--accent-primary);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.mga-attempt-back-btn:hover{background:#3b82f614;border-color:var(--accent-primary)}.mga-reveal-gm-btn{padding:3px 10px;font-size:11px;font-weight:500;font-family:inherit;border:1px solid var(--stone-200);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.mga-reveal-gm-btn:hover{background:var(--stone-50);border-color:var(--stone-300)}.mga-reveal-gm-btn.active{background:var(--accent-blue-bg, rgba(59, 130, 246, .08));border-color:var(--accent-primary);color:var(--accent-primary)}.mga-board{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--board-bg);overflow-y:auto;overflow-x:hidden}.mga-columns{flex:1;overflow:hidden}.mga-middle{display:flex;flex-direction:column;overflow:hidden;min-width:240px;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default)}.mga-middle .middle-content{flex:1;overflow-y:auto}.mga-right{display:flex;flex-direction:column;height:100%;overflow:hidden}.mga-right .right-panel-content{flex:1;overflow-y:auto}.mga-panel-actions{display:flex;flex-direction:column;gap:6px;padding:12px;border-top:1px solid var(--border-default);flex-shrink:0}.mga-action-primary{display:block;width:100%;padding:8px;border:none;border-radius:6px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center}.mga-action-primary:hover{filter:brightness(1.1)}.mga-action-secondary{display:block;width:100%;padding:6px;border:1px solid var(--stone-200);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;text-align:center}.mga-action-secondary:hover{border-color:var(--stone-400)}.mga-context-slot{padding:4px 0}.mga-context-title{font-size:13px;font-weight:600;color:var(--text-primary)}.mga-context-desc{font-size:12px;color:var(--stone-500);margin-top:2px;line-height:1.4}.mga-notes-panel{display:flex;flex-direction:column;gap:8px}.mga-notes-title-input{width:100%;padding:6px 8px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);color:var(--text-primary);font-size:13px;font-weight:600;font-family:inherit}.mga-notes-title-input:focus{outline:none;border-color:var(--accent-primary)}.mga-notes-textarea{width:100%;padding:8px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);color:var(--text-primary);font-size:12px;font-family:inherit;resize:vertical;line-height:1.5}.mga-notes-textarea::placeholder{color:var(--stone-400)}.mga-notes-textarea:focus{outline:none;border-color:var(--accent-primary)}.mga-game-details{display:flex;flex-direction:column;gap:6px}.mga-gd-row{display:flex;align-items:flex-start;gap:8px;font-size:12px}.mga-gd-label{color:var(--stone-500);font-weight:500;min-width:50px;flex-shrink:0}.mga-gd-value{color:var(--text-primary);word-break:break-word}.mga-gd-value a{color:var(--accent-primary);text-decoration:none}.mga-gd-value a:hover{text-decoration:underline}.mga-attempts-list{display:flex;flex-direction:column;gap:2px}.mga-attempt-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;border-radius:5px;background:none;cursor:pointer;font-family:inherit;font-size:12px;text-align:left;color:var(--text-primary);transition:background .12s}.mga-attempt-item:hover{background:var(--stone-100)}.mga-attempt-item.active{background:var(--accent-blue-bg, rgba(59, 130, 246, .08))}.mga-attempt-item-info{display:flex;flex-direction:column;gap:1px}.mga-attempt-item-number{font-weight:600;color:var(--stone-700);font-size:12px}.mga-attempt-item-accuracy{font-variant-numeric:tabular-nums;color:var(--stone-500);font-size:11px}.mga-goal-badge-small{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;margin-left:auto}.mga-goal-badge-small.achieved{background:var(--color-correct-bg, rgba(34, 197, 94, .1));color:var(--color-correct, #16a34a)}.mga-goal-badge-small.failed{background:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error, #dc2626)}.mga-attempts-more{font-size:11px;color:var(--stone-400);padding:4px 8px}.mga-detail-rows{display:flex;flex-direction:column;gap:6px}.mga-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.mga-detail-label{color:var(--stone-500)}.mga-detail-value{font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.mga-goal-badge{text-align:center;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.2px;margin-top:4px}.mga-goal-badge.achieved{background:var(--color-correct-bg, rgba(34, 197, 94, .1));color:var(--color-correct, #16a34a);border:1px solid var(--color-correct-border, rgba(34, 197, 94, .25))}.mga-goal-badge.failed{background:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error, #dc2626);border:1px solid var(--color-error-border, rgba(239, 68, 68, .25))}.mga-position-info{display:flex;flex-direction:column;gap:6px}.mga-info-row{display:flex;align-items:flex-start;gap:8px;font-size:12px}.mga-info-label{color:var(--stone-500);font-weight:500;min-width:50px;flex-shrink:0}.mga-info-value{color:var(--text-primary);word-break:break-word}.mga-info-value a{color:var(--accent-primary);text-decoration:none}.mga-info-value a:hover{text-decoration:underline}.mga-info-themes{display:flex;flex-direction:column;gap:4px;font-size:12px}.mga-theme-chips{display:flex;flex-wrap:wrap;gap:4px}.mga-theme-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--stone-100);color:var(--stone-700);border:1px solid var(--stone-200)}.mga-analysis-panel{display:flex;flex-direction:column;gap:12px}.mga-analysis-top{display:flex;align-items:flex-start;gap:14px}.mga-analysis-stats{display:flex;flex-direction:column;gap:4px;flex:1}.mga-cls-grid{display:flex;flex-direction:column;gap:4px}.mga-cls-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;font-size:12px}.mga-cls-badge-icon{font-weight:700;font-size:11px;min-width:18px;text-align:center}.mga-cls-badge-label{flex:1;font-weight:500}.mga-cls-badge-count{font-weight:700;font-variant-numeric:tabular-nums;min-width:16px;text-align:right}.mga-cls-badge.cls-brilliant{background:#1bada61a;color:#1bada6}.mga-cls-badge.cls-great{background:#5b8bb51a;color:#5b8bb5}.mga-cls-badge.cls-good{background:#96bc4b1a;color:#689424}.mga-cls-badge.cls-inaccuracy{background:#e6a3171a;color:#b57f11}.mga-cls-badge.cls-mistake{background:#e68f171a;color:#c47a0e}.mga-cls-badge.cls-blunder{background:#ca34311a;color:#ca3431}.mga-cls-empty{font-size:12px;color:var(--stone-400);font-style:italic}.mgex-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.mgex-modal{width:700px;max-height:80vh;background:var(--bg-surface);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.mgex-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--stone-100)}.mgex-title{flex:1;font-size:16px;font-weight:600;color:var(--stone-900);margin:0}.mgex-close{padding:4px 8px;background:none;border:none;font-size:20px;color:var(--stone-400);cursor:pointer;line-height:1}.mgex-close:hover{color:var(--stone-600)}.mgex-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.mgex-section{display:flex;flex-direction:column;gap:10px}.mgex-section-title{font-size:13px;font-weight:600;color:var(--stone-700);margin:0}.mgex-search-row{display:flex;gap:8px}.mgex-search-input{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mgex-search-input::placeholder{color:var(--stone-400)}.mgex-search-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.mgex-search-btn:hover{filter:brightness(1.1)}.mgex-search-btn:disabled{opacity:.5;cursor:default}.mgex-game-list{max-height:200px;overflow-y:auto;border:1px solid var(--stone-100);border-radius:8px}.mgex-game-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--stone-50);cursor:pointer;transition:background .1s}.mgex-game-row:last-child{border-bottom:none}.mgex-game-row:hover{background:var(--stone-50)}.mgex-game-row.selected{background:#3b82f60f}.mgex-game-check{flex-shrink:0}.mgex-game-info{flex:1;min-width:0;display:flex;flex-direction:column}.mgex-game-players{font-size:13px;font-weight:500;color:var(--stone-900)}.mgex-game-meta{font-size:11px;color:var(--stone-400)}.mgex-analyzed-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;background:#6894241a;color:#689424;text-transform:uppercase;flex-shrink:0}.mgex-settings{display:flex;gap:16px}.mgex-setting{flex:1;display:flex;flex-direction:column;gap:4px}.mgex-setting label{font-size:11px;font-weight:600;color:var(--stone-500);text-transform:uppercase;letter-spacing:.04em}.mgex-range{display:flex;align-items:center;gap:6px}.mgex-range input{width:70px;padding:4px 8px;font-size:12px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-page);color:var(--stone-900);font-family:inherit}.mgex-range span{font-size:11px;color:var(--stone-400)}.mgex-candidate-list{max-height:320px;overflow-y:auto;border:1px solid var(--stone-100);border-radius:8px}.mgex-candidate-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--stone-50);cursor:pointer;transition:background .1s}.mgex-candidate-row:last-child{border-bottom:none}.mgex-candidate-row:hover{background:var(--stone-50)}.mgex-candidate-row.selected{background:#3b82f60f}.mgex-candidate-board{width:64px;height:64px;flex-shrink:0;border-radius:4px;overflow:hidden}.mgex-candidate-info{flex:1;min-width:0}.mgex-candidate-title{font-size:13px;font-weight:500;color:var(--stone-900)}.mgex-candidate-meta{font-size:11px;color:var(--stone-400)}.mgex-candidate-check{flex-shrink:0}.mgex-empty{padding:24px;text-align:center;font-size:13px;color:var(--stone-400);font-style:italic}.mgex-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--stone-100)}.mgex-btn{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.mgex-btn.primary{border:none;background:var(--accent-primary);color:#fff}.mgex-btn.primary:hover{filter:brightness(1.1)}.mgex-btn.primary:disabled{opacity:.5;cursor:default}.mgex-btn.secondary{border:1px solid var(--stone-200);background:var(--bg-surface);color:var(--stone-600)}.mgex-btn.secondary:hover{border-color:var(--stone-400)}.mgex-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;text-align:center}.mgex-done-icon{width:48px;height:48px;border-radius:50%;background:#6894241a;color:#689424;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.mgex-done h4{font-size:16px;font-weight:600;color:var(--stone-900);margin:0}.mgex-done p{font-size:13px;color:var(--stone-500);margin:0}.mpl .page-shell-header{gap:12px}.mpl-back-link{font-size:13px;color:var(--accent-primary);text-decoration:none;white-space:nowrap}.mpl-back-link:hover{text-decoration:underline}.mpl-header-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.mpl-header-count{font-size:13px;color:var(--stone-400)}.mpl-header-spacer{flex:1}.mpl-add-btn{padding:6px 16px;border:none;border-radius:6px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:filter .1s}.mpl-add-btn:hover{filter:brightness(1.1)}.mpl-columns{flex:1;min-height:0}.mpl-preview{height:100%}.mpl-list-col{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default)}.mpl-quick-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-default);flex-shrink:0}.mpl-side-toggle{display:flex;border:1px solid var(--stone-200);border-radius:4px;overflow:hidden}.mpl-side-btn{padding:3px 10px;font-size:11px;font-weight:500;border:none;cursor:pointer;background:var(--bg-surface);color:var(--stone-500);font-family:inherit;transition:all .1s}.mpl-side-btn.active{background:var(--stone-800);color:#fff}.mpl-side-btn:not(.active):hover{background:var(--stone-50)}.mpl-quick-chips{display:flex;gap:4px}.mpl-qf-chip{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid var(--stone-200);border-radius:12px;background:var(--bg-surface);color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.mpl-qf-chip:hover{background:var(--stone-50);border-color:var(--stone-300)}.mpl-qf-chip.active-conv{background:#68942414;color:#689424;border-color:#6894244d}.mpl-qf-chip.active-def{background:#ca34310f;color:#ca3431;border-color:#ca343133}.mpl-qf-chip.active-eq{background:var(--stone-100);color:var(--stone-600);border-color:var(--stone-300)}.mpl-tab-bar{display:flex;align-items:center;gap:0;padding:0 12px;border-bottom:1px solid var(--border-default);flex-shrink:0}.mpl-tab{padding:8px 14px;font-size:12px;font-weight:500;color:var(--stone-400);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:all .15s}.mpl-tab:hover{color:var(--stone-600)}.mpl-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);font-weight:600}.mpl-tab-spacer{flex:1}.mpl-qf-sort{padding:3px 6px;font-size:10px;border:1px solid var(--stone-200);border-radius:4px;background:var(--bg-surface);color:var(--stone-600);cursor:pointer;font-family:inherit}.mpl-list-header{display:grid;grid-template-columns:48px 1fr 60px minmax(140px,1fr) 72px;align-items:center;padding:6px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--stone-400);background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:1}.mpl-col-eval{text-align:center}.mpl-col-attempts{text-align:right}.mpl-list{flex:1;overflow-y:auto;scrollbar-gutter:stable}.mpl-pos-row{display:grid;grid-template-columns:48px 1fr 60px minmax(140px,1fr) 72px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--stone-50);cursor:pointer;font-size:13px;transition:background .1s}.mpl-pos-row:hover{background:var(--bg-hover)}.mpl-pos-row.previewing{background:#3b82f60a;border-left:2px solid var(--accent-primary);padding-left:10px}.mpl-pos-board{width:40px;height:40px;flex-shrink:0;border-radius:3px;overflow:hidden}.mpl-pos-info{min-width:0;padding-left:8px}.mpl-pos-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.mpl-pos-meta{font-size:11px;color:var(--stone-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpl-pos-eval{text-align:center}.mpl-eval-val{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--stone-700)}.mpl-eval-tag{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:block;margin-top:1px}.mpl-eval-tag.conversion{color:#689424}.mpl-eval-tag.defense{color:#ca3431}.mpl-eval-tag.equal{color:var(--stone-400)}.mpl-pos-themes{display:flex;align-items:flex-start;gap:3px;flex-wrap:wrap;cursor:pointer}.mpl-pos-themes:hover .mpl-theme-tag{border-color:var(--stone-300)}.mpl-theme-tag{padding:1px 6px;font-size:10px;font-weight:500;white-space:nowrap;border-radius:3px;background:var(--stone-100);color:var(--stone-500);border:1px solid var(--stone-200)}.mpl-theme-more{font-size:9px;font-weight:600;color:var(--stone-400);white-space:nowrap;flex-shrink:0}.mpl-pos-attempts{display:flex;align-items:center;justify-content:flex-end;gap:3px;cursor:pointer}.mpl-pos-attempts:hover .mpl-attempt-pip{opacity:.8}.mpl-attempt-pip{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mpl-attempt-pip.correct{background:var(--color-correct, #689424)}.mpl-attempt-pip.incorrect{background:var(--color-incorrect, #ca3431)}.mpl-attempt-more{font-size:9px;color:var(--stone-400);font-weight:600;margin-right:1px}.mpl-attempt-new{font-size:10px;font-weight:500;color:var(--stone-400);padding:2px 6px;border-radius:3px;background:var(--stone-50)}.mpl-system-badge-sm{display:inline-block;font-size:8px;font-weight:600;padding:0 4px;border-radius:2px;background:#5b8bb51a;color:#5b8bb5;text-transform:uppercase;letter-spacing:.03em;margin-left:4px;vertical-align:middle}.mpl-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-default);flex-shrink:0;font-size:12px;color:var(--stone-500);background:var(--bg-surface-alt)}.mpl-pagination button{padding:2px 8px;border:1px solid var(--stone-300);border-radius:3px;background:var(--bg-surface);font-size:12px;color:var(--text-primary);cursor:pointer;font-family:inherit}.mpl-pagination button:hover:not(:disabled){background:var(--stone-100)}.mpl-pagination button:disabled{opacity:.3;cursor:default}.mpl-page-info{font-size:12px;color:var(--stone-400)}.mpl-page-total{margin-left:12px;color:var(--stone-400)}.mpl-right{display:flex;flex-direction:column;height:100%;overflow:hidden}.mpl-right .right-panel-content{flex:1;overflow-y:auto}.mpl-panel-empty-state{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:var(--stone-400);font-style:italic;padding:40px}.mpl-panel-info{display:flex;flex-direction:column;gap:6px}.mpl-info-row{display:flex;align-items:flex-start;gap:8px;font-size:12px}.mpl-info-label{color:var(--stone-500);font-weight:500;min-width:50px;flex-shrink:0}.mpl-info-value{color:var(--text-primary);word-break:break-word}.mpl-info-value a{color:var(--accent-primary);text-decoration:none}.mpl-info-value a:hover{text-decoration:underline}.mpl-info-desc{font-size:12px;color:var(--stone-600);line-height:1.5;margin-top:4px;padding-top:6px;border-top:1px solid var(--border-subtle, var(--stone-100))}.mpl-delete-link{background:none;border:none;color:var(--stone-400);font-size:11px;cursor:pointer;padding:0;margin-top:8px;font-family:inherit;text-decoration:underline;text-decoration-color:transparent;transition:all .1s}.mpl-delete-link:hover{color:var(--color-incorrect, #ca3431);text-decoration-color:currentColor}.mpl-panel-attrs{display:flex;flex-direction:column;gap:10px}.mpl-attr-themes{display:flex;flex-wrap:wrap;gap:4px}.mpl-theme-chip{font-size:10px;padding:2px 7px;border-radius:3px;background:#5b8bb514;color:#5b8bb5}.mpl-theme-chip.eval-type{background:#68942414;color:#689424}.mpl-attr-eval{display:flex;align-items:center;gap:6px}.mpl-eval-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--stone-700)}.mpl-eval-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.mpl-eval-label.conversion{background:#6894241a;color:#689424}.mpl-eval-label.defense{background:#ca34311a;color:#ca3431}.mpl-eval-label.equal{background:var(--stone-50);color:var(--stone-500)}.mpl-attr-stats{display:flex;flex-direction:column;gap:6px}.mpl-stat-row{display:flex;align-items:center;justify-content:space-between}.mpl-stat-label{font-size:12px;color:var(--stone-500)}.mpl-stat-value{font-size:13px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.mpl-stat-value.green{color:var(--color-correct, #689424)}.mpl-stat-value.amber{color:#b57f11}.mpl-stat-value.red{color:var(--color-incorrect, #ca3431)}.mpl-panel-attempts{display:flex;flex-direction:column;gap:4px}.mpl-panel-attempt-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--stone-100);border-radius:6px;background:var(--bg-page);cursor:pointer;text-decoration:none;transition:all .1s}.mpl-panel-attempt-row:hover{border-color:var(--stone-200);background:var(--stone-50)}.mpl-panel-attempt-info{flex:1;min-width:0}.mpl-panel-attempt-label{font-size:12px;font-weight:500;color:var(--text-primary)}.mpl-panel-attempt-meta{font-size:10px;color:var(--stone-400)}.mpl-panel-loading,.mpl-panel-empty{font-size:12px;color:var(--stone-400);text-align:center;padding:12px;font-style:italic}.mpl-show-more-attempts{background:none;border:none;color:var(--stone-500);font-size:12px;cursor:pointer;padding:4px 0;margin-top:2px;font-family:inherit}.mpl-show-more-attempts:hover{color:var(--stone-700)}.mpl-goal-badge{font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;flex-shrink:0}.mpl-goal-badge.achieved{background:#6894241a;color:#689424}.mpl-goal-badge.failed{background:#ca34311a;color:#ca3431}.mpl-goal-badge.game_over{background:#94a3b81a;color:var(--stone-500)}.mpl-panel-actions{display:flex;flex-direction:column;gap:6px;padding:12px;border-top:1px solid var(--border-default);flex-shrink:0}.mpl-action-primary{display:block;width:100%;padding:8px;border:none;border-radius:6px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}.mpl-action-primary:hover{filter:brightness(1.1)}.mpl-action-secondary{display:block;width:100%;padding:6px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);color:var(--stone-600);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}.mpl-action-secondary:hover{border-color:var(--stone-400)}.mpl-action-danger{width:100%;padding:5px;border:1px solid rgba(202,52,49,.2);border-radius:6px;background:none;color:var(--color-incorrect, #ca3431);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;text-align:center;opacity:.7;transition:opacity .1s}.mpl-action-danger:hover{opacity:1;background:#ca34310a}.mpl-theme-pills{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.mpl-theme-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:500;border-radius:3px;background:#5b8bb514;color:#5b8bb5}.mpl-theme-pill-x{background:none;border:none;color:inherit;font-size:12px;cursor:pointer;padding:0;line-height:1;opacity:.6}.mpl-theme-pill-x:hover{opacity:1}.mpl-theme-check{display:inline-block;width:14px;font-size:11px;color:var(--accent-primary)}.mpl-theme-clear{color:var(--stone-400)!important;font-style:italic}.gfb-opening-item.selected{background:#3b82f60f}.mpl-ribbon{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:500;flex-shrink:0}.mpl-ribbon-text{flex:1}.mpl-ribbon-done{padding:3px 12px;border:none;border-radius:4px;background:#fff3;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.mpl-ribbon-done:hover{background:#ffffff4d}.mpl-ribbon-close{background:none;border:none;color:#ffffffb3;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.mpl-ribbon-close:hover{color:#fff}.mpl-in-set-bar{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0;background:transparent;transition:background .15s}.mpl-in-set-bar.in-set{background:var(--accent-primary)}.mpl-row-toggle{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .1s;white-space:nowrap}.mpl-row-toggle.add{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.mpl-row-toggle.add:hover{background:#3b82f60f}.mpl-row-toggle.remove{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.mpl-row-toggle.remove:hover{filter:brightness(1.1)}.mpl-list-header.ribbon-mode,.mpl-pos-row.ribbon-mode{grid-template-columns:3px 48px 1fr 60px minmax(140px,1fr) 72px 72px}.mpl-panel-sets{display:flex;flex-direction:column;gap:4px}.mpl-set-search{padding:5px 8px;border:1px solid var(--stone-200);border-radius:5px;font-size:12px;font-family:inherit;color:var(--stone-700);background:var(--bg-page);width:100%;margin-bottom:4px}.mpl-set-search:focus{outline:none;border-color:var(--accent-primary)}.mpl-set-search::placeholder{color:var(--stone-400)}.mpl-set-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .1s}.mpl-set-row:hover{background:var(--bg-hover)}.mpl-set-row.active{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.mpl-set-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpl-set-count{font-size:11px;color:var(--stone-400);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:8px}.mpl-set-show-more{background:none;border:none;color:var(--accent-primary);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;padding:4px 8px;text-align:left}.mpl-set-show-more:hover{text-decoration:underline}.mpl-set-create{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border-subtle, var(--stone-100))}.mpl-set-create-input{flex:1;padding:4px 8px;border:1px solid var(--stone-200);border-radius:4px;font-size:12px;font-family:inherit;background:var(--bg-page);color:var(--text-primary)}.mpl-set-create-input:focus{outline:none;border-color:var(--accent-primary)}.mpl-set-create-btn{padding:4px 10px;border:none;border-radius:4px;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.mpl-set-create-btn:disabled{opacity:.4;cursor:default}.mpl-set-create-btn:not(:disabled):hover{filter:brightness(1.1)}.mpl-set-drill-btn{width:100%;padding:6px;margin-top:6px;border:1px solid var(--stone-200);border-radius:6px;background:var(--bg-page);color:var(--stone-400);font-size:12px;font-weight:500;cursor:default;font-family:inherit;text-align:center;opacity:.5}.mpl-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--stone-400);font-size:13px}.mpl-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--stone-400);font-size:13px;font-style:italic}.mobile-picker{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-page);overscroll-behavior:none;touch-action:manipulation;padding-top:env(safe-area-inset-top,0px)}.mobile-picker-header{padding:16px 20px 4px;flex-shrink:0}.mobile-picker-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em}.mobile-picker-body{flex:1;display:flex;flex-direction:column;padding:0 16px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.mobile-picker-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;flex-shrink:0}.mobile-picker-type{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--stone-300);background:var(--bg-surface);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.mobile-picker-type.active{border-color:var(--accent-primary);background:var(--accent-blue-bg, rgba(37, 99, 235, .08))}.mobile-picker-type-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;background:var(--stone-100);color:var(--stone-500);transition:all .15s}.mobile-picker-type.active .mobile-picker-type-icon{background:var(--accent-primary);color:#fff}.mobile-picker-type-icon svg{width:15px;height:15px}.mobile-picker-type-label{font-size:15px;font-weight:600;color:var(--text-primary)}.mobile-picker-type-desc{font-size:11px;color:var(--text-muted);letter-spacing:.01em}.mobile-picker-divider{height:1px;background:var(--stone-200);margin-bottom:20px;flex-shrink:0}.mobile-picker-options{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.mobile-picker-field{display:flex;flex-direction:column;gap:6px}.mobile-picker-field label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.mobile-picker-field select{background:var(--bg-surface);border:1.5px solid var(--stone-300);border-radius:10px;padding:13px 14px;font-size:16px;color:var(--text-primary);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23888' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;font-family:inherit;transition:border-color .15s}.mobile-picker-field select:focus{outline:none;border-color:var(--accent-primary)}.mobile-picker-empty{font-size:13px;color:var(--text-muted);margin:4px 0 0}.mobile-picker-spacer{flex:1;min-height:24px}.mobile-picker-start{width:100%;padding:16px;border-radius:12px;border:none;background:var(--accent-primary);color:#fff;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:opacity .15s;font-family:inherit}.mobile-picker-start:active{opacity:.85}.mobile-picker-start:disabled{opacity:.4;cursor:not-allowed}.mobile-layout{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary, #1a1a2e);overscroll-behavior:none;touch-action:manipulation;padding-top:env(safe-area-inset-top,0px)}.mobile-header{height:44px;display:flex;align-items:center;padding:0 12px;flex-shrink:0;border-bottom:1px solid var(--border-color, #3a3a5c);background:var(--bg-primary, #1a1a2e)}.mobile-header .mobile-back{font-size:15px;font-weight:500;color:var(--accent-primary);cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:4px;padding:8px 4px;min-width:60px}.mobile-header .mobile-title{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--text-primary);margin-right:60px}.mobile-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mobile-layout .drill-header{display:none}.mobile-layout .page-shell{padding:0;min-height:unset}.mobile-layout .page-shell-header,.mobile-layout .nav-menu,.mobile-layout .drill-breadcrumb{display:none}.mobile-layout .board-card{padding:0;border:none;border-radius:0;margin-bottom:0;background:transparent;flex-shrink:0}.mobile-layout .board-card .board-context{display:none}.mobile-layout .tactics-drill-page,.mobile-layout .position-drill,.mobile-layout .sequence-drill,.mobile-layout .recall-drill,.mobile-layout .sparring-playground{padding:0;max-width:none;flex:1;display:flex;flex-direction:column;min-height:0}.mobile-layout .control-card{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:10px 16px;display:flex;flex-direction:column;gap:4px}.mobile-layout .action-row{margin-top:auto;justify-content:center;padding-top:14px;padding-bottom:env(safe-area-inset-bottom,12px)}.mobile-layout .card-progress-bar{margin-bottom:4px}.mobile-layout .stats-row{margin-bottom:6px;padding-bottom:8px}.mobile-layout .streak-ticker{gap:6px;padding:2px 0}.mobile-layout .streak-dot{width:11px;height:11px}.mobile-layout .phase-content{padding:10px 12px;min-height:40px}.mobile-layout .mastery-result{padding:6px 0 4px;gap:10px}.mobile-layout .mastery-bar-wrap{overflow:visible;padding:0 2px}.mobile-layout .tier-badge{margin-top:4px}.mobile-layout .showing-correct-display{gap:12px}.mobile-layout .showing-correct-actions{padding-top:4px}.mobile-layout .sparring-review-actions{margin-top:auto;padding-bottom:env(safe-area-inset-bottom,8px)}.mobile-layout .action-row button,.mobile-layout .btn-next,.mobile-layout .btn-annotate{min-height:44px;font-size:15px}.mobile-layout .annotation-overlay{display:none!important}.mobile-layout .drill-complete,.mobile-layout .complete-card{padding:16px}.mobile-layout .complete-card h2,.mobile-layout .complete-hero{padding:12px 16px 0}.mobile-layout .complete-stats,.mobile-layout .complete-actions{padding:16px}.hsb-sidebar{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border-right:1px solid var(--border-default);background:var(--bg-surface)}.hsb-top{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.hsb-bottom{flex-shrink:0;max-height:50%;overflow-y:auto;border-top:1px solid var(--stone-200);padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:var(--bg-surface)}.hsb-scope-tabs{display:flex;border-bottom:1px solid var(--stone-200);flex-shrink:0}.hsb-scope-tab{flex:1;padding:10px 8px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px;font-weight:500;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .15s;text-align:center}.hsb-scope-tab:hover{color:var(--stone-700)}.hsb-scope-tab.active{color:var(--stone-700);border-bottom-color:var(--accent-primary)}.hsb-toolbar{padding:10px 12px 6px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.hsb-search-row{display:flex;gap:4px}.hsb-search{flex:1;padding:5px 8px;border:1px solid var(--stone-200);border-radius:5px;font-size:12px;font-family:inherit;color:var(--stone-700);background:var(--bg-page);box-sizing:border-box}.hsb-search:focus{outline:none;border-color:var(--accent-primary)}.hsb-search::placeholder{color:var(--stone-400)}.hsb-filter-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:1px solid var(--stone-200);border-radius:5px;color:var(--stone-400);cursor:pointer;font-size:14px;flex-shrink:0;position:relative;transition:all .15s}.hsb-filter-btn:hover{border-color:var(--stone-300);color:var(--stone-600)}.hsb-filter-btn.has-filters{border-color:var(--accent-primary);background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary)}.hsb-filter-badge{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.hsb-action-row{display:flex;gap:4px;align-items:center}.hsb-new-btn{padding:4px 10px;background:none;border:none;font-size:12px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:color .1s}.hsb-new-btn:hover{color:var(--accent-primary)}.hsb-sort-select{padding:3px 6px;border:1px solid var(--stone-200);border-radius:4px;font-size:11px;font-family:inherit;color:var(--stone-500);background:var(--bg-page)}.hsb-popover{background:var(--bg-surface-alt, #fafafa);border:1px solid var(--stone-200);border-radius:6px;padding:10px 12px;margin:0 12px 6px;box-shadow:var(--shadow-sm)}.hsb-popover-section{margin-bottom:8px}.hsb-popover-section:last-of-type{margin-bottom:0}.hsb-popover-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--stone-400);margin-bottom:6px}.hsb-popover-pills{display:flex;flex-wrap:wrap;gap:4px}.hsb-popover-pill{padding:2px 8px;border-radius:12px;border:1px solid var(--stone-200);background:transparent;color:var(--stone-500);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.hsb-popover-pill:hover{border-color:var(--stone-300);background:var(--stone-50)}.hsb-popover-pill.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.hsb-popover-footer{display:flex;justify-content:flex-end;margin-top:8px;padding-top:6px;border-top:1px solid var(--stone-100)}.hsb-popover-clear{background:none;border:none;font-size:11px;color:var(--stone-400);cursor:pointer;font-family:inherit;padding:2px 4px}.hsb-popover-clear:hover{color:var(--accent-primary);text-decoration:underline}.hsb-active-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 4px}.hsb-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;background:var(--accent-blue-bg, #eff6ff);color:var(--accent-primary);font-size:11px;font-weight:500}.hsb-chip-x{background:none;border:none;padding:0 1px;font-size:12px;color:var(--accent-primary);cursor:pointer;line-height:1;opacity:.6}.hsb-chip-x:hover{opacity:1}.hsb-set-list{flex:1;overflow-y:auto;padding:4px 0}.hsb-ribbon{display:flex;align-items:center;gap:6px;padding:7px 14px;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--stone-600);text-align:left;transition:background .1s;position:relative;box-sizing:border-box}.hsb-ribbon:hover{background:var(--stone-50)}.hsb-ribbon.active{background:var(--accent-blue-bg, #eff6ff);color:var(--stone-800)}.hsb-ribbon-dot{width:7px;height:7px;border-radius:50%;background:var(--stone-300);flex-shrink:0}.hsb-ribbon-dot.accent{background:var(--accent-primary)}.hsb-ribbon-dot.purple{background:var(--purple-accent, #7c3aed)}.hsb-ribbon.active .hsb-ribbon-dot{background:var(--accent-primary)}.hsb-ribbon.active .hsb-ribbon-dot.purple{background:var(--purple-accent, #7c3aed)}.hsb-ribbon-dot.green{background:#34a853}.hsb-ribbon-dot.blue{background:var(--accent-primary, #3b82f6)}.hsb-ribbon-dot.amber{background:#c5922e}.hsb-ribbon-dot.orange{background:#e8710a}.hsb-ribbon.active .hsb-ribbon-dot.green{background:#34a853}.hsb-ribbon.active .hsb-ribbon-dot.blue{background:var(--accent-primary, #3b82f6)}.hsb-ribbon.active .hsb-ribbon-dot.amber{background:#c5922e}.hsb-ribbon.active .hsb-ribbon-dot.orange{background:#e8710a}.hsb-ribbon-dot.red{background:#b45252}.hsb-ribbon.active .hsb-ribbon-dot.red{background:#dc6868}.hsb-ribbon-recipe{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:1px 5px;border-radius:3px;background:var(--stone-100);color:var(--stone-500);flex-shrink:0;line-height:1.4}.hsb-recipe-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:6px;margin-bottom:12px;background:var(--stone-50);border:1px solid var(--stone-200)}.hsb-recipe-banner-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--stone-200);color:var(--stone-600)}.hsb-recipe-banner-text{flex:1;min-width:0}.hsb-recipe-banner-label{font-size:12px;font-weight:600;color:var(--stone-700);margin-bottom:2px}.hsb-recipe-banner-detail{font-size:11px;color:var(--stone-500);line-height:1.4}.hsb-recipe-banner-detail a{color:var(--accent-primary);text-decoration:none}.hsb-recipe-banner-detail a:hover{text-decoration:underline}.hsb-recipe-banner-refresh{padding:4px 10px;border:1px solid var(--stone-200);border-radius:4px;background:#fff;font-size:11px;font-weight:500;color:var(--stone-600);cursor:pointer;font-family:inherit;flex-shrink:0;transition:all .15s}.hsb-recipe-banner-refresh:hover{border-color:var(--stone-300);background:var(--stone-50)}.hsb-recipe-banner-refresh:disabled{opacity:.5;cursor:default}.hsb-recipe-banner.repertoire{background:#34a85314;border-color:#34a85340}.hsb-recipe-banner.repertoire .hsb-recipe-banner-icon{background:#34a85326;color:#34a853}.hsb-recipe-banner.theme{background:#3b82f614;border-color:#3b82f640}.hsb-recipe-banner.theme .hsb-recipe-banner-icon{background:#3b82f626;color:#3b82f6}.hsb-recipe-banner.weakest{background:#c5922e14;border-color:#c5922e40}.hsb-recipe-banner.weakest .hsb-recipe-banner-icon{background:#c5922e26;color:#c5922e}.hsb-recipe-banner.pawn{background:#7c3aed14;border-color:#7c3aed40}.hsb-recipe-banner.pawn .hsb-recipe-banner-icon{background:#7c3aed26;color:#7c3aed}.hsb-recipe-banner.position{background:#e8710a14;border-color:#e8710a40}.hsb-recipe-banner.position .hsb-recipe-banner-icon{background:#e8710a26;color:#e8710a}.hsb-recipe-banner.rich{background:#3b82f614;border-color:#3b82f640}.hsb-recipe-banner.rich .hsb-recipe-banner-icon{background:#3b82f626;color:#3b82f6}.hsb-recipe-banner.my-games{background:#b4525214;border-color:#b4525240}.hsb-recipe-banner.my-games .hsb-recipe-banner-icon{background:#b4525226;color:#b45252}.hsb-ribbon-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsb-ribbon-meta{display:flex;gap:4px;align-items:center;flex-shrink:0}.hsb-ribbon-count{font-size:11px;color:var(--stone-400);font-weight:400;flex-shrink:0}.hsb-ribbon-color-badge{display:inline-block;font-size:9px;font-weight:700;padding:0 3px;margin-left:4px;border-radius:2px;background:var(--stone-200);color:var(--stone-600);vertical-align:middle}.hsb-ribbon-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s;flex-shrink:0}.hsb-ribbon:hover .hsb-ribbon-actions,.hsb-ribbon.active .hsb-ribbon-actions{opacity:1}.hsb-ribbon-btn{padding:2px 5px;background:none;border:none;font-size:11px;color:var(--stone-400);cursor:pointer;border-radius:3px;font-family:inherit;line-height:1.3;white-space:nowrap}.hsb-ribbon-btn:hover{background:var(--stone-200);color:var(--stone-700)}.hsb-ribbon-wp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hsb-ribbon-wp-meta{font-size:11px;color:var(--stone-400);font-weight:400}.hsb-bottom-label{font-size:9px;font-weight:700;color:var(--stone-400);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;padding:0 2px}.hsb-filter-section{display:flex;flex-direction:column;gap:6px}.hsb-filter-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--stone-400)}.hsb-filter-pills{display:flex;flex-wrap:wrap;gap:5px}.hsb-filter-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;background:var(--bg-page);border:1px solid var(--stone-200);border-radius:12px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.hsb-filter-pill:hover{border-color:var(--stone-300);color:var(--stone-700)}.hsb-filter-pill.active{background:var(--stone-700);color:#fff;border-color:var(--stone-700)}.hsb-pill-count{font-size:10px;opacity:.8}.hsb-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--bg-page);border:1px solid var(--stone-200);border-radius:12px;font-size:11px;color:var(--stone-500);cursor:pointer;font-family:inherit;transition:all .1s}.hsb-tag-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tag-color, var(--stone-300));flex-shrink:0}.hsb-tag-pill:hover{border-color:var(--tag-color, var(--stone-300));color:var(--stone-700)}.hsb-tag-pill.active{background:var(--tag-color, var(--stone-700));color:#fff;border-color:var(--tag-color, var(--stone-700))}.hsb-tag-count{font-size:10px;opacity:.65;margin-left:2px}.hsb-theme-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid var(--stone-200);background:transparent;color:var(--stone-500);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.hsb-theme-pill:hover{border-color:var(--stone-300);background:var(--stone-50)}.hsb-theme-pill.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.hsb-theme-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--stone-400);flex-shrink:0}.hsb-theme-pill.active .hsb-theme-dot{background:#fff}.hsb-rating-pill{font-variant-numeric:tabular-nums}.hsb-stats-row{display:flex;justify-content:space-between;border-top:1px solid var(--stone-100);margin-top:8px;padding-top:8px}.hsb-stat-label{font-size:11px;color:var(--stone-500)}.hsb-stat-value{font-size:11px;color:var(--stone-700);font-weight:500}.hsb-bar-track{height:5px;background:var(--stone-100);border-radius:3px;overflow:hidden}.hsb-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.hsb-bar-fill.green{background:#22c55e}.hsb-see-more{padding:8px 14px;background:none;border:none;border-top:1px solid var(--border-subtle, #f0efee);color:var(--accent-primary);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:background .1s}.hsb-see-more:hover{background:var(--stone-50)}.hsb-empty-msg{padding:16px 14px;font-size:12px;color:var(--stone-400);text-align:center}.hsb-mastery-row{display:flex;flex-direction:column;gap:6px}.hsb-mastery-header{display:flex;align-items:center;gap:4px}.hsb-mastery-label{font-size:12px;font-weight:600;color:var(--stone-500)}.hsb-mastery-count{font-size:12px;color:var(--stone-500);margin-left:auto}.hsb-set-separator{height:1px;background:var(--stone-200);margin:4px 14px}:root{--bg-page: #f8f8f8;--bg-surface: white;--bg-surface-alt: #fafafa;--bg-inset: #e8e8e8;--bg-hover: #f5f5f4;--bg-active: #e7e5e4;--bg-panel: #f5f5f5;--bg-panel-hover: #eee;--border-default: #e0e0e0;--border-subtle: #f0f0f0;--border-strong: #d6d3d1;--border-input: #ddd;--text-primary: #333;--text-secondary: #555;--text-tertiary: #666;--text-muted: #888;--text-faint: #999;--text-placeholder: #bbb;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--accent-blue: #2196f3;--accent-blue-hover: #1976d2;--accent-blue-bg: #eff6ff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-success: #16a34a;--color-warning-bg: #fff3e0;--color-warning-border: #ffe0b2;--color-warning-text: #e65100;--purple-bg: #f5f3ff;--purple-border: #ddd6fe;--purple-text: #6d28d9;--purple-accent: #7c3aed;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .12);--overlay-backdrop: rgba(0, 0, 0, .4);--tab-active-bg: white;--segmented-active-bg: #1c1917;--segmented-active-text: white;--card-bg: white;--popover-bg: white;--input-bg: transparent;--eval-white-bg: #f0f0f0;--eval-black-bg: #333;--eval-white-adv: #333;--eval-black-adv: #78716c;--eval-mate: #ca3431;--eval-even: #a8a29e;--badge-white-bg: #f5f5f4;--badge-white-color: #a8a29e;--badge-even-bg: #fafaf9;--badge-even-color: #c4b5a8;--badge-mate-bg: #fef2f2;--badge-mate-color: #ca3431;--badge-blunder-bg: #fef2f2;--badge-blunder-color: #ca3431;--badge-mistake-bg: #fff7ed;--badge-mistake-color: #e58f2a;--badge-inaccuracy-bg: #fefce8;--badge-inaccuracy-color: #b49518;--pill-fg: #78716c;--pill-bg: rgba(120, 113, 108, .13);--pill-border: rgba(120, 113, 108, .27);--pill-bg-hover: rgba(120, 113, 108, .2);--pill-border-hover: rgba(120, 113, 108, .4);--pill-fg-hover: #44403c;--expand-pill-fg: #a8a29e;--expand-pill-bg: rgba(168, 162, 158, .13);--expand-pill-border: rgba(168, 162, 158, .27);--expand-pill-bg-hover: rgba(168, 162, 158, .2);--expand-pill-border-hover: rgba(168, 162, 158, .4);--expand-pill-fg-hover: #57534e;--board-bg: #e8e8e8;--board-sq-light: #f0d9b5;--board-sq-dark: #c0ae91;--color-correct: #22c55e;--color-correct-bg: #dcfce7;--color-correct-border: #bbf7d0;--color-incorrect: #ef4444;--color-amber: #d97706;--color-amber-bg: #fef3c7;--color-amber-border: #fde68a;--color-amber-text: #92400e;--focus-ring: #93c5fd;--focus-bg: #dbeafe;--focus-border: #bfdbfe;--color-gold: #eab308;--ts-indicator-color: #7c3aed;--chart-white: #e8e8e8;--chart-black: #404040;--chart-center: #888;--color-engine: #6d9e37;--color-delete: #b91c1c;--classify-brilliant: #1baca6;--classify-great: #5c8bb0;--classify-best: #96bc4b;--classify-prep: #4db8a8;--classify-book: #a88764;--classify-inaccuracy: #f7c631;--classify-mistake: #e58f2a;--classify-blunder: #ca3431;--srs-due-color: #dc2626;--srs-due-bg: #fef2f2;--srs-new-color: #2563eb;--srs-new-bg: #eff6ff;--srs-learning-color: #d97706;--srs-learning-bg: #fffbeb;--srs-mastered-color: #16a34a;--srs-mastered-bg: #f0fdf4;--loading-grid-light: #f5f5f4;--loading-grid-dark: #eeeceb;--loading-piece: #1c1917;--loading-dot: #a8a29e;--loading-line: #d6d3d1;--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--graph-main-color: #44403c;--graph-node-stroke: #fff;--graph-label-color: #1c1917;--graph-label-branch: inherit;--graph-trunk-color: #44403c;--graph-minimap-bg: #fafaf9;--graph-selection: #2563eb;--graph-highlight: #1e88e5;--graph-bg: #f8f8f8;--tree-connector-color: rgba(68, 64, 60, .2);--graph-nag-color: #78716c;--graph-indicator-color: #a8a29e;--graph-edge-main: #555;--graph-edge-side: #aaa;--graph-node-default: #9e9e9e;--graph-expand-bg: #666;--graph-expand-text: #fff;--graph-collapse-bg: #ddd;--graph-collapse-stroke: #aaa;--graph-collapse-text: #666;--graph-comment-blue: #2563eb;--graph-notes-green: #16a34a;--explore-accent: var(--purple-accent);--explore-accent-bg: var(--purple-bg);--explore-accent-border: var(--purple-border);--explore-accent-text: var(--purple-text);--coverage-covered: var(--color-correct);--coverage-covered-bg: var(--color-correct-bg);--coverage-covered-border: var(--color-correct-border);--coverage-thin: var(--color-amber);--coverage-thin-bg: var(--color-amber-bg);--coverage-thin-border: var(--color-amber-border);--coverage-gap: var(--color-error);--coverage-gap-bg: var(--color-error-bg);--coverage-gap-border: var(--color-error-border);--graph-preview-node: var(--stone-400);--graph-covered-node: var(--color-correct);--graph-covered-edge: var(--color-correct);--graph-uncovered-node: var(--color-error);--graph-uncovered-edge: var(--color-error);--graph-partial-node: var(--color-amber);--graph-partial-edge: var(--color-amber);--graph-staged-node: var(--purple-accent);--graph-staged-edge: var(--purple-accent);--graph-staged-dim: var(--stone-400);--graph-theory-node: var(--stone-600);--graph-theory-edge: var(--stone-500);--graph-dimmed-opacity: .3}[data-theme=dark]{--bg-page: #0d1117;--bg-surface: #161b22;--bg-surface-alt: #1c2128;--bg-inset: #010409;--bg-hover: #262c36;--bg-active: #2d333b;--bg-panel: #1c2128;--bg-panel-hover: #262c36;--border-default: #30363d;--border-subtle: #21262d;--border-strong: #484f58;--border-input: #30363d;--text-primary: #e6edf3;--text-secondary: #b1bac4;--text-tertiary: #8b949e;--text-muted: #7d8590;--text-faint: #656d76;--text-placeholder: #484f58;--stone-50: #0d1117;--stone-100: #161b22;--stone-200: #21262d;--stone-300: #30363d;--stone-400: #484f58;--stone-500: #7d8590;--stone-600: #b1bac4;--stone-700: #c9d1d9;--stone-800: #e6edf3;--stone-900: #f0f6fc;--accent-blue: #58a6ff;--accent-blue-hover: #79c0ff;--accent-blue-bg: #0d2240;--accent-primary: #58a6ff;--accent-primary-hover: #79c0ff;--color-error: #f85149;--color-error-bg: #1a0e0e;--color-error-border: #6e3630;--color-success: #3fb950;--color-warning-bg: #1a1505;--color-warning-border: #5c4813;--color-warning-text: #d29922;--purple-bg: #1a1433;--purple-border: #3d3565;--purple-text: #c4b5fd;--purple-accent: #a78bfa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .5);--overlay-backdrop: rgba(0, 0, 0, .7);--tab-active-bg: #161b22;--segmented-active-bg: #c9d1d9;--segmented-active-text: #0d1117;--card-bg: #161b22;--popover-bg: #1c2128;--input-bg: #0d1117;--eval-white-bg: #b1bac4;--eval-black-bg: #21262d;--eval-white-adv: #e6edf3;--eval-black-adv: #7d8590;--eval-mate: #f85149;--eval-even: #484f58;--badge-white-bg: #1c2128;--badge-white-color: #7d8590;--badge-even-bg: #161b22;--badge-even-color: #656d76;--badge-mate-bg: #1a0e0e;--badge-mate-color: #f85149;--badge-blunder-bg: #1a0e0e;--badge-blunder-color: #f85149;--badge-mistake-bg: #1a1505;--badge-mistake-color: #d29922;--badge-inaccuracy-bg: #1a1808;--badge-inaccuracy-color: #e3b341;--pill-fg: #7d8590;--pill-bg: rgba(125, 133, 144, .13);--pill-border: rgba(125, 133, 144, .27);--pill-bg-hover: rgba(125, 133, 144, .2);--pill-border-hover: rgba(125, 133, 144, .4);--pill-fg-hover: #b1bac4;--expand-pill-fg: #656d76;--expand-pill-bg: rgba(101, 109, 118, .13);--expand-pill-border: rgba(101, 109, 118, .27);--expand-pill-bg-hover: rgba(101, 109, 118, .2);--expand-pill-border-hover: rgba(101, 109, 118, .4);--expand-pill-fg-hover: #7d8590;--board-bg: #161b22;--board-sq-light: #dee3e6;--board-sq-dark: #8ca2ad;--color-correct: #3fb950;--color-correct-bg: #0d2818;--color-correct-border: #1a4d2e;--color-incorrect: #f85149;--color-amber: #e3b341;--color-amber-bg: #1a1505;--color-amber-border: #5c4813;--color-amber-text: #d29922;--focus-ring: #1f6feb;--focus-bg: #0d2240;--focus-border: #1f6feb;--color-gold: #e3b341;--ts-indicator-color: #a78bfa;--chart-white: #b1bac4;--chart-black: #21262d;--chart-center: #484f58;--color-engine: #3fb950;--color-delete: #f85149;--classify-brilliant: #63e6be;--classify-great: #79c0ff;--classify-best: #a3e635;--classify-prep: #63e6be;--classify-book: #d4a574;--classify-inaccuracy: #e3b341;--classify-mistake: #f0883e;--classify-blunder: #f85149;--srs-due-color: #f85149;--srs-due-bg: #1a0e0e;--srs-new-color: #58a6ff;--srs-new-bg: #0d2240;--srs-learning-color: #e3b341;--srs-learning-bg: #1a1505;--srs-mastered-color: #3fb950;--srs-mastered-bg: #0d2818;--loading-grid-light: #21262d;--loading-grid-dark: #161b22;--loading-piece: #e6edf3;--loading-dot: #484f58;--loading-line: #30363d;--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--graph-main-color: #c9d1d9;--graph-node-stroke: #161b22;--graph-label-color: #e6edf3;--graph-label-branch: inherit;--graph-trunk-color: #8b949e;--graph-minimap-bg: #1c2128;--graph-selection: #58a6ff;--graph-highlight: #58a6ff;--graph-bg: #0d1117;--tree-connector-color: rgba(139, 148, 158, .4);--graph-nag-color: #7d8590;--graph-indicator-color: #656d76;--graph-edge-main: #b1bac4;--graph-edge-side: #484f58;--graph-node-default: #7d8590;--graph-expand-bg: #484f58;--graph-expand-text: #e6edf3;--graph-collapse-bg: #30363d;--graph-collapse-stroke: #484f58;--graph-collapse-text: #8b949e;--graph-comment-blue: #58a6ff;--graph-notes-green: #3fb950;--explore-accent: var(--purple-accent);--explore-accent-bg: var(--purple-bg);--explore-accent-border: var(--purple-border);--explore-accent-text: var(--purple-text);--coverage-covered: var(--color-correct);--coverage-covered-bg: var(--color-correct-bg);--coverage-covered-border: var(--color-correct-border);--coverage-thin: var(--color-amber);--coverage-thin-bg: var(--color-amber-bg);--coverage-thin-border: var(--color-amber-border);--coverage-gap: var(--color-error);--coverage-gap-bg: var(--color-error-bg);--coverage-gap-border: var(--color-error-border);--graph-preview-node: var(--stone-400);--graph-covered-node: var(--color-correct);--graph-covered-edge: var(--color-correct);--graph-uncovered-node: var(--color-error);--graph-uncovered-edge: var(--color-error);--graph-partial-node: var(--color-amber);--graph-partial-edge: var(--color-amber);--graph-staged-node: var(--purple-accent);--graph-staged-edge: var(--purple-accent);--graph-staged-dim: var(--stone-600);--graph-theory-node: var(--stone-500);--graph-theory-edge: var(--stone-400);--graph-dimmed-opacity: .3;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--bg-page)}#root{min-height:100vh}a{color:var(--accent-blue)}