:root{--bg:#0b0a0e;--text:#efe9f5;--text-soft:#d8d0e2;--text-muted:#b9b1c6;--text-dim:#9a94a6;--text-faint:#8a8496;--accent:oklch(72% .2 330);--accent-hover:oklch(78% .2 330);--on-accent:#1a0a16;--danger:oklch(72% .18 20);--ok:oklch(80% .18 150);--surface:#ffffff0a;--surface-hover:#ffffff17;--border:#ffffff14;--sq-light:#d9cfc1;--sq-dark:#5b4a5e;--piece-white:#fbf6ff;--piece-black:#171219;--sans:"Instrument Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;margin:0}a{color:var(--accent);font-size:13px;text-decoration:none}a:hover{color:oklch(82% .18 330)}button,textarea{font-family:inherit}button{cursor:pointer}.app{background:radial-gradient(1000px 600px at 20% 0%, #1c1424 0%, var(--bg) 55%);min-height:100vh;position:relative}.glow{pointer-events:none;background:radial-gradient(700px 500px at 90% 100%,oklch(45% .18 330/.22),#0000 70%);position:absolute;inset:0}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.push-right{margin-left:auto}.header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:relative}.logo{font:800 22px var(--sans);letter-spacing:-.02em}.logo span{color:var(--accent)}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--text-muted);font:700 13px var(--sans);background:0 0;border:0;border-radius:999px;padding:7px 18px}.tabs button.active{background:var(--accent);color:var(--on-accent)}.status{color:var(--text-dim);align-items:center;gap:10px;font-size:13px;display:flex}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.status-dot.loading{background:var(--accent);animation:1s infinite pulse}.status-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.main{flex-wrap:wrap;align-items:flex-start;gap:32px;max-width:1280px;margin:0 auto;padding:28px;display:flex;position:relative}.board-col{flex-direction:column;flex:480px;gap:16px;min-width:0;max-width:640px;display:flex}.side-col{flex-direction:column;flex:340px;gap:18px;min-width:0;display:flex}.board-row{align-items:stretch;gap:14px;display:flex}.eval-bar{background:#2a2431;border-radius:7px;flex-direction:column;flex:none;justify-content:flex-end;width:14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.eval-bar.flipped{justify-content:flex-start}.eval-bar-fill{background:linear-gradient(#f3ecf7,#d9cfe6);transition:height .6s cubic-bezier(.2,.8,.2,1)}.board{aspect-ratio:1;min-width:0;box-shadow:0 30px 80px #0009, 0 0 0 1px var(--border);-webkit-user-select:none;user-select:none;border-radius:14px;flex:1;position:relative;overflow:hidden}.board-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.sq{cursor:default;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;container-type:size}.sq.clickable{cursor:pointer}.sq:hover{filter:brightness(1.08)}.sq.light{background:var(--sq-light);--coord:#7a6a80}.sq.dark{background:var(--sq-dark);--coord:#c9bccf}.sq.light.best{background:oklch(80% .1 330)}.sq.dark.best{background:oklch(48% .14 330)}.sq.selected{background:var(--accent)!important}.sq.white{color:var(--piece-white)}.sq.black{color:var(--piece-black)}.piece{text-shadow:0 2px 6px #00000059;font-size:70cqh;line-height:1}.coord{font:600 15cqh var(--sans);color:var(--coord);position:absolute}.coord.rank{top:5%;left:6%}.coord.file{bottom:4%;right:6%}.board-arrow{pointer-events:none;opacity:.9;width:100%;height:100%;stroke:var(--accent);fill:var(--accent);position:absolute;inset:0}.board-arrow polygon{stroke:none}.board-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-left:28px;display:flex}.fen-text{font:500 12px var(--mono);color:var(--text-faint);word-break:break-all;padding-left:28px;line-height:1.6}.btn{font:500 13px var(--sans);border-radius:999px}.btn.ghost{background:var(--surface);color:var(--text-soft);border:1px solid #ffffff1a;padding:8px 14px}.btn.ghost:hover{background:var(--surface-hover)}.btn.outline{color:var(--text-muted);background:0 0;border:1px solid #ffffff1f;padding:9px 14px;font-size:12px}.btn.outline:hover{border-color:var(--accent);color:var(--text)}.btn.primary{background:var(--accent);color:var(--on-accent);border:0;padding:10px 20px;font-weight:700}.btn.primary:hover{background:var(--accent-hover)}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.eval-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 24px}.eval-row{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:4px;display:flex}.eval-value{font:800 52px var(--sans);letter-spacing:-.04em;line-height:1.1}.eval-note{color:var(--text-muted);font-size:14px}.lines{flex-direction:column;gap:10px;display:flex}.lines-head{justify-content:space-between;padding:0 4px;display:flex}.line{text-align:left;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;transition:background .2s;display:grid}.line:hover,.line.active{background:var(--surface-hover)}.line.active{border-color:oklch(72% .2 330/.6)}.line-move{font:800 22px var(--sans);color:var(--accent);white-space:nowrap}.line-pv{color:#c9c2d4;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.line-eval{text-align:right;font-size:16px;font-weight:700}.lines-empty{color:var(--text-muted);background:#ffffff08;border:1px dashed #ffffff1f;border-radius:14px;padding:22px;font-size:14px;line-height:1.55}.panel{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.hint{text-transform:none;letter-spacing:0;color:var(--text-faint)}.fen-input{box-sizing:border-box;resize:none;width:100%;color:var(--text);font:500 13px var(--mono);background:#00000059;border:1px solid #ffffff1a;border-radius:10px;padding:12px 14px;line-height:1.6}.fen-input:focus{border-color:var(--accent);outline:none}.fen-input.invalid{border-color:var(--danger)}.input-error{color:var(--danger);font-size:13px}.palette{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.palette-btn{aspect-ratio:1;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:flex}.palette-btn.white{color:var(--piece-white)}.palette-btn.black{color:var(--piece-black);background:var(--sq-light)}.palette-btn:hover{background:#ffffff1a}.palette-btn.active{border-color:var(--accent);background:oklch(72% .2 330/.35)}