:root{--paper: #f2f3f7;--panel: #ffffff;--ink: #12141c;--muted: #5c6377;--line: #d7dae4;--accent: #0091a8;--accent-ink: #ffffff;--screen: #0b0d16;--lane: #141827;--lane-alt: #10131f;--measure-line: rgba(255, 255, 255, .16);--phrase-line: rgba(255, 255, 255, .4);--beat-line: rgba(255, 255, 255, .07);--snap-line: rgba(255, 255, 255, .035);--receptor: #00e5ff;--cursor: #ffffff;--selection: rgba(0, 229, 255, .16);--selection-edge: rgba(0, 229, 255, .75);--waveform: rgba(150, 170, 210, .5);--onset: #ffb020;--foot-left: #6ec6ff;--foot-right: #ff9e80;--tech-warn: #ff5252;--tech-intentional: #b15cff;--q4: #ff2d55;--q8: #2e8bff;--q12: #b15cff;--q16: #12d67a;--q24: #ff5ec4;--q32: #ffb020;--q48: #8be9fd;--q64: #ff8a65;--q96: #9e9e9e;--q192: #6b7280;--qx: #6b7280;--d-beg: #0e9aae;--d-easy: #b07800;--d-med: #d24a5e;--d-hard: #2e9e5b;--d-chal: #8b54d6;--d-edit: #5c6377}@media(prefers-color-scheme:dark){:root{--paper: #0a0c13;--panel: #12151f;--ink: #e6e8f2;--muted: #858da4;--line: #242938;--accent: #00e5ff;--accent-ink: #04212a;--d-beg: #22d3ee;--d-easy: #facc15;--d-med: #fb7185;--d-hard: #4ade80;--d-chal: #c084fc}}:root[data-theme=dark]{--paper: #0a0c13;--panel: #12151f;--ink: #e6e8f2;--muted: #858da4;--line: #242938;--accent: #00e5ff;--accent-ink: #04212a;--d-beg: #22d3ee;--d-easy: #facc15;--d-med: #fb7185;--d-hard: #4ade80;--d-chal: #c084fc}:root[data-theme=light]{--paper: #f2f3f7;--panel: #ffffff;--ink: #12141c;--muted: #5c6377;--line: #d7dae4;--accent: #0091a8;--accent-ink: #ffffff}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.grow{flex:1}.sep{width:1px;height:20px;background:var(--line)}.bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 auto}.brand{font-weight:800;letter-spacing:-.02em;text-transform:uppercase;font-size:13px}.songname{color:var(--muted);max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:6px 12px;border-radius:3px;font:inherit;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.field{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.field select,.field input[type=range]{font:inherit;accent-color:var(--accent)}.field.checkbox{gap:4px}.rails{display:flex;gap:16px;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 auto;overflow-x:auto}.rail{display:flex;gap:6px}.chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:5px 11px;font:inherit;font-weight:600;cursor:pointer;border-radius:2px;white-space:nowrap}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip .dot{width:9px;height:9px;transform:rotate(45deg);flex:0 0 auto}.chip .m{font-family:ui-monospace,monospace;font-size:11px;opacity:.8}main{flex:1;display:flex;min-height:0}.stage{flex:1;position:relative;min-width:0;background:var(--screen)}#highway{display:block;width:100%;height:100%}.dropzone{position:absolute;inset:0;display:grid;place-items:center;background:var(--screen);text-align:center;padding:24px}.dropzone.hidden{display:none}.chalkhints{position:absolute;top:6px;left:66px;color:var(--muted);pointer-events:none}.dropzone.over{outline:2px dashed var(--accent);outline-offset:-12px}.dropinner h1{margin:0 0 8px;font-size:clamp(24px,4vw,40px);text-transform:uppercase;letter-spacing:-.03em;color:#e6e8f2}.dropinner p{margin:4px 0;color:#858da4}.fineprint{font-size:12px;max-width:52ch;line-height:1.5}.recent{margin:26px auto 0;max-width:42ch;text-align:left}.recent:empty{display:none}.recenthead{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding:0 10px 6px}.recentitem{display:flex;align-items:baseline;gap:12px;width:100%;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;text-align:left;padding:6px 10px;cursor:pointer}.recentitem:hover{background:var(--paper);color:var(--accent)}.recenttitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recentpack{margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--muted)}.side{flex:0 0 268px;border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:12px}.readout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:2px;overflow:hidden}.cell{background:var(--panel);padding:7px 9px}.cell .k{display:block;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.cell .v{font-family:ui-monospace,monospace;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.cell .v.warn{color:var(--tech-warn)}.cell .v.good{color:#3dd68c}.ribbonhead{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ribbon{display:block;width:100%;height:68px;background:var(--screen);border:1px solid var(--line);border-radius:2px;cursor:pointer}.btn[disabled]{opacity:.35;cursor:default}.btn[disabled]:hover{border-color:var(--line)}.chip-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.dirty{color:var(--tech-warn);font-weight:600}.latency{color:var(--muted);margin-right:12px;cursor:help}.assists{border:1px solid var(--line);border-radius:2px;overflow:hidden}.assist{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:12px;padding:6px 9px;cursor:pointer}.assist:hover{background:var(--paper);color:var(--accent)}.metrics{border:1px solid var(--line);border-radius:2px;overflow:hidden}.mhead{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:7px 9px 4px;background:var(--paper);border-bottom:1px solid var(--line)}.mrow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;padding:4px 9px;font-size:12px;border-left:3px solid transparent}.mrow .mlabel{color:var(--muted)}.mrow .mvalue{font-family:ui-monospace,monospace;font-weight:600;font-variant-numeric:tabular-nums}.mrow .mrange{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);opacity:.75;min-width:58px;text-align:right}.mrow.ok{border-left-color:#3dd68c}.mrow.low{border-left-color:var(--tech-warn)}.mrow.high{border-left-color:#ffb020}.mbar{display:flex;height:10px;margin:6px 9px 9px;border-radius:2px;overflow:hidden;background:var(--screen)}.mbar i{display:block;height:100%}.bpmwarn:not(:empty){border:1px solid var(--tech-warn);border-radius:2px;padding:7px 9px;font-size:11.5px;line-height:1.45;color:var(--tech-warn)}.diagnostics{font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;color:var(--muted);white-space:pre-wrap}.diagnostics .warn{color:var(--tech-warn)}.statusbar{display:flex;align-items:center;gap:10px;padding:5px 12px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11.5px;flex:0 0 auto}.modal{position:fixed;inset:0;display:none;place-items:center;background:#04060cad;padding:24px;z-index:50}.modal.open{display:grid}.modal-card{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;max-width:860px;width:100%;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.04em}.modal-body{overflow-y:auto;padding:16px 18px 22px;columns:2;column-gap:32px}@media(max-width:720px){.modal-body{columns:1}}.modal-body section{break-inside:avoid;margin-bottom:18px}.modal-body h3{margin:0 0 7px;font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.modal-body dl{margin:0}.modal-body dl>div{display:grid;grid-template-columns:132px 1fr;gap:10px;align-items:baseline;padding:3px 0}.modal-body dt{text-align:right}.modal-body dd{margin:0;color:var(--muted);font-size:12.5px;line-height:1.4}kbd{display:inline-block;font-family:ui-monospace,monospace;font-size:11px;padding:2px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;background:var(--paper);color:var(--ink);white-space:nowrap}.or{color:var(--muted);margin:0 3px;font-size:10px}.browsecard{max-width:520px;max-height:78vh}.browselist{overflow-y:auto;padding:8px 0 12px}.aboutcard{margin-top:14px;padding:13px 15px 15px;border-top:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--muted)}.aboutcard h3{margin:0 0 7px;font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.aboutcard p{margin:0 0 8px}.aboutcard p:last-child{margin-bottom:0}.aboutcard a{color:var(--accent)}.aboutby strong{color:var(--ink);font-weight:600}.aboutnote{opacity:.65}.aboutlist{margin:0;padding-left:15px;list-style:square}.aboutlist li{margin-bottom:5px}.aboutlist li::marker{color:var(--line)}.gencard{max-width:560px}.genbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.genintro{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.genrow{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}.genlabel{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-align:right}.genfields{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.geninline{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.genhint{font-size:11px;color:var(--muted);opacity:.75}.genbody input[type=number]{width:7ch}.genbody input,.genbody select{font:inherit;accent-color:var(--accent)}.genbody input[type=file]{font-size:12px;color:var(--muted);min-width:0}.genstatus{font-size:12px;color:var(--muted);min-height:1.5em;line-height:1.5}.genstatus.error{color:var(--tech-warn)}.genbar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;visibility:hidden}.genbar.busy{visibility:visible}#genbarfill{height:100%;width:0;background:var(--accent);transition:width .12s linear}.genactions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.genactions .genhint{margin-right:auto;font-family:ui-monospace,monospace}.browsehead{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding:8px 18px 6px}.browseitem,.crumb{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);font:inherit;padding:7px 18px;cursor:pointer}.browseitem:hover,.crumb:hover{background:var(--paper);color:var(--accent)}.crumb{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}