*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);max-width:100vw;overflow:hidden}.top>*,.filterrow>*,.transport>*{min-width:0}.songpicker{width:auto;text-overflow:ellipsis}button,select,input{font:inherit;color:inherit}a{color:var(--accent)}code,kbd,pre{font:var(--mono)}.hidden{display:none!important}.muted{color:var(--fg-dim)}.top{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line)}.top .title{display:flex;flex-direction:column;line-height:1.1}.top .brand{font-weight:700;letter-spacing:.02em;color:var(--accent)}.top .sub{font-size:.8em;color:var(--fg-dim)}.top .spacer{flex:1}.songpicker,.themepick{background:var(--input-bg);border:1px solid var(--line);padding:4px 6px;max-width:44vw}.btn{background:var(--btn-bg);border:1px solid var(--line);color:var(--fg);padding:4px 10px;cursor:pointer;border-radius:var(--radius);text-decoration:none;line-height:1.4}.btn:hover{background:var(--btn-hover)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700;padding:8px 18px}.btn.on,.btn[aria-pressed=true]{background:var(--sel);color:var(--sel-fg)}.btn:focus-visible,.opt:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34%);min-height:0}.left{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.filterbar{border-bottom:1px solid var(--line);background:var(--panel)}.filterrow{display:flex;gap:8px;align-items:center;padding:6px 8px}.search{flex:1;background:var(--input-bg);border:1px solid var(--line);padding:4px 8px;border-radius:var(--radius);min-width:80px}.chip{background:transparent;border:1px dashed var(--line);color:var(--fg-dim);padding:2px 8px;cursor:pointer;border-radius:999px;font-size:.85em}.facets{display:flex;flex-wrap:wrap;gap:6px 18px;padding:4px 10px 8px;max-height:38vh;overflow:auto}.facet-name{font-size:.75em;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin:4px 0 2px}.opts{display:flex;flex-wrap:wrap;gap:4px}.opt{background:var(--btn-bg);border:1px solid var(--line);padding:1px 7px;cursor:pointer;border-radius:var(--radius);font-size:.9em}.opt.on{background:var(--sel);color:var(--sel-fg);border-color:var(--sel)}.opt.zero{opacity:.45}.opt .cnt{margin-left:6px;color:var(--fg-dim);font-size:.85em}.opt.on .cnt{color:inherit}.list{flex:1;overflow:auto;min-height:0;position:relative}.rows{display:block}.row{display:grid;grid-template-columns:3.2em 4.6em minmax(0,1fr) auto 4.6em .9em;gap:8px;align-items:center;padding:2px 8px;border-bottom:1px solid var(--line-faint);cursor:pointer;white-space:nowrap;height:var(--row-h);user-select:none}.row:hover{background:var(--row-hover)}.row.sel{background:var(--sel);color:var(--sel-fg)}.row.audible .label{color:var(--accent);font-weight:700}.row.sel.audible .label{color:var(--sel-fg)}.row .idx{text-align:right;color:var(--fg-dim);font:var(--mono)}.row.sel .idx{color:inherit}.row .badge{font:var(--mono);font-size:.75em;text-align:center;padding:1px 4px;border-radius:var(--radius);background:var(--badge-bg);color:var(--badge-fg);overflow:hidden;text-overflow:ellipsis}.badge.e-fluidsynth{background:var(--c-sf2)}.badge.e-adlmidi{background:var(--c-opl)}.badge.e-opnmidi{background:var(--c-opn)}.badge.e-edmidi{background:var(--c-edm)}.badge.e-timidity{background:var(--c-gus)}.badge.e-sc55{background:var(--c-sc55)}.badge.e-munt{background:var(--c-la)}.row .label{overflow:hidden;text-overflow:ellipsis}.row .meta{color:var(--fg-dim);font-size:.85em;overflow:hidden;text-overflow:ellipsis;max-width:28vw}.row.sel .meta{color:inherit;opacity:.8}.row .gain{font:var(--mono);font-size:.8em;text-align:right;color:var(--fg-dim)}.row.sel .gain{color:inherit}.row .dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1px solid var(--line)}.row.cached .dot{background:var(--fg-dim);border-color:transparent}.row.audible .dot{background:var(--accent);border-color:transparent}.row.loading .dot{background:var(--warn);border-color:transparent;animation:blink .6s steps(2) infinite}@keyframes blink{to{opacity:.2}}.row.sticky{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--accent)}.nowplaying{overflow:auto;min-height:0;padding:8px 12px;background:var(--panel-2)}.np-head{display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:6px}.np-title{text-transform:uppercase;letter-spacing:.1em;font-size:.75em;color:var(--fg-dim)}.tier{font:var(--mono);font-size:.8em;color:var(--fg-dim)}.tier.l{color:var(--accent)}.np-status,.status{font-size:.85em;color:var(--fg-dim)}.np-status.loading,.status.loading{color:var(--warn)}.np-status.wontload,.status.wontload{color:var(--bad)}.np-label{margin:2px 0 8px;font-size:1.15em}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;margin:0;font-size:.92em}.kv dt{color:var(--fg-dim);text-transform:lowercase}.kv dd{margin:0;overflow-wrap:anywhere}.kv code.cmd{display:block;white-space:pre-wrap;font-size:.85em;color:var(--fg-dim)}.tag{display:inline-block;border:1px solid var(--line);padding:0 5px;margin-right:4px;border-radius:var(--radius);font-size:.85em}.icmt{white-space:pre-wrap;font-size:.85em;color:var(--fg-dim)}.transport{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-top:1px solid var(--line)}.transport .clock{font:var(--mono);min-width:13ch;text-align:center}.transport .seek{flex:1;min-width:60px;accent-color:var(--accent)}.transport .vol{width:90px;accent-color:var(--accent)}.transport .steps{display:none;gap:4px}.transport .status{min-width:10ch}.gate,.overlay{position:fixed;inset:0;display:grid;place-items:center;background:var(--overlay);z-index:10}.gate-box,.overlay-box{background:var(--panel);border:1px solid var(--line);padding:22px 28px;max-width:480px;box-shadow:var(--shadow);border-radius:var(--radius)}.gate-box h1{margin:0 0 8px;color:var(--accent)}.keymap td{padding:2px 10px 2px 0}kbd{background:var(--btn-bg);border:1px solid var(--line);padding:0 5px;border-radius:var(--radius)}.debug{position:fixed;right:10px;bottom:58px;width:min(640px,92vw);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 10px;z-index:5;border-radius:var(--radius)}.dbg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dbg-body{margin:0;white-space:pre-wrap;font-size:.85em}.page{position:fixed;inset:0;overflow:auto;background:var(--bg);z-index:8}.credits,.fatal{max-width:820px;margin:0 auto;padding:24px 18px;overflow:auto;height:100%}.credits .notice{white-space:pre-wrap;font-size:.85em;background:var(--panel-2);padding:8px}.credits li{margin-bottom:8px}@media(max-width:720px){.top{flex-wrap:wrap;gap:6px 8px}.top .title{flex:1 1 auto}.top .spacer{display:none}.songpicker{flex:1 1 100%;max-width:100%;min-width:0;order:10}.main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.nowplaying,.left{min-width:0}.kv{grid-template-columns:minmax(0,1fr);gap:0 0}.kv dt{margin-top:4px;font-size:.8em}.kv code.cmd{word-break:break-all}.left{border-right:0}.nowplaying{max-height:32vh;border-top:1px solid var(--line)}.row{grid-template-columns:2.6em 4em minmax(0,1fr) .8em}.row .meta,.row .gain{display:none}.transport{flex-wrap:wrap;padding-bottom:max(6px,env(safe-area-inset-bottom))}.transport .seek{flex:1 1 100%;order:10}.transport .clock{min-width:0;font-size:.85em;margin-left:auto}.transport .steps{display:flex}.transport .steps .btn{font-size:1.3em;padding:6px 18px}.transport .vol,.transport .status,.top .sub,.top .themepick{display:none}.debug{right:4px;left:4px;width:auto;bottom:120px;max-height:50vh;overflow:auto;font-size:.8em}.row .label{font-size:.95em}}:root,[data-theme=dark]{--bg: #0b0d10;--panel: #12151a;--panel-2: #0f1216;--fg: #cfd6dd;--fg-dim: #7f8a96;--line: #252a31;--line-faint: #171b20;--accent: #66ff99;--accent-fg: #062b14;--sel: #1f3b2a;--sel-fg: #e9ffe9;--row-hover: #161b21;--btn-bg: #1a1f26;--btn-hover: #232a33;--input-bg: #0e1115;--badge-bg: #2a313a;--badge-fg: #dfe6ee;--warn: #ffcc66;--bad: #ff6b6b;--overlay: rgba(0, 0, 0, .72);--shadow: 0 10px 40px rgba(0, 0, 0, .6);--radius: 3px;--row-h: 24px;--font: 14px/1.4 "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: 12px/1.4 ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--c-sf2: #2b4b7a;--c-opl: #7a3a2b;--c-opn: #6a2b7a;--c-edm: #2b6a5a;--c-gus: #7a6a2b;--c-sc55: #3a3a7a;--c-la: #7a2b5a}[data-theme=win95]{--bg: #008080;--panel: #c0c0c0;--panel-2: #c0c0c0;--fg: #000;--fg-dim: #404040;--line: #808080;--line-faint: #dcdcdc;--accent: #000080;--accent-fg: #fff;--sel: #000080;--sel-fg: #fff;--row-hover: #d4d0c8;--btn-bg: #c0c0c0;--btn-hover: #d4d0c8;--input-bg: #fff;--badge-bg: #808080;--badge-fg: #fff;--warn: #800000;--bad: #ff0000;--overlay: rgba(0, 0, 0, .35);--shadow: none;--radius: 0;--row-h: 20px;--font: 11px/1.35 Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Arial, sans-serif;--mono: 11px/1.35 "Fixedsys", "Lucida Console", Consolas, monospace;--c-sf2: #000080;--c-opl: #800000;--c-opn: #800080;--c-edm: #008000;--c-gus: #808000;--c-sc55: #000080;--c-la: #800080;--bevel-out: inset -1px -1px #000, inset 1px 1px #fff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;--bevel-in: inset 1px 1px #000, inset -1px -1px #fff, inset 2px 2px #808080, inset -2px -2px #dfdfdf}[data-theme=win95] body{background:teal}[data-theme=win95] #app{background:silver;margin:6px;height:calc(100% - 12px);box-shadow:var(--bevel-out);padding:3px}[data-theme=win95] .top{background:linear-gradient(90deg,navy,#1084d0);color:#fff;border:0;padding:3px 6px;position:relative}[data-theme=win95] .top .brand,[data-theme=win95] .top .sub{color:#fff}[data-theme=win95] .top .songpicker,[data-theme=win95] .top .themepick,[data-theme=win95] .top .btn{color:#000}[data-theme=win95] .top:after{content:"_  □  ×";font:700 10px/14px Marlett,Tahoma,sans-serif;color:#000;background:silver;box-shadow:var(--bevel-out);padding:0 4px;margin-left:6px;letter-spacing:.2em}[data-theme=win95] .btn,[data-theme=win95] .opt{border:0;box-shadow:var(--bevel-out);background:silver;color:#000}[data-theme=win95] .btn:active,[data-theme=win95] .btn.on,[data-theme=win95] .btn[aria-pressed=true],[data-theme=win95] .opt.on{box-shadow:var(--bevel-in);background:#dfdfdf;color:#000}[data-theme=win95] .btn.primary{background:silver;color:#000;outline:1px solid #000;outline-offset:-4px}[data-theme=win95] .search,[data-theme=win95] .songpicker,[data-theme=win95] .themepick,[data-theme=win95] .list,[data-theme=win95] .nowplaying,[data-theme=win95] .dbg-body{border:0;box-shadow:var(--bevel-in);background:#fff}[data-theme=win95] .row{border-bottom:0}[data-theme=win95] .row.audible .label{color:navy}[data-theme=win95] .gate-box,[data-theme=win95] .overlay-box,[data-theme=win95] .debug{border:0;box-shadow:var(--bevel-out);padding:0 0 12px}[data-theme=win95] .gate-box h1,[data-theme=win95] .overlay-box h2{background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-size:12px;font-weight:700;padding:3px 6px;margin:3px 3px 12px}[data-theme=win95] .gate-box p,[data-theme=win95] .gate-box .btn,[data-theme=win95] .overlay-box table,[data-theme=win95] .overlay-box p{margin-left:16px;margin-right:16px}[data-theme=win95] .transport,[data-theme=win95] .filterbar{background:silver;border:0}[data-theme=win95] .transport .seek,[data-theme=win95] .transport .vol{accent-color:#000080}[data-theme=win95] .tier.l{color:navy}[data-theme=win95] .row.sel .label,[data-theme=win95] .row.sel.audible .label,[data-theme=win95] .row.sel .idx,[data-theme=win95] .row.sel .meta,[data-theme=win95] .row.sel .gain{color:#fff}