:root{--bg:#111214;--panel:#1c1d21;--line:#2a2c31;--text:#f2f2f0;--mute:#8d8f96;--green:#3fd17a;--orange:#ff7a2f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:15px/1.4 system-ui,-apple-system,sans-serif}.hidden{display:none!important}button,select,.btn{font:inherit;color:inherit}#library{max-width:640px;padding:calc(env(safe-area-inset-top) + 20px) 16px 32px;margin:0 auto}.lib-head h1{letter-spacing:-.02em;margin:0;font-size:30px}.sub{color:var(--mute);margin:2px 0 16px}#song-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.song{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.song:active{background:#24262b}.art{color:#222;background:#f4f1ea;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.meta{flex:1;min-width:0}.t{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.a{color:var(--mute);font-size:13px}.del{color:var(--mute);background:0 0;border:0;padding:8px;font-size:16px}.imports{margin-top:18px}.btn{text-align:center;background:var(--green);color:#08210f;cursor:pointer;border-radius:14px;padding:14px;font-weight:600;display:block}.hint{color:var(--mute);text-align:center;margin:8px 0 0;font-size:13px}#player{padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.top{padding:calc(env(safe-area-inset-top) + 4px) 6px 4px;flex:none;align-items:center;gap:6px;display:flex}.icon{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:26px}.titles{text-align:center;flex:1;min-width:0}#p-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}#p-artist{color:var(--mute);font-size:12px}#score-wrap{scrollbar-width:none;background:#f6f3ec;flex:none;height:170px;position:relative;overflow:auto hidden}#score-wrap::-webkit-scrollbar{display:none}#score{height:100%}#score svg{display:block}#no-score{color:#6b6b6b;text-align:center;place-items:center;padding:0 20px;font-size:13px;display:grid;position:absolute;inset:0}#roll-wrap{flex:1;min-height:180px;position:relative}#roll{width:100%;height:100%;display:block;position:absolute;inset:0}#loading{background:#000a;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#seek{width:100%;height:22px;accent-color:var(--green);background:var(--bg);flex:none;margin:0}.controls{flex:none;align-items:center;gap:12px;padding:4px 14px 10px;display:flex}.play{background:var(--green);color:#08210f;cursor:pointer;border:0;border-radius:50%;flex:none;width:54px;height:54px;font-size:20px}.bpm{color:var(--mute);flex:1;align-items:center;gap:8px;display:flex}.bpm input{accent-color:var(--green);flex:1}#bpm-val{text-align:right;width:32px;color:var(--text);font-variant-numeric:tabular-nums}.toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;width:44px;height:44px;font-size:20px}.toggle[aria-pressed=true]{background:var(--green);color:#08210f;border-color:var(--green)}.sheet{left:8px;right:8px;top:calc(env(safe-area-inset-top) + 54px);background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:16px;padding:10px 14px;position:absolute;box-shadow:0 10px 30px #000a}.sheet .row{align-items:center;gap:10px;padding:6px 0;display:flex}.sheet label{flex:1;justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet select{border:1px solid var(--line);background:#26282d;border-radius:10px;max-width:62%;padding:8px}.sheet .mute label{color:var(--mute);flex:none;font-size:13px}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dot.r{background:var(--green)}.dot.l{background:var(--orange)}