:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6edf5;background:#0c1017;font-size:16px;color-scheme:dark;--muted:#99a8bc;--line:#2b3545;--accent:#62e2c0;--panel:#151c27}*{box-sizing:border-box}body{margin:0}header{height:90px;padding:20px 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center}.brand strong{display:block;font-size:21px}.brand span:not(.mark){display:block;font-size:12px;letter-spacing:.12em;color:var(--muted);margin-top:5px}.mark{font-size:34px;color:var(--accent)}#connection{color:var(--muted);font-size:14px}main{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:28px 24px;border-right:1px solid var(--line)}.workspace{padding:28px 32px;min-width:0}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}h1{font-size:18px;margin:0}h2{font-size:26px;font-weight:600;margin:6px 0 0}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--muted)}.badge{font-size:13px;color:var(--accent);padding:7px 10px;border:1px solid #31534f;border-radius:5px;white-space:nowrap}label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#bcc8d8}input,select,textarea,button{font:inherit}input,select,textarea{background:#0e141e;color:#e6edf5;border:1px solid #354158;border-radius:5px;padding:10px;max-width:100%;min-width:0}textarea{width:100%;resize:vertical}button{border:1px solid #3a475b;border-radius:5px;background:#202b3c;color:#eef4fc;padding:10px 15px;cursor:pointer;font-size:14px;font-weight:600}button:hover{background:#304058}button.primary{background:var(--accent);color:#0b2621;border-color:var(--accent)}button.primary:hover{background:#99efd8}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #84b9ff;outline-offset:3px}.upload{border:1px dashed #52637a;padding:15px;border-radius:6px;margin-bottom:12px}.upload input{border:0;padding:8px 0;font-size:12px}#upload-form>button{width:100%}.song-list{margin:26px 0}.song-list button{display:block;text-align:left;width:100%;margin-bottom:8px;background:transparent;line-height:1.5}.song-list button.active{border-color:var(--accent);background:#142e2e}.song-list small{display:block;color:var(--muted);font-weight:400}.muted{font-size:14px;color:var(--muted);line-height:1.6}.panel{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-bottom:18px}summary{cursor:pointer;font-size:15px;font-weight:600}details[open]>summary{margin-bottom:16px}details details{margin-top:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.actions{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}#job-status{font-size:14px;color:var(--muted);margin-top:18px;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:100%;height:6px;accent-color:var(--accent);margin:10px 0}#cancel{margin-top:8px}.player-top{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;margin-bottom:14px}canvas{display:block;width:100%;background:#101722;border-radius:5px}#lyrics{font-size:24px;min-height:76px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;padding:14px}#lyrics .current{color:var(--accent);text-decoration:underline;text-underline-offset:8px}#seek{width:100%;padding:0;accent-color:var(--accent);margin:12px 0}.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.transport label{flex-direction:row;align-items:center;margin-left:auto}.calibration{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}.metrics>div{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.metrics span{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em}.metrics strong{display:block;font-size:21px;font-weight:500;margin-top:10px;white-space:nowrap}.metrics .score{border-color:#376856}.metrics .score strong{color:var(--accent)}#message{border:1px solid #916a33;background:#30251a;padding:14px;margin-bottom:16px;border-radius:5px;line-height:1.5;overflow-wrap:anywhere}#chart-json{font:13px/1.6 ui-monospace,monospace;margin:15px 0}#diagnostics{white-space:pre-wrap}footer{border-top:1px solid var(--line);padding:20px 30px;color:var(--muted);font-size:13px;text-align:center}[hidden]{display:none!important}@media(min-width:1800px){:root{font-size:20px}main{max-width:1800px;grid-template-columns:340px 1fr}.metrics strong{font-size:26px}}@media(max-width:1000px){main{grid-template-columns:240px minmax(0,1fr)}.workspace{padding:24px 18px}.metrics{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.badge{white-space:normal}}@media(max-width:700px){header{padding:16px;height:auto;gap:12px}main{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}.workspace{padding:20px 14px}.song-list{max-height:220px;overflow:auto}.panel{padding:14px}h2{font-size:22px}.transport label{margin-left:0;width:100%}.metrics strong{font-size:18px}#lyrics{font-size:21px}.section-heading{align-items:flex-start}.badge{font-size:12px}}