*,:before,:after{box-sizing:border-box}body{color:#1c1e26;background:#fafafc;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.app{max-width:1160px;margin:0 auto;padding:16px 20px 32px}header h1{margin:0;font-size:1.6rem}.tagline{color:#667;margin:2px 0 20px}.layout{grid-template-columns:minmax(320px,620px) minmax(320px,1fr);align-items:start;gap:28px;display:grid}.layout.empty{grid-template-columns:minmax(320px,640px);justify-content:center}@media (width<=920px){.layout{grid-template-columns:1fr}}.players{margin:0 0 8px;font-weight:600}.board-wrap{gap:10px;display:flex}.board{flex:1;min-width:0}.evalbar{background:#3a3a3a;border-radius:4px;flex-direction:column-reverse;width:22px;display:flex;position:relative;overflow:hidden}.evalbar-white{background:#f0f0f0;transition:height .2s}.evalbar-label{text-align:center;color:#888;mix-blend-mode:difference;font-size:.6rem;position:absolute;bottom:4px;left:0;right:0}.nav{align-items:center;gap:6px;margin-top:10px;display:flex}.nav .ply{text-align:center;color:#667;font-variant-numeric:tabular-nums;min-width:64px}.side section{margin-bottom:20px}h2{margin:0 0 8px;font-size:1.05rem}h3{margin:14px 0 6px;font-size:.95rem}.pgn-panel textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccd;border-radius:6px;width:100%;min-height:130px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.analyze-row{margin-top:14px}button,.filebtn{cursor:pointer;background:#fff;border:1px solid #bbc;border-radius:6px;padding:6px 12px;font-size:.85rem}button:hover:not(:disabled),.filebtn:hover{background:#f2f4ff}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:#2456d6;border-color:#2456d6}button.primary:hover:not(:disabled){background:#1c46b4}button.linklike{color:#2456d6;background:0 0;border:none;padding:6px 2px;text-decoration:underline}.filebtn input{display:none}progress{width:100%;margin-top:10px}.error{color:#c0392b;margin:8px 0 0}.moves{border:1px solid #dde;border-radius:6px;flex-wrap:wrap;gap:3px;max-height:300px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.moves .move{background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.moves .move.current{color:#fff;background:#2456d6}.moves .move:hover:not(.current){background:#e8ecff}.badge{margin-left:3px;font-weight:700}.badge-inaccuracy{color:#d9a400}.badge-mistake{color:#e67e22}.badge-blunder{color:#c0392b}.move.sev-blunder:not(.current){background:#fdecea}.move.sev-mistake:not(.current){background:#fdf3e7}.summary table{border-collapse:collapse;font-size:.85rem}.summary th,.summary td{text-align:center;border:1px solid #dde;padding:4px 10px}.summary thead th{font-weight:600}.worst{padding-left:18px;font-size:.85rem}.worst li{margin-bottom:4px}.worst button{padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}footer{color:#778;border-top:1px solid #e2e2ea;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:10px;font-size:.75rem;display:flex}.api-ok{color:#2f9e44}.api-offline{color:#c0392b}