:root{--bg:#12141a;--panel:#1b1e26;--line:#2a2f3a;--fg:#e6e8ee;--dim:#8b93a7;--accent:#6ea8fe;--ok:#3fb950;--warn:#d29922;--err:#f85149}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 ui-sans-serif,system-ui,Noto Sans KR,sans-serif}.app{max-width:1400px;margin:0 auto;padding:16px}header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}h1{letter-spacing:.2px;margin:0;font-size:20px}.status{align-items:center;gap:10px;margin-left:auto;display:flex}.elight-wrap{display:inline-flex;position:relative}.left .elight,.elight{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:inline-flex}.elight:hover{background:#ffffff0f}.elight:before{content:"";background:#333846;border-radius:50%;width:9px;height:9px;transition:background .2s,box-shadow .2s}.elight.green:before{background:var(--ok);box-shadow:0 0 6px #3fb95088}.elight.yellow:before{background:var(--warn);box-shadow:0 0 6px #d2992288}.elight.red:before{background:var(--err);box-shadow:0 0 6px #f8514988}.elight-pop{z-index:20;white-space:nowrap;color:var(--fg);border:1px solid var(--line);background:#0e1015;border-radius:6px;margin-top:4px;padding:5px 9px;font-size:12px;position:absolute;top:100%;right:0;box-shadow:0 4px 14px #0009}.layout{grid-template-columns:300px minmax(320px,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.layout{grid-template-columns:1fr}}section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.layout>section{min-width:0}button{color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#252a35;border-radius:6px;padding:6px 12px;font-size:13px}button:hover:not(:disabled){background:#2f3542}button:disabled{opacity:.4;cursor:default}.left button{width:100%;margin-top:8px}.error{color:var(--err);font-size:13px}.dim{color:var(--dim);font-size:12px}.board-row{align-items:stretch;gap:10px;display:flex}.board{flex:1;min-width:0;max-width:560px}.evalbar{border:1px solid var(--line);background:#0a0c10;border-radius:4px;flex-direction:column;justify-content:flex-end;width:22px;display:flex;position:relative;overflow:hidden}.evalbar-fill{background:#e9edf5;width:100%;transition:height .25s}.evalbar-label{text-align:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;position:absolute;left:0;right:0}.evalbar-label.bottom{color:#11131a;bottom:2px}.evalbar-label.top{color:#e9edf5;top:2px}.evalbar.flipped{background:#e9edf5}.evalbar.flipped .evalbar-fill{background:#0a0c10}.evalbar.flipped .evalbar-label.bottom{color:#e9edf5}.evalbar.flipped .evalbar-label.top{color:#11131a}.matbar{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:2px;max-width:560px;min-height:22px;margin:6px 0 0 32px;font-size:13px;display:flex}.mat-side{align-items:center;gap:4px;display:inline-flex}.mat-group{display:inline-flex}.mat-group+.mat-group{margin-left:5px}.mat-pc{flex:none;width:19px;height:19px;display:inline-block}.mat-pc+.mat-pc{margin-left:-7px}@media (width<=620px){.mat-pc{width:16px;height:16px}.mat-pc+.mat-pc{margin-left:-8px}.matbar{margin-left:32px}}.mat-lead{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.branchbar{background:#1a2233;border:1px solid #2c3b52;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:560px;margin:8px 0 0 32px;padding:5px 9px;display:flex}.branch-tag{color:var(--accent);border:1px solid #2c3b52;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.branchbar button{margin-left:auto;padding:3px 10px;font-size:12px}.controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.plyno{font-variant-numeric:tabular-nums;color:var(--dim);text-align:center;min-width:62px}.ginfo{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.ginfo-players{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;font-size:14px;display:flex}.gi-side{align-items:center;gap:6px;min-width:0;display:inline-flex}.gi-side em{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.gi-chip{border:1px solid var(--line);border-radius:2px;flex:none;width:10px;height:10px}.gi-chip.w{background:#e9edf5}.gi-chip.b{background:#11131a}.gi-result{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.gi-result.r-w{color:#e9edf5}.gi-result.r-b{color:#a6adbd}.gi-result.r-d{color:var(--warn)}.gi-result.r-x{color:var(--dim)}.ginfo-meta{color:var(--dim);flex-wrap:wrap;gap:0 6px;margin:0;font-size:12.5px;line-height:1.7;display:flex}.ginfo-meta>:not(:last-child):after{content:"·";color:#444b5c;margin-left:6px}.ginfo-meta a{color:var(--accent);text-decoration:none}.ginfo-meta a:hover{text-decoration:underline}.ginfo-op{color:#b9c1d2;margin:0;font-size:12.5px;line-height:1.6}.engine-panel{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.engine-head{align-items:baseline;gap:10px;display:flex}.score{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lines{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.lines li{white-space:nowrap;text-overflow:ellipsis;padding:2px 0;overflow:hidden}.pv{color:var(--dim);font-family:ui-monospace,monospace}.movelist{max-height:420px;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:13px;list-style:none;overflow-y:auto}.movelist li{grid-template-columns:34px 1fr 1fr;align-items:center;gap:4px;display:grid}.movelist .no{color:var(--dim);text-align:right;font-size:12px}.move{text-align:left;background:0 0;border:none;border-radius:4px;padding:3px 6px}.move:hover{background:#2a3040}.move.active{background:var(--accent);color:#0b0d12;font-weight:700}.move.empty{display:block}.move.variation{color:var(--accent);font-style:italic}.move.variation.active{color:#0b0d12;font-style:normal}.status select{color:var(--fg);border:1px solid var(--line);background:#252a35;border-radius:6px;padding:3px 6px;font-size:12px}.import-row{align-items:stretch;gap:6px;margin-bottom:8px;display:flex}.import-row input{min-width:0;color:var(--fg);border:1px solid var(--line);background:#0e1015;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.import-row button{white-space:nowrap}.left .import-row button{width:auto;margin-top:0}.srcpick{flex:none;gap:4px;display:flex}.left .srcpick button.src{color:#4d5468;border:1px solid var(--line);background:#0e1015;justify-content:center;align-items:center;width:32px;margin-top:0;padding:0;transition:color .15s,background .15s,border-color .15s;display:flex}.srcpick button.src svg{width:19px;height:19px;display:block}.srcpick button.src:hover:not(.on){color:#7d8698;background:#161a22}.srcpick button.chesscom.on{color:#81b64c;background:#81b64c1f;border-color:#81b64c66}.srcpick button.lichess.on{color:#eceff5;background:#ffffff14;border-color:#ffffff4d}.games{max-height:260px;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.games li{margin-bottom:3px}.game{text-align:left;border:1px solid var(--line);background:#0e1015;border-radius:6px;width:100%;padding:6px 8px;line-height:1.35;display:block}.game:hover{background:#1a1f2b}.game.res-w{border-color:#37663f}.game.res-l{border-color:#74393a}.game.on{border-color:var(--accent);background:#16202f}.g-players{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.g-meta{color:var(--dim);font-size:11px;display:block}.g-res{font-family:ui-monospace,monospace;font-weight:700}.r10{color:#e9edf5}.r01{color:#8b93a7}.rd,.r12121{color:var(--warn)}.more{text-align:center;margin-top:8px}.left .more button{width:100%;margin-top:0;font-size:12px}.opening-box{background:#101722;border-color:#2c3b52}.opening-box p+p{margin-top:6px}.cls-book{--cls:#7d879b}.cls-brilliant{--cls:#1baca6}.cls-great{--cls:#5c8bb0}.cls-best{--cls:#81b64c}.cls-excellent{--cls:#96bc4b}.cls-good{--cls:#97af8b}.cls-miss{--cls:#ff7769}.cls-inaccuracy{--cls:#f7c045}.cls-mistake{--cls:#e58f2a}.cls-blunder{--cls:#ca3431}.cls{color:var(--cls);margin-left:4px;font-size:12px;font-weight:700}.move.active .cls{color:#0b0d12}.sq{width:100%;height:100%;position:relative}.sq-picked{box-shadow:inset 0 0 0 3px #6ea8fed9}.sq-capture{box-shadow:inset 0 0 0 5px #6ea8fe80}.sq-target:after{content:"";pointer-events:none;z-index:1;background:#6ea8fe80;border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sq-badge{background:var(--cls);color:#fff;z-index:5;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:38%;height:38%;font:700 clamp(9px,1.4vw,14px)/1 ui-sans-serif,system-ui;display:flex;position:absolute;top:-6%;right:-6%;box-shadow:0 1px 3px #0008}.verdict{margin:8px 0 0}.review-progress{margin:8px 0 4px;font-size:12px}.graph{margin:10px 0 6px}.graph-svg{cursor:pointer;border:1px solid var(--line);border-radius:6px;width:100%;height:84px;display:block}.g-bg{fill:#0a0c10}.g-area{fill:#e9edf5;fill-opacity:.92}.g-mid{stroke:#6b7280;stroke-width:.5px;stroke-dasharray:3 3}.g-cursor{stroke:var(--accent);stroke-width:1.2px}.g-dot{stroke:#0a0c10;stroke-width:.8px}.g-dot.cls-blunder{fill:#f85149}.g-dot.cls-mistake{fill:#f0883e}.g-dot.cls-miss{fill:#db6d28}.g-dot.cls-brilliant{fill:#2dd4bf}.g-dot.cls-great{fill:#58a6ff}.graph-label{min-height:15px;margin-top:3px;font-size:11px}.summary{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.acc-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.acc{border:1px solid var(--line);text-align:center;background:#0e1015;border-radius:8px;min-width:0;padding:7px 6px}.acc-side{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.acc-num{font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1.25}.acc-num small{color:var(--dim);font-size:12px;font-weight:400}.counts{border-collapse:collapse;width:100%;font-size:12px}.counts td{padding:1px 4px}.counts td.lbl{color:var(--dim)}.counts td.n{text-align:right;font-variant-numeric:tabular-nums;width:28px}.counts td.cls{text-align:center;width:24px}.moments{margin-top:8px}.moments-title{margin-bottom:3px;font-size:11px}.moment{text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:3px 5px;font-size:12px;display:flex}.moment:hover{background:#2a3040}.moment-move{flex:1;font-family:ui-monospace,monospace}.explain{border-top:1px solid var(--line);background:0 0;border-bottom:none;border-left:none;border-right:none;border-radius:0;margin-top:12px;padding-top:12px}.explain-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.explain-head button{margin-left:auto;padding:4px 10px;font-size:12px}.opening{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:11px;overflow:hidden}.summary-box{border:1px solid var(--line);background:#0e1015;border-radius:8px;margin-bottom:10px;padding:10px}.summary-box p{margin:0;font-size:13px;line-height:1.6}.themes{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.theme{color:var(--accent);background:#1f2633;border-radius:999px;padding:2px 7px;font-size:11px}.warn-line{color:var(--warn);margin:0 0 8px;font-size:11px;line-height:1.5}.card{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden}.card-head{text-align:left;border:none;border-bottom:1px solid var(--line);background:#161a22;align-items:baseline;gap:6px;width:100%;padding:7px 9px;display:flex}.card-head:hover{background:#1d232e}.card-move{font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.card-title{color:var(--fg);text-align:right;margin-left:auto;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.tabs button{color:var(--dim);background:#12151c;border:none;border-radius:0;flex:1;padding:5px 0;font-size:11px}.tabs button.on{background:var(--panel);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);font-weight:700}.card-board{max-width:260px;margin:0 auto;padding:8px 8px 0}.card-text{margin:8px 9px;font-size:12.5px;line-height:1.6}.tip{color:var(--dim);margin:0 9px 9px;font-size:12px;line-height:1.5}