:root{--ink: #101014;--surface: #17171d;--surface-2: #1e1e26;--line: #26262f;--text: #ececf1;--muted: #8b8b98;--ornge: #ff7847;--ornge-dim: rgba(255, 120, 71, .15);--on-accent: #1a0d06;--danger: #ff5c5c;--radius: 10px;--pb-h: 84px;--title-h: 32px;--side-w: 224px;font-family:Segoe UI Variable Text,Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input{font:inherit;color:var(--text)}img{display:block;width:100%;height:100%;object-fit:cover}h1{font-size:26px;font-weight:650;letter-spacing:-.02em;margin:0 0 16px}h2{font-size:16px;font-weight:600;margin:22px 0 10px}h3{font-size:14px;font-weight:600;margin:0 0 10px}code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:12px}:focus-visible{outline:2px solid var(--ornge);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{display:grid;grid-template-areas:"title title" "side main" "player player";grid-template-columns:var(--side-w) 1fr;grid-template-rows:var(--title-h) 1fr var(--pb-h);height:100%}.titlebar{grid-area:title;display:flex;align-items:stretch;justify-content:flex-end;background:var(--surface);border-bottom:1px solid var(--line)}.titlebar-drag{flex:1;-webkit-app-region:drag}.titlebar-controls{display:flex;-webkit-app-region:no-drag}.win-btn{width:46px;height:var(--title-h);display:grid;place-items:center;color:var(--muted);background:transparent;border:0;transition:background .12s,color .12s}.win-btn:hover{background:var(--surface-2);color:var(--text)}.win-btn.close:hover{background:#c42b1c;color:#fff}.locked-shell{position:relative;padding-top:var(--title-h)}.locked-shell .titlebar{position:absolute;top:0;left:0;right:0;height:var(--title-h);background:transparent;border-bottom:0}.sidebar{grid-area:side;display:flex;flex-direction:column;gap:2px;padding:18px 12px;border-right:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.01em;padding:0 10px 16px}.brand-mark{width:20px;height:20px;flex:0 0 auto;border-radius:50%;user-select:none;box-shadow:0 0 10px #ff784773}.brand-mark.playing{animation:brand-pulse 2.4s ease-in-out infinite}@keyframes brand-pulse{0%,to{box-shadow:0 0 6px #ff784759}50%{box-shadow:0 0 16px 3px #ff7847bf}}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--muted);text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--ornge-dim);color:var(--ornge)}.sidebar-foot{margin-top:auto;padding:0 10px;color:var(--muted);font-size:11px}.content{grid-area:main;overflow-y:auto}.page{padding:26px 30px 40px;max-width:1500px}.empty{color:var(--muted);padding:24px 0;line-height:1.6}.shelf-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}.card{width:clamp(140px,15vw,200px);flex:0 0 auto;text-align:left}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,156px);gap:14px}.card-grid .shelf h2{display:none}.card-grid .shelf-row{padding:0;overflow:visible}.card-thumb{width:156px;height:156px;border-radius:var(--radius);background:var(--surface-2);overflow:hidden;display:grid;place-items:center;color:var(--muted);transition:transform .15s ease,box-shadow .15s ease}.card:hover .card-thumb{transform:translateY(-2px);box-shadow:0 8px 22px #00000073}.card-thumb.round,.coll-thumb.round{border-radius:50%}.card-title{margin-top:8px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--muted);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songlist{display:flex;flex-direction:column}.song-row{display:flex;align-items:center;border-radius:8px;padding-right:6px}.song-row:hover{background:var(--surface)}.song-row.playing .song-title{color:var(--ornge)}.song-main{flex:1;display:flex;align-items:center;gap:12px;padding:7px 8px;min-width:0;text-align:left}.song-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:var(--surface-2);flex:0 0 auto;display:grid;place-items:center;color:var(--muted)}.song-meta{display:flex;flex-direction:column;min-width:0;flex:1}.song-title{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artists{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-album{color:var(--muted);font-size:12.5px;width:26%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-dur{color:var(--muted);font-size:12px;width:52px;text-align:right;font-family:Cascadia Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.song-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.song-row:hover .song-actions,.song-row.playing .song-actions{opacity:1}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--muted);position:relative;transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.on,.icon-btn.fav.on{color:var(--ornge)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:600;background:var(--surface-2);transition:filter .12s}.btn:hover{filter:brightness(1.15)}.btn.accent{background:var(--ornge);color:var(--on-accent)}.btn:disabled{opacity:.45;cursor:default}.coll-head{display:flex;align-items:center;gap:20px;margin-bottom:20px}.coll-thumb{width:140px;height:140px;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);flex:0 0 auto}.coll-meta{display:flex;flex-direction:column;gap:10px;min-width:0}.coll-meta h1{margin:0}.coll-sub{color:var(--muted)}.search-head{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--muted)}.search-input{flex:1;background:none;border:0;outline:none;font-size:15px}.tabs{display:flex;gap:6px;margin:14px 0 10px}.tab{padding:6px 14px;border-radius:999px;color:var(--muted);background:var(--surface);border:1px solid var(--line)}.tab.on{background:var(--ornge-dim);border-color:transparent;color:var(--ornge)}.pl-list{display:flex;flex-direction:column;gap:4px;margin-top:14px}.pl-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:var(--surface);text-align:left}.pl-row:hover{background:var(--surface-2)}.pl-count{margin-left:auto;color:var(--muted);font-size:12px}.modal-new.inline{max-width:420px}.playerbar{grid-area:player;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 18px;background:var(--surface);border-top:1px solid var(--line)}.progress-strip{position:absolute;top:-2px;left:0;right:0;width:100%;height:4px;margin:0;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--ornge) var(--pct, 0%),var(--line) var(--pct, 0%));cursor:pointer}.progress-strip::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ornge);box-shadow:0 0 8px var(--ornge);opacity:0;transition:opacity .12s}.progress-strip:hover::-webkit-slider-thumb{opacity:1}.pb-left{display:flex;align-items:center;gap:12px;min-width:0}.pb-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--surface-2);flex:0 0 auto}.pb-meta{display:flex;flex-direction:column;min-width:0}.pb-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-artists{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-center{display:flex;align-items:center;gap:6px}.play-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ornge);color:var(--on-accent);transition:transform .1s}.play-btn:hover{transform:scale(1.05)}.pb-time{color:var(--muted);font-size:12px;margin-left:10px;font-family:Cascadia Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.pb-error{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:flex-start;gap:10px;padding:10px 18px;background:linear-gradient(var(--ornge-dim),var(--ornge-dim)),var(--surface);border-top:1px solid var(--ornge);color:var(--text);font-size:12.5px;line-height:1.4}.sidebar-foot{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.cache-clear{color:var(--muted);font-size:11px;text-align:left;padding:0;background:none;border:none;cursor:pointer}.cache-clear:hover{color:var(--ornge)}.downloading-note{color:var(--ornge);font-size:11px}.icon-btn.cached{color:var(--ornge);cursor:default;opacity:1}.icon-btn.downloading{color:var(--ornge);cursor:default;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.coll-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.locked-shell{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--ink)}.locked-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:680;letter-spacing:-.01em}.locked-body{width:100%;max-width:560px;padding:0 20px}.locked-body .page{padding:0}.locked-body .page h1{display:none}.locked-body .acct-card{max-width:none}.acct-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;max-width:520px;display:flex;flex-direction:column;gap:13px}.acct-row{display:flex;justify-content:space-between;gap:16px;font-size:13.5px}.acct-label{color:var(--muted)}.acct-mono{font-family:Cascadia Mono,ui-monospace,monospace;font-size:12px}.acct-field{display:flex;flex-direction:column;gap:5px}.acct-field span{color:var(--muted);font-size:12px}.acct-field input{background:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13.5px}.acct-field input:focus{outline:none;border-color:var(--ornge)}.acct-error{background:var(--ornge-dim);border:1px solid var(--ornge);border-radius:8px;padding:9px 11px;font-size:12.5px}.acct-note{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.acct-notice{background:var(--surface-2, #1e1e26);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.acct-notice b{color:var(--ornge);font-weight:600}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.tile-value{font-size:25px;font-weight:680;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.tile-label{color:var(--muted);font-size:12px;margin-top:3px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 14px;margin-bottom:18px}.chart-card h2{font-size:14px;margin:0 0 14px;font-weight:620}.chart-wrap{position:relative}.chart{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:10px}.chart .peak{fill:var(--text);font-size:10px;font-weight:650}.chart-tip{position:absolute;top:-6px;transform:translate(-50%);background:var(--ink);border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:11.5px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #00000080}.chart-tip b{display:block;font-size:11px;color:var(--muted);font-weight:500}.hbars{display:flex;flex-direction:column;gap:9px}.hbar-row{display:grid;grid-template-columns:130px 1fr 56px;align-items:center;gap:12px}.hbar-name{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{background:var(--line);border-radius:4px;height:9px;overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:4px}.hbar-value{color:var(--muted);font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums}.stat-table{width:100%;border-collapse:collapse;font-size:13px}.stat-table th{text-align:left;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px}.stat-table th.num,.stat-table td.num{text-align:right;font-variant-numeric:tabular-nums}.stat-table td{padding:7px 0;border-top:1px solid var(--line)}.st-title{display:block}.st-artist{display:block;color:var(--muted);font-size:11.5px}.dsp{display:flex;flex-direction:column;gap:14px;padding-top:4px}.dsp-toggle{display:flex;align-items:center;gap:9px;font-size:13.5px;cursor:pointer}.dsp-toggle input{width:15px;height:15px;accent-color:var(--ornge);cursor:pointer}.dsp-toggle.sub{font-size:12.5px;color:var(--muted)}.dsp-toggle.off{opacity:.45;cursor:default}.dsp-row{display:flex;flex-direction:column;gap:5px}.dsp-row.off{opacity:.45}.dsp-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--muted)}.dsp-label b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.dsp-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--line);cursor:pointer}.dsp-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ornge)}.dsp-note{color:var(--muted);font-size:11.5px;line-height:1.45;margin:2px 0 0}.lrc{padding:4px 0 40vh}.lrc-line{margin:0;padding:7px 2px;color:var(--muted);font-size:15px;line-height:1.35;cursor:pointer;transition:color .15s,transform .15s;transform-origin:left center}.lrc-line:hover{color:var(--text)}.lrc-line.on{color:var(--ornge);font-weight:650;transform:scale(1.04)}.lrc-badge{margin-left:8px;padding:1px 6px;border-radius:999px;background:var(--ornge-dim);color:var(--ornge);font-size:10px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.pb-error span{white-space:pre-wrap;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}.backend-tag{width:auto;padding:0 7px;height:24px;font-size:10px;font-weight:700;letter-spacing:.05em;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.backend-tag:hover{color:var(--text);border-color:var(--ornge)}.pb-error .pb-error-dismiss{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:16px;line-height:1}.pb-error .pb-error-dismiss:hover{color:var(--text)}.repeat-one{position:absolute;top:2px;right:3px;font-size:9px;font-weight:700;color:var(--ornge)}.pb-right{display:flex;align-items:center;gap:4px;justify-content:flex-end}.vol{display:flex;align-items:center;gap:8px;color:var(--muted);margin-left:8px}.vol input{-webkit-appearance:none;appearance:none;width:90px;height:4px;border-radius:2px;background:var(--line)}.vol input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text)}.drawer{position:fixed;right:14px;top:14px;bottom:calc(var(--pb-h) + 14px);width:340px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;box-shadow:0 16px 48px #0000008c;z-index:30}.drawer-scroll{overflow-y:auto;flex:1}.q-row{display:flex;align-items:center;border-radius:8px}.q-row:hover{background:var(--surface-2)}.q-row.now .q-title{color:var(--ornge)}.q-main{flex:1;display:flex;align-items:center;gap:10px;padding:7px 8px;min-width:0;text-align:left}.q-i{width:20px;color:var(--muted);font-size:12px;text-align:center;flex:0 0 auto}.q-meta{display:flex;flex-direction:column;min-width:0}.q-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-artists{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-text pre{white-space:pre-wrap;font-family:inherit;line-height:1.9;font-size:14.5px;margin:0}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:340px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.modal-row{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px}.modal-row:hover{background:var(--surface-2)}.modal-new{display:flex;gap:8px;margin-top:12px}.modal-new input{flex:1;background:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 12px;outline:none}.modal-new input:focus{border-color:var(--ornge)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--line)}::-webkit-scrollbar-track{background:transparent}.devices-wrap{position:relative;display:inline-flex}.devices-menu{position:absolute;bottom:calc(100% + 10px);right:0;min-width:220px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 32px #00000073;z-index:40}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.device-row:hover{background:var(--surface-2)}.device-row.on{color:var(--ornge)}.device-row b{font-size:11px;font-weight:600;color:var(--ornge)}.device-row:disabled{opacity:.6;cursor:default}.device-sep{padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.device-note{padding:6px 10px;font-size:12px;color:var(--ornge)}.pl-row-wrap{display:flex;align-items:center;gap:4px}.pl-row-wrap .pl-row{flex:1}.pl-row-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.pl-row-wrap:hover .pl-row-actions,.pl-row-wrap:focus-within .pl-row-actions{opacity:1}.icon-btn.danger:hover{color:var(--danger)}.icon-btn:disabled{opacity:.3;cursor:default}.search-head{position:relative}.search-clear{border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;padding:4px}.search-clear:hover{color:var(--text)}.suggest-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px #0006}.suggest-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);font:inherit;padding:9px 12px;cursor:pointer;text-align:left}.suggest-row:hover{background:var(--surface-3, rgba(255, 255, 255, .06))}.suggest-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-kind{color:var(--muted);font-size:11px;flex:0 0 auto}.recent-searches{margin:4px 0 14px}.recent-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:4px}.recent-clear{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px}.recent-clear:hover{color:var(--ornge)}.recent-row{display:flex;align-items:center;gap:4px}.recent-row .icon-btn{opacity:0;transition:opacity .12s}.recent-row:hover .icon-btn,.recent-row:focus-within .icon-btn{opacity:1}.recent-go{display:flex;align-items:center;gap:10px;flex:1;border:0;background:transparent;color:var(--text);font:inherit;padding:7px 4px;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-go:hover{color:var(--ornge)}.pl-row-act{opacity:0;transition:opacity .12s}.pl-row-wrap:hover .pl-row-act,.pl-row-wrap:focus-within .pl-row-act{opacity:1}.smart-tune{display:flex;align-items:center;gap:12px;margin:4px 0 10px;font-size:13px;color:var(--muted)}.smart-tune input[type=range]{flex:1;max-width:320px;accent-color:var(--ornge)}.smart-tune strong{color:var(--text)}:root[data-theme=midnight]{--ink: #0d1117;--surface: #151b23;--surface-2: #1c2430;--line: #26303d;--text: #e6edf3;--muted: #8b98a5;--ornge: #4c9aff;--ornge-dim: rgba(76, 154, 255, .16);--on-accent: #06101f}:root[data-theme=forest]{--ink: #0e1411;--surface: #151d19;--surface-2: #1d2721;--line: #26332c;--text: #e6f0ea;--muted: #8aa196;--ornge: #4fc98a;--ornge-dim: rgba(79, 201, 138, .16);--on-accent: #04140c}:root[data-theme=crimson]{--ink: #140f11;--surface: #1c1518;--surface-2: #251c20;--line: #33262b;--text: #f2e9ec;--muted: #a3919a;--ornge: #ff5470;--ornge-dim: rgba(255, 84, 112, .16);--on-accent: #1e0409}:root[data-theme=daylight]{--ink: #f6f6f8;--surface: #ffffff;--surface-2: #eeeef2;--line: #d8d8e0;--text: #1a1a1f;--muted: #63636e;--ornge: #e35c14;--ornge-dim: rgba(227, 92, 20, .14);--on-accent: #ffffff;--danger: #c92c3c}.theme-swatches{display:flex;gap:8px}.theme-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.theme-dot:hover{transform:scale(1.12)}.theme-dot.on{border-color:var(--text)}.acct-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.acct-toggle input{accent-color:var(--ornge)}.viz{position:fixed;inset:0;z-index:100;background:#000;cursor:none}.viz:hover{cursor:default}.viz-canvas{display:block;width:100%;height:100%}.viz-chrome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;opacity:1;transition:opacity .6s ease}.viz-chrome.dim{opacity:0}.viz-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 30px;background:linear-gradient(to bottom,rgb(0 0 0 / 65%),transparent)}.viz-top .icon-btn{pointer-events:auto;color:#fff}.viz-title{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.4px}.viz-artist{font-size:15px;color:#ffffffb3;margin-top:2px}.viz-bottom{padding:22px 30px;font-size:12px;color:#ffffff9e;background:linear-gradient(to top,rgb(0 0 0 / 65%),transparent)}.viz-bottom b{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:4px;background:#ffffff24;color:#fff;font-weight:600}.card,.card-thumb{position:relative}.card .card-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--ornge);color:var(--on-accent);box-shadow:0 8px 20px #00000073;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.card:hover .card-play,.card:focus-within .card-play{opacity:1;transform:translateY(0)}.card:hover{background:var(--surface-2)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:28px}.quick-tile{display:flex;align-items:center;gap:12px;height:60px;padding:0;overflow:hidden;cursor:pointer;border:0;border-radius:6px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;transition:background .14s ease}.quick-tile:hover{background:var(--line)}.quick-tile img,.quick-tile .quick-fallback{width:60px;height:60px;object-fit:cover;flex:0 0 60px;display:grid;place-items:center;background:var(--surface)}.quick-tile span{font-weight:600;font-size:14px;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--surface) 0%,var(--ink) 55%)}.lyrics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 34px 14px}.lyrics-song{font-size:20px;font-weight:700;letter-spacing:-.3px}.lyrics-artist{font-size:13px;color:var(--muted);margin-top:2px}.np-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,clamp(120px,28vw,340px)) minmax(0,1fr);gap:clamp(14px,3vw,30px);padding:0 clamp(14px,3vw,34px) 22px;overflow:hidden}.np-stage.no-words{grid-template-columns:minmax(0,1fr);justify-items:center}.np-art{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.np-stage.no-words .np-art{max-width:420px;text-align:center;align-items:center}.np-cover{width:100%;max-width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;background:var(--surface);box-shadow:0 18px 44px #00000073}.np-cover-blank{border:1px solid var(--line)}.np-title{margin-top:18px;font-size:clamp(15px,1.6vw,22px);font-weight:700;letter-spacing:-.3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.np-artist{margin-top:4px;font-size:14px;color:var(--muted)}.np-album{margin-top:2px;font-size:12px;color:var(--muted);opacity:.75}.np-next{margin-top:22px;width:100%}.np-next-head{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin-bottom:8px}.np-next-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:6px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit}.np-next-row:hover{background:var(--surface)}.np-next-text{min-width:0;display:flex;flex-direction:column}.np-next-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-next-artist{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-stage.no-words .lyrics-scroll{flex:none;overflow:visible;padding:4px 0 0;text-align:center;max-width:420px}.np-nolyrics{opacity:.55}.lyrics-scroll{flex:1;overflow-y:auto;padding:8px 0 40vh}.lyrics-view .lrc{max-width:min(760px,100%)}.lyrics-view .lrc-line{margin:0 0 18px;font-size:clamp(17px,2.4vw,30px);line-height:1.22;font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere;color:var(--muted);opacity:.45;cursor:pointer;transition:color .2s ease,opacity .2s ease}.lyrics-view .lrc-line:hover{opacity:.75}.lyrics-view .lrc-line.on{color:var(--text);opacity:1}.lyrics-view .lrc-plain{white-space:pre-wrap;font:inherit;font-size:20px;line-height:1.6;color:var(--text);max-width:760px;margin:0}.import-report{margin:-4px 0 14px;max-width:720px;line-height:1.5}.coll-hero{display:flex;align-items:flex-end;gap:22px;margin-bottom:18px}.coll-hero-art{width:140px;height:140px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;color:var(--muted);background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--line)}.coll-hero-art{overflow:hidden;position:relative}.coll-hero-art img{width:100%;height:100%;object-fit:cover}.coll-hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%}.coll-hero-mosaic img{width:100%;height:100%;object-fit:cover}.coll-hero-art-btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:#0000008c;color:#fff;font:inherit;font-size:12px;cursor:pointer;opacity:0;transition:opacity .14s ease}.coll-hero-art.pickable:hover .coll-hero-art-btn,.coll-hero-art-btn:focus-visible{opacity:1}.inline-rename{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--ornge);border-radius:6px;padding:2px 8px;min-width:0;width:100%}.coll-hero-rename{font-size:1.6rem;font-weight:700;max-width:420px}.pl-row-editing{flex:1}.pl-row-art{width:28px;height:28px;border-radius:4px;object-fit:cover;flex:0 0 auto}.local-hero-art{color:var(--ornge)}.coll-back{margin-bottom:10px}.coll-hero-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.coll-hero-kind{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}.coll-hero-meta h1{margin:0}.coll-hero-sub{color:var(--muted);font-size:13px}.coll-hero .coll-actions{margin-top:10px}.local-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:44px 20px;margin-top:8px;border:1.5px dashed var(--line);border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.local-dropzone:hover{border-color:var(--ornge);background:var(--ornge-dim)}.local-dropzone-sub{color:var(--muted);font-size:12px}.acct-embed{max-width:760px}.admin-h{font-size:14px;margin:0 0 10px;font-weight:620}.admin-mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.admin-code{font-variant-numeric:tabular-nums;letter-spacing:.05em}.admin-table{margin-top:12px}.admin-unverified{color:var(--muted);font-size:11.5px}.admin-suspended{color:var(--danger);font-size:11.5px}.admin-suspended-row td:first-child{opacity:.65}.admin-actions{white-space:nowrap}.admin-act{padding:3px 9px;font-size:11.5px;margin-left:6px}.admin-danger,.admin-error{color:var(--danger)}.locked-body .acct-embed{max-width:none}.about-embed{max-width:760px}.about-hero{display:flex;align-items:center;gap:14px;margin:4px 0 22px}.about-dot{width:40px;height:40px;border-radius:50%;background:var(--ornge);box-shadow:0 0 24px #ff784773}.about-name{font-size:20px;font-weight:680}.about-version{color:var(--muted);font-size:12.5px}.about-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;line-height:1.55;font-size:13.5px}.about-card h2{font-size:14px;margin:0 0 10px;font-weight:620}.about-card p{margin:0 0 10px}.about-card p:last-child{margin-bottom:0}.about-muted{color:var(--muted)}.about-steps{margin:0 0 10px;padding-left:20px;line-height:1.7}.about-card a{color:var(--ornge)}.stats-since{color:var(--muted);font-size:12.5px;margin:-6px 0 4px}.clock-row{display:flex;gap:28px;align-items:stretch}.clock-hours{flex:1;display:flex;align-items:flex-end;gap:2px;height:120px;padding-bottom:16px;position:relative;min-width:0}.clock-slot{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.clock-bar{width:100%;border-radius:3px 3px 0 0;min-width:3px}.clock-slot:hover .clock-bar{opacity:.8}.clock-axis{position:absolute;bottom:-16px;left:0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.clock-days{flex:0 0 220px;display:flex;flex-direction:column;gap:6px;justify-content:center}.clock-dayrow{display:flex;align-items:center;gap:8px}.clock-dayrow .hbar-track{flex:1}.clock-dayname{color:var(--muted);font-size:11.5px;width:28px}.stats-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stats-head h1,.stats-modes{margin:0}.recap{display:flex;flex-direction:column;gap:14px}.recap-range{color:var(--muted);font-size:12px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.recap-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px 26px;text-align:center}.recap-hero-num{font-size:68px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ornge);font-variant-numeric:tabular-nums}.recap-hero-unit{display:block;font-size:15px;font-weight:560;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px}.recap-hero-sub{color:var(--text);font-size:14px;margin-top:14px;line-height:1.6}.recap-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.recap-eyebrow{color:var(--muted);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:620}.recap-headline{font-size:19px;margin-top:7px;line-height:1.35}.recap-headline b{font-weight:680}.recap-by{color:var(--muted);font-weight:500}.recap-detail{color:var(--muted);font-size:12.5px;margin-top:8px;line-height:1.6}.recap-note{color:var(--muted);font-size:12px;margin:-8px 0 14px}.recap-moves{display:grid;grid-template-columns:1fr 1fr;gap:22px}.recap-moves-head{color:var(--muted);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:620;margin-bottom:9px}.recap-move{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0;font-size:12.5px}.recap-move .hbar-name{min-width:0}.recap-move-up,.recap-move-down{font-variant-numeric:tabular-nums;font-size:11.5px;white-space:nowrap}.recap-move-up{color:var(--ornge)}.recap-move-down,.recap-move-none{color:var(--muted)}.recap .hbar-row{grid-template-columns:minmax(120px,260px) 1fr 62px}.recap-eras{display:flex;flex-direction:column}.recap-era{display:grid;grid-template-columns:96px 1fr 72px;gap:12px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}.recap-era:first-child{border-top:0}.recap-era-key{color:var(--muted);font-variant-numeric:tabular-nums}.recap-era-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recap-era-ms{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.dupe-section{font-size:15px;margin:24px 0 2px}.dupe-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-top:10px}.dupe-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dupe-tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:620;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.dupe-tag.strong{color:var(--ornge);border-color:var(--ornge-dim);background:var(--ornge-dim)}.dupe-count{color:var(--muted);font-size:11.5px}.dupe-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}.dupe-row:first-of-type{border-top:0}.dupe-title,.dupe-artist,.dupe-where{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dupe-artist,.dupe-where{color:var(--muted);font-size:11.5px}.dupe-remove{padding:3px 10px;font-size:11.5px}.dupe-scan{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-top:14px}.dupe-scan .recap-note{margin:4px 0 0}.dupe-scan-run{display:flex;align-items:center;gap:10px;white-space:nowrap}.dupe-scan-run span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.recap-footnote{color:var(--muted);font-size:11.5px;line-height:1.65;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:760px){:root{--pb-h: 118px}.app{grid-template-areas:"main" "side" "player";grid-template-columns:1fr;grid-template-rows:1fr auto var(--pb-h)}.sidebar{flex-direction:row;align-items:center;gap:4px;padding:6px 8px;border-right:0;border-top:1px solid var(--line);overflow-x:auto}.sidebar .nav-item{flex:0 0 auto;padding:8px 12px}.sidebar-foot,.sidebar .brand{display:none}.page{padding:16px 14px 28px}.card{width:clamp(124px,40vw,156px)}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.coll-hero{flex-direction:row;gap:14px}.coll-hero-art{width:96px;height:96px}.pb-right .icon-btn:not(.pb-keep),.pb-right .backend-tag{display:none}.song-actions .icon-btn{display:none}.song-actions .fav,.song-actions .pb-keep{display:grid}.playerbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));align-items:center}.pb-left{grid-column:1;grid-row:1}.pb-center{grid-column:1 / -1;grid-row:2;justify-content:center}.pb-right{grid-column:2;grid-row:1;justify-self:end}.vol,.backend-tag{display:none}.update-toast{left:12px;right:12px}.clock-row{flex-direction:column;gap:18px}.clock-days{flex:0 0 auto}.recap-hero{padding:24px 16px 20px}.recap-hero-num{font-size:46px}.recap-headline{font-size:17px}.recap-moves{grid-template-columns:1fr;gap:16px}.recap-era{grid-template-columns:62px 1fr 58px;gap:8px}.dupe-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.dupe-artist,.dupe-where{grid-column:1}.hbar-row,.recap .hbar-row{grid-template-columns:96px 1fr 52px;gap:8px}}.ambient{position:fixed;inset:-120px;pointer-events:none;background-size:cover;background-position:center;filter:blur(110px) saturate(1.5);opacity:.14;transition:opacity .9s ease}.pb-thumb-btn{border:0;padding:0;cursor:pointer;background:var(--surface-2)}.np{position:fixed;inset:0;z-index:70;background:var(--ink);display:flex;align-items:center;justify-content:center}.np-ambient{position:absolute;inset:-120px;background-size:cover;background-position:center;filter:blur(120px) saturate(1.6);opacity:.35}.np-close{position:absolute;top:18px;left:18px;z-index:1}.np-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(480px,88vw)}.np-art{width:min(340px,70vw);aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--surface-2);box-shadow:0 24px 70px #0000008c;display:grid;place-items:center;color:var(--muted);margin-bottom:14px}.np-art img{width:100%;height:100%;object-fit:cover}.np-title{font-size:20px;font-weight:680;text-align:center}.np-artists{color:var(--muted);font-size:14px;margin-bottom:10px}.np-progress{display:flex;align-items:center;gap:10px;width:100%}.np-progress input{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--line);border-radius:2px;cursor:pointer}.np-progress input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ornge)}.np-time{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.np-transport{display:flex;align-items:center;gap:22px;margin-top:6px}.np-play{width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--ornge);color:var(--on-accent);box-shadow:0 10px 30px #00000073}.np-queue{margin-top:14px}.skel{background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes skel-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.skel-page{display:flex;flex-direction:column;gap:14px;margin-top:8px}.skel-row{display:flex;gap:14px;overflow:hidden}.skel-card{display:flex;flex-direction:column;gap:8px;width:clamp(140px,15vw,200px);flex:0 0 auto}.skel-art{aspect-ratio:1;border-radius:8px}.skel-line{height:12px;width:85%}.search-hello{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;color:var(--muted);text-align:center}.search-hello-title{color:var(--text);font-size:17px;font-weight:640}.search-hello-sub{max-width:420px;line-height:1.5;font-size:13px}.search-hello-chips{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.update-toast{position:fixed;right:16px;bottom:calc(var(--pb-h) + 16px);z-index:60;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font-size:13px;box-shadow:0 8px 28px #00000073}.update-notes{display:block;font-style:normal;color:var(--muted);font-size:12px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-toast button{border:0;border-radius:6px;padding:6px 12px;cursor:pointer;background:var(--ornge);color:var(--on-accent);font:inherit;font-weight:600}.update-toast .update-later{background:transparent;color:var(--muted);font-weight:400}.update-toast .update-later:hover{color:var(--text)}.update-later-wrap{position:relative}.update-defer-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:61;display:flex;flex-direction:column;min-width:172px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:4px;box-shadow:0 8px 28px #00000073}.update-defer-menu button{background:transparent;color:var(--text);font-weight:400;text-align:left;padding:8px 10px;border-radius:6px}.update-defer-menu button:hover{background:var(--surface)}.update-defer-menu button:last-child{color:var(--muted)}.update-defer-menu button:last-child:hover{color:var(--text)}.update-toast-note{bottom:calc(var(--pb-h) + 16px)}.mini{position:relative;display:flex;height:100vh;overflow:hidden;background:var(--ink);user-select:none;-webkit-app-region:drag}.mini-art{flex:0 0 92px;width:92px;height:100%;display:grid;place-items:center;background:var(--surface);color:var(--muted);overflow:hidden}.mini-art img{width:100%;height:100%;object-fit:cover}.mini-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px 12px}.mini-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:40px}.mini-artist{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls{display:flex;align-items:center;gap:2px;margin-top:3px}.mini-btn{-webkit-app-region:no-drag;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;padding:0}.mini-btn:hover{background:var(--surface-2);color:var(--text)}.mini-toggle{color:var(--text)}.mini-time{margin-left:auto;color:var(--muted);font-size:10.5px}.mini-corner{position:absolute;top:4px;right:4px;display:flex;gap:2px}.mini-corner .mini-btn{width:22px;height:22px}.mini-progress{position:absolute;left:92px;right:0;bottom:0;height:3px;background:var(--line)}.mini-progress-fill{height:100%;background:var(--ornge);transition:width .9s linear}.export-select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:5px 8px;max-width:260px}.pl-shared{color:var(--muted);font-size:11.5px;margin-left:10px}.share-panel{width:100%;margin-top:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.station-grid{display:grid;gap:12px;margin-top:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.station{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;font:inherit}.station:hover{border-color:var(--ornge)}.station.on{border-color:var(--ornge);background:var(--surface-2, var(--surface))}.station-badge{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.5px}.station-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.station-name{display:flex;align-items:center;gap:8px;font-weight:600}.station-live{padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.6px;background:var(--ornge);color:#fff}.station-desc{color:var(--muted);font-size:12px}.station-now{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-note{color:var(--muted);font-size:12px;margin-top:22px}.station-group{margin:26px 0 2px;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.station-group:first-of-type{margin-top:18px}.btn.as-note{cursor:default;opacity:.85}.btn.as-note:hover{background:var(--surface)}.icon-btn-gap{display:inline-block;width:30px}.locked-alt{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);text-align:center;max-width:420px}.locked-alt .recap-note{margin-top:10px}.drawer.over-np{z-index:80;bottom:14px}@media(max-width:760px)and (pointer:fine){.app{grid-template-areas:"title title" "side main" "player player";grid-template-columns:56px 1fr;grid-template-rows:var(--title-h) 1fr var(--pb-h)}.sidebar{flex-direction:column;align-items:stretch;gap:2px;padding:18px 8px;border-right:1px solid var(--line);border-top:0;overflow:hidden}.sidebar .nav-item{flex:0 0 auto;justify-content:center;padding-left:0;padding-right:0}.nav-item span,.brand span,.sidebar-foot{display:none}.brand{justify-content:center}}.local-scan{margin:10px 0;font-size:13px;color:var(--muted)}.local-album{margin-top:22px}.local-album-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.local-album-art{width:62px;height:62px;border-radius:8px;object-fit:cover;background:var(--surface);flex:none}.local-album-art-blank{display:grid;place-items:center;color:var(--muted);border:1px solid var(--line)}.local-album-meta{min-width:0;display:flex;flex-direction:column;flex:1}.local-album-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.local-album-artist{font-size:12px;color:var(--muted)}.djo-card{display:flex;align-items:center;gap:16px;margin-bottom:26px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.djo-mark{width:54px;height:54px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:var(--ornge);letter-spacing:-.5px}.djo-meta{min-width:0;display:flex;flex-direction:column;flex:1}.djo-title{font-size:16px;font-weight:700}.djo-sub{font-size:12px;color:var(--muted);line-height:1.45}.djo-card.on{border-color:color-mix(in srgb,var(--ornge) 45%,var(--line))}.djo-live{margin-left:10px;padding:2px 8px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;background:var(--surface-2);color:var(--muted);vertical-align:middle}.djo-live.speaking{background:var(--ornge);color:#fff}.pb-djo{flex:none;margin-right:10px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.4px;border:1px solid color-mix(in srgb,var(--ornge) 55%,var(--line));color:var(--ornge);white-space:nowrap}.pb-djo.speaking{background:var(--ornge);color:#fff;border-color:var(--ornge)}.about-check{display:flex;align-items:center;gap:12px;margin:4px 0 18px;flex-wrap:wrap}.about-check-note{font-size:12px;color:var(--muted)}.dj-page{max-width:none;padding:0;display:flex;flex-direction:column;height:100%;min-height:0}.dj-dualwave{width:100%;height:132px;display:block;background:#0a0a0c;border-bottom:1px solid rgba(255,255,255,.08)}.dj-console{display:grid;grid-template-columns:1fr 380px 1fr;gap:10px;padding:10px;background:#121216}.dj-side{background:linear-gradient(180deg,#1b1b21,#141418);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:10px;min-width:0}.dj-deck-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,224px);gap:8px;align-items:start;min-width:0}.dj-side-b .dj-deck-body{grid-template-columns:minmax(0,224px) minmax(0,1fr)}.dj-side-b .dj-deck-platter{order:2}.dj-side-b .dj-deck-racks{order:1}.dj-deck-platter{display:grid;gap:6px;min-width:0}.dj-deck-racks{display:grid;gap:6px;min-width:0;align-content:start}.dj-deck-racks>.dj-panel{margin:0}.dj-deck-racks>.dj-loops{margin-top:0}.dj-deck-racks>*,.dj-deck-platter>*{min-width:0}.dj-deck-racks .dj-fx-kinds{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.dj-deck-racks .dj-panel-row{flex-wrap:wrap}.dj-deck-racks .dj-loops{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.dj-deck-platter .dj-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.dj-deck-platter .dj-pad{aspect-ratio:auto;height:26px;min-width:0}.dj-side-head{display:flex;align-items:center;gap:8px;min-width:0}.dj-side-letter{width:26px;height:26px;border-radius:4px;display:grid;place-items:center;font-weight:800;color:#0a0a0c;font-size:15px;flex:none}.dj-load{flex:1;min-width:0;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:inherit;border-radius:4px;padding:5px 9px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dj-load:hover{background:#ffffff17}.dj-readout{display:flex;align-items:baseline;gap:8px;margin:8px 0 4px}.dj-big-bpm{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.dj-readout-label{font-size:10px;letter-spacing:.14em;color:var(--muted)}.dj-elapsed,.dj-remain{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.dj-remain{margin-left:auto}.dj-error,.dj-loading{font-size:12px;color:var(--muted);margin:4px 0}.dj-transport-area{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:8px 0}.dj-centre-strips{display:grid;grid-template-columns:auto 1fr auto;gap:10px;width:100%;align-items:start;justify-items:center}.dj-centre-mix{display:grid;justify-items:center;gap:10px}.dj-eq{display:grid;gap:6px;justify-items:center}.dj-eq-label{font-size:10px;font-weight:700;letter-spacing:.08em}.dj-knob{display:grid;justify-items:center;gap:2px;cursor:ns-resize;touch-action:none}.dj-knob-dial{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#34343d,#1a1a20);border:1px solid rgba(255,255,255,.14);position:relative}.dj-knob-dial span{position:absolute;left:50%;top:4px;width:2px;height:11px;margin-left:-1px;background:#e8e8ee;border-radius:1px}.dj-knob-label{font-size:9px;letter-spacing:.1em;color:var(--muted)}.dj-jog{position:relative;width:100%;aspect-ratio:1;max-width:168px;margin:0 auto}.dj-jog-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,#2c2c34,#131318 70%);border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 0 26px #000000bf}.dj-jog-mark{position:absolute;left:50%;top:6px;width:4px;height:30%;margin-left:-2px;border-radius:2px}.dj-jog-centre{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#0d0d10;border:2px solid}.dj-jog.spinning .dj-jog-face{will-change:transform}.dj-pitch{display:grid;justify-items:center;gap:6px}.dj-pitch-val{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.dj-pitch-fader{writing-mode:vertical-lr;direction:rtl;width:26px;height:150px;accent-color:#ff7847}.dj-panel{display:grid;gap:4px;margin:8px 0 6px;padding:6px;border-radius:5px;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.dj-panel-label,.dj-panel-sub{font-size:9px;letter-spacing:.1em;color:var(--muted)}.dj-panel-row{display:flex;align-items:center;gap:3px}.dj-panel-row .dj-mini{min-width:26px}.dj-fx-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.dj-fx-wet{flex:1;min-width:42px;accent-color:var(--ornge)}.dj-fx-wet:disabled{opacity:.35}.dj-iso{margin-bottom:0}.dj-iso .dj-panel-row .dj-mini{flex:1}.dj-midi{width:100%;position:relative}.dj-midi-toggle{width:100%;text-align:left;cursor:pointer;font-size:10px;letter-spacing:.08em;padding:5px 6px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--muted)}.dj-midi-toggle:hover{background:#ffffff14;color:inherit}.dj-midi-body{position:fixed;z-index:45;left:50%;transform:translate(-50%);bottom:12px;width:min(420px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:6px;overflow:hidden;background:#16161b;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px #0000008c}.dj-midi-head{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dj-midi-note{font-size:10px;color:var(--muted);line-height:1.45}.dj-midi-walk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 6px;border-radius:5px;background:#ff78471f;border:1px solid rgba(255,120,71,.35)}.dj-midi-walk-ask{font-size:11px;color:#fff;flex:1;min-width:0}.dj-midi-walk-ask strong{color:var(--ornge)}.dj-midi-fallback{flex:none;height:120px;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--text);background:#00000059;border:1px solid rgba(255,120,71,.35);border-radius:5px;padding:6px}.dj-midi-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;gap:2px;align-content:start}.dj-midi-row{display:grid;grid-template-columns:1fr auto auto auto;gap:5px;align-items:center;padding:2px 4px;border-radius:3px;font-size:11px}.dj-midi-row:nth-child(odd){background:#ffffff08}.dj-midi-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-midi-bound{color:var(--ornge);font-variant-numeric:tabular-nums}.dj-midi-unbound{color:var(--muted)}.link-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px;padding:8px 10px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);font-size:12px}.link-add-art{width:34px;height:34px;border-radius:4px;object-fit:cover;flex:none;background:#ffffff0f}.link-add-host{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.link-add-title{flex:1 1 12rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-add-dur{color:var(--muted);font-variant-numeric:tabular-nums}.link-add-known{font-size:11px;color:var(--muted)}.link-add-done{color:var(--ornge)}.link-add-error{flex-basis:100%;font-size:11px;color:#ff8a7a;line-height:1.45}.link-add-btn{cursor:pointer;white-space:nowrap;padding:4px 10px;border-radius:4px;font-size:11px;background:var(--ornge);border:none;color:#1a1206}.link-add-btn:disabled{opacity:.6;cursor:default}.dj-uncached{margin-left:5px;font-size:10px;color:var(--muted);opacity:.75;cursor:help;vertical-align:1px}.dj-mixpct{margin-left:6px;font-size:10px;color:var(--ornge);opacity:.85;font-variant-numeric:tabular-nums;cursor:help;vertical-align:1px}.dj-bench{display:grid;gap:6px}.dj-bench-table{width:100%;border-collapse:collapse;font-size:11px}.dj-bench-table td{padding:3px 4px}.dj-bench-table tr:nth-child(odd) td{background:#ffffff08}.dj-bench-table td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;color:var(--ornge)}.dj-bench-warn{font-size:10px;color:#ff8a7a;line-height:1.45}.dj-pads{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:8px 0}.dj-pad{aspect-ratio:1.5;border-radius:4px;font-size:11px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--muted)}.dj-pad.set{background:#ffffff1a;color:#fff;border-width:2px}.dj-pad:disabled{opacity:.35;cursor:default}.dj-loops{display:flex;align-items:center;gap:4px;margin-bottom:8px}.dj-loops-label{font-size:9px;letter-spacing:.12em;color:var(--muted);margin-right:4px}.dj-mini{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--muted);border-radius:3px;padding:3px 8px;font-size:11px;cursor:pointer}.dj-mini.on{background:var(--ornge);border-color:var(--ornge);color:#16100c;font-weight:600}.dj-mini:disabled{opacity:.35;cursor:default}.dj-transport{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:5px}.dj-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d7d7de;border-radius:4px;padding:9px 0;cursor:pointer;font-size:11px;letter-spacing:.1em;font-weight:600}.dj-btn:hover:not(:disabled){background:#ffffff1a}.dj-btn:disabled{opacity:.35;cursor:default}.dj-btn.play{font-size:15px;letter-spacing:0}.dj-btn.play.on{background:var(--ornge);border-color:var(--ornge);color:#16100c}.dj-centre{display:grid;align-content:start;justify-items:center;gap:12px;background:linear-gradient(180deg,#16161b,#101014);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:12px 8px}.dj-volumes{display:flex;align-items:flex-end;gap:7px}.dj-vfader{display:grid;justify-items:center;gap:4px}.dj-vfader-input{writing-mode:vertical-lr;direction:rtl;width:22px;height:112px;accent-color:var(--ornge)}.dj-vfader-label{font-size:9px;letter-spacing:.08em;color:var(--muted)}.dj-meters{display:flex;gap:8px}.dj-meter{display:grid;gap:2px}.dj-meter span{width:12px;height:8px;border-radius:1px;background:#ffffff12}.dj-meter span.on{background:#38d39f}.dj-meter span.on.warm{background:#e8c33c}.dj-meter span.on.hot{background:#ff5470}.dj-xf-wrap{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.dj-xf{width:130px;accent-color:#ff7847}.dj-browser{padding:0 10px 12px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:stretch;flex:1 1 0;min-height:190px}.dj-browser-main{display:flex;flex-direction:column;min-height:0}.dj-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}.dj-folders{min-height:0;overflow-y:auto}.dj-browser-main{min-width:0}.dj-folders{max-height:312px;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:8px;border-radius:4px;background:#ffffff06;border:1px solid rgba(255,255,255,.07)}.dj-folder-group{display:grid;gap:2px}.dj-folder-head{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:2px 6px 3px}.dj-folder{text-align:left;padding:5px 8px;border-radius:4px;font-size:12.5px;background:none;border:0;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-folder:hover{background:#ffffff0f}.dj-folder.on{background:var(--ornge);color:#16110d;font-weight:600}.dj-count{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.dj-try-online{background:none;border:0;padding:0;cursor:pointer;color:var(--ornge);font:inherit;text-decoration:underline}.dj-search{width:100%;padding:7px 10px;border-radius:4px;font-size:13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:inherit}.dj-picking{font-size:12px;color:var(--ornge);margin:6px 0}.dj-list{margin-top:8px;max-height:260px;overflow-y:auto}.dj-list-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:5px 8px;border-radius:4px;font-size:13px}.dj-list-row:nth-child(odd){background:#ffffff06}.dj-list-row:hover{background:#ffffff0f}.dj-list-load{display:flex;gap:4px}@media(max-width:1100px){.dj-console{grid-template-columns:1fr}.dj-centre{order:3}.dj-xf{width:70%}}.dj-empty{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}.dj-empty strong{color:var(--ornge)}.dj-load.arming{border-color:var(--ornge);box-shadow:0 0 0 1px var(--ornge) inset}.dj-list-row{cursor:pointer}.dj-list-row:focus-visible{outline:2px solid var(--ornge);outline-offset:-2px}.app.dj-mode{grid-template-areas:"title title" "main main" "main main";grid-template-columns:0 1fr;grid-template-rows:var(--title-h) 1fr 0}.app.dj-mode .sidebar,.app.dj-mode .playerbar,.app.dj-mode .ambient{display:none}.app.dj-mode .content{padding:0;overflow:auto}.dj-exit{position:absolute;z-index:5;margin:6px 0 0 8px;background:#0000008c;border:1px solid rgba(255,255,255,.16);color:#d7d7de;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;backdrop-filter:blur(4px)}.dj-exit:hover{background:#000000bf;border-color:var(--ornge);color:#fff}.dj-page{position:relative}.dj-console,.dj-dualwave,.dj-knob,.dj-jog,.dj-pads,.dj-loops,.dj-transport,.dj-centre,.dj-side-head{user-select:none;-webkit-user-select:none}.dj-knob,.dj-jog,.dj-dualwave{touch-action:none;-webkit-user-drag:none}.dj-list-row{user-select:none;-webkit-user-select:none}.dj-knob:active{cursor:ns-resize}.dj-jog{cursor:grab}.dj-jog:active,.dj-jog.gripped{cursor:grabbing}.dj-jog.gripped .dj-jog-face{border-color:#ffffff4d}.dj-dualwave{cursor:ew-resize}.dj-side.dropping{border-color:var(--ornge);box-shadow:inset 0 0 0 1px var(--ornge),0 0 18px #ff784740}.dj-reset{margin-top:2px;padding:4px 0;border-radius:4px;font-size:9.5px;letter-spacing:.09em;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.11);color:var(--muted)}.dj-reset:hover:not(:disabled){background:#ffffff1a;color:inherit}.dj-reset:disabled{opacity:.4;cursor:default}@media(max-width:900px){.dj-browser{grid-template-columns:1fr}.dj-folders{max-height:132px}}