:root{color:#222;background:#f5f5f2;font:15px/1.5 system-ui,Segoe UI,Malgun Gothic,sans-serif}body{margin:0}h1{margin:0;font-size:20px}h2{margin:0 0 6px;font-size:16px}h3{color:#666;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px;font-size:13px}p{margin:0 0 6px}button,.btn,input,select,textarea{font:inherit}button,.btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:3px 10px}button:hover,.btn:hover{background:#eee}button.sel{color:#fff;background:#2b5797;border-color:#2b5797}input:not([type=checkbox]),select,textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:6px;padding:4px 6px}textarea{resize:vertical;min-height:90px}.dim{color:#888}.row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.notice{color:#b3261e}.app{box-sizing:border-box;grid-template-rows:auto 1fr;grid-template-columns:230px minmax(320px,560px) minmax(300px,1fr);gap:12px;height:100vh;padding:12px;display:grid}header{grid-column:1/-1;align-items:center;gap:20px;display:flex}.tabs{gap:4px;display:flex}.lang{width:auto;margin:0 0 0 auto}header h1{white-space:nowrap}.left,.right{min-height:0;overflow:auto}main{min-width:0}main.wide{grid-column:2/-1}.board-wrap{width:100%;max-width:560px}.panel{background:#fff;border:1px solid #e2e2e2;border-radius:6px;margin-bottom:10px;padding:10px 12px}.openings .cat{margin-bottom:4px}.opening{align-items:center;gap:4px;margin:2px 0;display:flex}.opening>button:first-child{text-align:left;background:0 0;border:none;border-radius:4px;flex:1;padding:3px 8px}.opening.sel>button:first-child{background:#dbe7f7;font-weight:600}.opening .x{color:#999;background:0 0;border:none;padding:0 7px}.opening .x:hover{color:#b3261e}.new{border-top:1px solid #ddd;margin-top:12px;padding-top:8px}.tools{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tree{line-height:1.9}.tree .move{background:0 0;border:none;border-radius:3px;padding:0 4px;font-family:ui-monospace,Consolas,monospace;font-size:14px}.tree .move:hover{background:#eee}.tree .move.sel{background:#ffe58a}.tree .vars{color:#555;border-left:2px solid #ddd;margin-left:1em;padding-left:8px;font-size:13px}.tree .var{margin:2px 0}.tag{color:#2b5797;margin-left:4px;font-size:11px;font-weight:600}.score{font-size:18px}.pv{word-break:break-word;font-family:ui-monospace,Consolas,monospace;font-size:13px}.drill{grid-template-columns:minmax(320px,560px) minmax(260px,1fr);gap:12px;display:grid}.previews{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:12px;display:grid}.preview{text-align:left;isolation:isolate;background:#fff;border:1px solid #e2e2e2;border-radius:6px;flex-direction:column;gap:4px;padding:8px;animation:.25s ease-out preview-in;display:flex}.preview:hover{background:#fff;border-color:#2b5797}.preview .pv{min-height:1.5em}.next-moves{position:sticky;bottom:0}@keyframes preview-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chip{background:#eef3fa;border-color:#c9d8ee;border-radius:12px;padding:2px 8px;font-size:13px}.chip:hover{background:#dbe7f7}