*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--surface2: #21262d;--surface3: #30363d;--accent: #58a6ff;--accent-dim: rgba(88, 166, 255, .15);--text: #c9d1d9;--text-dim: #8b949e;--border: #30363d;--playing-bg: rgba(88, 166, 255, .08);--radius: 6px}html,body,#root{height:100%}.app{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.panel-resize-handle{width:5px;background:transparent;cursor:col-resize;flex-shrink:0;transition:background .15s;order:-1;z-index:5}.panel-resize-handle:hover{background:var(--accent-dim)}.toast-container{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:500;pointer-events:none}.toast{display:flex;align-items:center;gap:.55rem;background:var(--surface2);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:.55rem .75rem;font-size:.82rem;color:var(--text);box-shadow:0 4px 18px #00000073;animation:toast-in .2s ease;pointer-events:all;max-width:320px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast--success{border-left-color:#3fb950}.toast--error{border-left-color:#f85149}.toast--warn{border-left-color:#d29922}.toast--info{border-left-color:var(--accent)}.toast-icon{font-size:.85rem;flex-shrink:0}.toast--success .toast-icon{color:#3fb950}.toast--error .toast-icon{color:#f85149}.toast--warn .toast-icon{color:#d29922}.toast--info .toast-icon{color:var(--accent)}.toast-msg{flex:1}.toast-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;margin-left:.25rem}.toast-close:hover{color:var(--text)}.player-bar{display:flex;flex-direction:column;align-items:stretch;background:var(--surface) url(/animations/bganimate.gif) center / cover no-repeat;border-bottom:1px solid var(--border);flex-shrink:0;z-index:20;position:relative}.player-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000085;z-index:0;pointer-events:none}.player-bar--idle .progress-input{pointer-events:none}.player-idle-hint{font-size:.78rem;color:var(--text-dim);font-style:italic}.player-art-wrap{width:180px;height:180px;flex-shrink:0;align-self:center;margin:.6rem auto .3rem;background:var(--surface3);overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #000000b3,0 0 0 2px #ffffff14;position:relative;z-index:2}.player-art{width:100%;height:100%;object-fit:cover;display:block}.player-body{display:flex;flex-direction:column;padding:0 1rem .6rem;gap:.25rem;min-width:0;width:100%;position:relative;z-index:1}.player-footer,.player-progress,.player-controls,.player-vol-row,.player-extra-row{opacity:.78}.player-controls{display:flex;align-items:center;justify-content:space-evenly;gap:.5rem;width:100%}.ctrl.prev-next{font-size:1.15rem}.player-footer{display:flex;align-items:center;justify-content:center;min-width:0;width:100%}.player-info{flex:1;min-width:0;overflow:hidden;text-align:center}.player-title{font-size:1.05rem;font-weight:600}.player-meta{font-size:.9rem;color:var(--text-dim)}.player-meta-album{opacity:.8}.player-meta-album-row{font-size:.84rem;color:var(--text-dim);opacity:.7}.marquee-outer{overflow:hidden;white-space:nowrap}.marquee-inner{display:inline-block;white-space:nowrap}@keyframes marquee-scroll{0%{transform:translate(0)}15%{transform:translate(0)}85%{transform:translate(var(--shift))}to{transform:translate(var(--shift))}}.player-sec{display:flex;align-items:center;gap:.35rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.player-extra-row{display:flex;align-items:center;justify-content:space-evenly;gap:.35rem;flex-wrap:wrap;width:100%}.icon-ctrl{display:inline-flex;align-items:center;justify-content:center;padding:.25rem}.icon-ctrl img{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.45;transition:opacity .12s;display:block}.icon-ctrl.extra-icon img{width:17px;height:17px}.icon-ctrl:hover:not(:disabled) img{opacity:.9}.icon-ctrl:disabled{cursor:not-allowed}.icon-ctrl:disabled img{opacity:.35}.icon-ctrl.icon-active img{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg)}.playlist-icon-btn{background:none;border:none;cursor:pointer;padding:.2rem .3rem;border-radius:3px;display:inline-flex;align-items:center;transition:background .12s}.playlist-icon-btn img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.55;transition:opacity .12s;display:block}.playlist-icon-btn:hover img{opacity:1}.playlist-subheader-actions{display:flex;align-items:center;gap:.25rem}.quality-btn{font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.15rem .45rem;border-radius:3px;border:1px solid var(--surface3);background:var(--surface2);color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s;line-height:1.6}.quality-btn:hover{color:var(--text);border-color:var(--text-dim)}.quality-btn.quality-mp3{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.quality-btn.quality-error{background:#f851491f;color:#f85149;border-color:#f85149}.icon-ctrl.prev-next-icon img{width:26px;height:26px}.ctrl.play img{width:24px;height:24px;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg);display:block}.player-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(88,166,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.queue-btn{position:relative;font-size:1.1rem}.queue-badge{position:absolute;top:-4px;right:-6px;background:var(--accent);color:#000;font-size:.58rem;font-weight:700;border-radius:8px;padding:0 3px;line-height:1.4;min-width:14px;text-align:center;pointer-events:none}.queue-backdrop{display:none}.app-header{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.35rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.app-brand-logo{height:1.25rem;width:auto;-webkit-user-select:none;user-select:none}.app-brand{font-size:.95rem;font-weight:600;color:var(--text-dim);white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none;opacity:.7}.app-count{white-space:nowrap;color:var(--text-dim);font-size:.72rem;opacity:.5}.search-panel{display:flex;flex-direction:column;gap:0}.search-row{display:flex;align-items:center;gap:.5rem;padding:.22rem 0}.search-row-main{gap:.5rem;align-items:center}.search-row-main .search-input-wrap{flex:1;max-width:none}.search-filters{border-top:1px solid var(--border);padding-top:.25rem;margin-top:.15rem;display:flex;flex-direction:column;gap:0}.filter-label{flex-shrink:0;width:84px;font-size:.72rem;color:var(--text-dim);text-align:right;-webkit-user-select:none;user-select:none}.search-filters .typeahead-wrap,.search-filters .filter-select-full{flex:1;max-width:none;min-width:0}.filter-select-full{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.38rem .6rem;font-size:.8rem;outline:none;cursor:pointer;transition:border-color .15s}.filter-select-full:focus{border-color:var(--accent)}.filter-toggle-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:.78rem;font-weight:600;padding:.38rem .65rem;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s,background .12s;flex-shrink:0}.filter-toggle-btn:hover,.filter-toggle-btn.open{color:var(--text);border-color:var(--text-dim)}.filter-toggle-btn.has-active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.filter-toggle-icon{font-size:.6rem;line-height:1}.filter-active-badge{background:var(--accent);color:#000;font-size:.6rem;font-weight:700;border-radius:8px;padding:0 4px;line-height:1.5;min-width:14px;text-align:center}.filter-clear-all{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.2rem .3rem;border-radius:3px;line-height:1;flex-shrink:0;transition:color .12s}.filter-clear-all:hover{color:#f85149}.search-input-wrap{position:relative;flex:1;min-width:0}.search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-dim);pointer-events:none;line-height:1}.search-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.38rem .75rem .38rem 2.1rem;font-size:1rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-dim)}.search-input::-webkit-search-cancel-button{filter:invert(55%);cursor:pointer}.filter-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.38rem .6rem;font-size:1rem;outline:none;cursor:pointer;transition:border-color .15s;max-width:140px}.filter-select:focus{border-color:var(--accent)}.typeahead-wrap{position:relative;flex:1;min-width:100px;max-width:180px}.filter-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.38rem 1.5rem .38rem .6rem;font-size:1rem;outline:none;transition:border-color .15s}.filter-input:focus{border-color:var(--accent)}.filter-input::placeholder{color:var(--text-dim)}.typeahead-clear{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;line-height:1;padding:0}.typeahead-clear:hover{color:var(--text)}.typeahead-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);max-height:220px;overflow-y:auto;list-style:none;z-index:200;box-shadow:0 6px 20px #00000080;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.typeahead-dropdown::-webkit-scrollbar{width:4px}.typeahead-dropdown::-webkit-scrollbar-track{background:transparent}.typeahead-dropdown::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.typeahead-dropdown::-webkit-scrollbar-thumb:hover{background:var(--border)}.typeahead-dropdown li{padding:.4rem .65rem;cursor:pointer;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeahead-dropdown li:hover{background:var(--surface3);color:var(--accent)}.app-main{flex:1;overflow-y:auto;overflow-x:auto;min-width:0;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.app-main::-webkit-scrollbar{width:4px;height:4px}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.app-main::-webkit-scrollbar-thumb:hover{background:var(--border)}.error-bar{background:#f851491f;border-left:3px solid #f85149;color:#f85149;padding:.6rem 1.25rem;font-size:.85rem}.state-msg{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.track-table{width:100%;border-collapse:collapse;table-layout:fixed}.track-table thead th{position:sticky;top:0;background:var(--surface);color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:1}.track-table thead th.sortable{cursor:pointer;transition:color .12s,background .12s}.track-table thead th.sortable:hover{color:var(--text);background:var(--surface2)}.track-table thead th.sort-active{color:var(--accent)}.sort-arrow{font-size:.58rem;opacity:.6}.sort-active .sort-arrow{opacity:1}.col-art{width:52px;padding:2px 4px 0!important;text-align:center;vertical-align:top}.col-num{width:42px;text-align:center}.col-artist{width:18%}.col-year{width:68px}.col-dur{width:68px;text-align:right}.col-type{width:52px;text-align:center}.album-art-thumb{width:40px;height:40px;border-radius:3px;object-fit:cover;display:block;margin:0 auto;background:var(--surface3)}.track-row{cursor:pointer;border-bottom:1px solid rgba(48,54,61,.6);transition:background .1s}.track-row:hover{background:var(--surface2)}.track-row.playing{background:var(--playing-bg)}.track-row.playing td{color:var(--accent)}.track-row td{padding:.5rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.track-row .col-num{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem}.track-row .col-dur{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem}.track-row .col-year{color:var(--text-dim);font-size:.82rem}.playing-icon{color:var(--accent);font-size:.7rem}.playing-wave{height:16px;width:auto;vertical-align:middle}.badge{display:inline-block;padding:.13rem .38rem;border-radius:3px;font-size:.63rem;font-weight:600;background:var(--surface3);color:var(--text-dim);letter-spacing:.04em}.scroll-sentinel{height:1px}.lib-list{display:flex;flex-direction:column}.lib-all-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.lib-all-count{font-size:.7rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.lib-all-actions{display:flex;align-items:center;gap:.25rem}.lib-album{border-bottom:1px solid var(--border)}.lib-album-hdr{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface2);transition:background .1s}.lib-album-hdr:hover{background:var(--surface3)}.lib-album-art{width:44px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--surface3);display:block}.lib-album-info{flex:1;min-width:0}.lib-album-title{font-size:.93rem;font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-album-meta{font-size:.8rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-album-sub{font-size:.72rem;opacity:.7}.lib-album-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.lib-album-hdr .add-to-pl{border-color:transparent;min-width:30px;height:30px}.lib-album-hdr .add-to-pl img{width:20px;height:20px;opacity:.85}.lib-album-hdr .add-to-queue img{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg)}.lib-album-hdr .add-to-playlist img{filter:brightness(0) invert(1) sepia(1) saturate(8) hue-rotate(5deg)}.lib-album-hdr .add-to-pl:hover img{opacity:1}.lib-album-toggle{font-size:1rem;color:var(--text-dim);width:18px;text-align:center;display:inline-block;flex-shrink:0;margin-right:.1rem}.lib-track-list{display:flex;flex-direction:column}.lib-track{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem calc(1.45rem + 18px);border-bottom:1px solid rgba(48,54,61,.45);cursor:pointer;transition:background .1s}.lib-track:last-child{border-bottom:none}.lib-track:hover{background:var(--surface2)}.lib-track--playing{background:var(--playing-bg)}.lib-track--playing .lib-track-name{color:var(--accent)}.lib-track-num{min-width:20px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:16px}.lib-track-info{flex:1;min-width:0}.lib-track-name{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-track-meta{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-track-dur{font-variant-numeric:tabular-nums}.lib-track-badge{margin-left:.3rem;vertical-align:middle}.lib-track-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.ctrl{background:none;border:none;color:var(--text-dim);font-size:1.05rem;cursor:pointer;padding:.25rem .45rem;border-radius:50%;transition:color .12s,background .12s;line-height:1}.ctrl:hover:not(:disabled){color:var(--text);background:var(--surface2)}.ctrl:disabled{opacity:.3;cursor:not-allowed}.ctrl.play{font-size:1.25rem;color:var(--accent);padding:.4rem .6rem}.ctrl.play:hover:not(:disabled){background:none}.ctrl.play img{opacity:.6;transition:opacity .12s}.ctrl.play:hover:not(:disabled) img{opacity:1}.player-progress{display:flex;align-items:center;gap:.55rem;width:100%}.ptime{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:34px}.ptime-right{text-align:right}.progress-wrap{position:relative;flex:1;height:4px;background:var(--surface3);border-radius:2px;cursor:pointer}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;pointer-events:none}.progress-buffered{background:var(--surface3);filter:brightness(1.6)}.progress-played{background:var(--accent)}.progress-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:16px;background:transparent;margin:0;cursor:pointer;z-index:1}.progress-input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .12s;cursor:pointer}.progress-wrap:hover .progress-input::-webkit-slider-thumb{opacity:1}.progress-input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;opacity:0;transition:opacity .12s;cursor:pointer}.progress-wrap:hover .progress-input::-moz-range-thumb{opacity:1}.player-vol-row{display:flex;align-items:center;gap:.35rem}.player-vol-row .vol-input{flex:1}.vol-icon-btn{font-size:.85rem;padding:.2rem .25rem}.vol-icon{font-size:.85rem;-webkit-user-select:none;user-select:none}.vol-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:6px;border-radius:3px;background:var(--surface3);cursor:pointer;outline:none;touch-action:pan-y}.vol-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-dim);cursor:pointer;transition:background .12s}.vol-input:hover::-webkit-slider-thumb{background:var(--accent)}.vol-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-dim);border:none;cursor:pointer}.vol-input::-moz-range-thumb:hover{background:var(--accent)}.playlist-panel{flex:1;display:flex;flex-direction:column;background:var(--surface);overflow:hidden;width:100%}.playlist-tabs{display:flex;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.playlist-tab{position:relative;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-dim);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.55rem .5rem;cursor:pointer;transition:color .12s;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.playlist-tab:hover{color:var(--text)}.playlist-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{display:inline-block;margin-left:.3rem;background:var(--surface3);color:var(--text-dim);font-size:.6rem;font-weight:700;border-radius:8px;padding:0 4px;line-height:1.5;vertical-align:middle}.playlist-tab.active .tab-badge{background:var(--accent-dim);color:var(--accent)}.tab-icon{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.5;display:block;flex-shrink:0;transition:opacity .12s}.playlist-tab:hover .tab-icon{opacity:.8}.playlist-tab.active .tab-icon{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(190deg)}.playlist-subheader{display:flex;align-items:center;justify-content:space-between;padding:.4rem .9rem;border-bottom:1px solid var(--border);flex-shrink:0}.playlist-count-label{font-size:.72rem;color:var(--text-dim)}.playlist-clear{background:none;border:none;color:var(--text-dim);font-size:.72rem;cursor:pointer;padding:.2rem .4rem;border-radius:3px;transition:color .12s}.playlist-clear:hover{color:#f85149}.playlist-close{background:none;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:.2rem .35rem;border-radius:3px;display:none;transition:color .12s}.playlist-close:hover{color:var(--text)}.playlist-tracks{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.playlist-tracks::-webkit-scrollbar{width:4px}.playlist-tracks::-webkit-scrollbar-track{background:transparent}.playlist-tracks::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:var(--border)}.playlist-empty{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.82rem}.pl-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;cursor:pointer;border-bottom:1px solid rgba(48,54,61,.5);transition:background .1s;-webkit-user-select:none;user-select:none}.pl-row:hover{background:var(--surface2)}.pl-row.pl-playing{background:var(--playing-bg)}.pl-row.pl-playing *{color:var(--accent)}.pl-num{min-width:20px;text-align:center;font-size:.75rem;color:var(--text-dim)}.pl-info{flex:1;min-width:0}.pl-name{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-meta{font-size:.8rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-dur{font-size:.72rem;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.pl-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.75rem;padding:.1rem .25rem;border-radius:3px;opacity:0;transition:opacity .12s,color .12s}.pl-row:hover .pl-remove{opacity:1}.pl-remove:hover{color:#f85149}.playlists-tab{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.playlists-tab::-webkit-scrollbar{width:4px}.playlists-tab::-webkit-scrollbar-track{background:transparent}.playlists-tab::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.playlists-tab::-webkit-scrollbar-thumb:hover{background:var(--border)}.saved-pl{border-bottom:1px solid var(--border)}.saved-pl-header{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;cursor:pointer;background:var(--surface2);transition:background .1s;-webkit-user-select:none;user-select:none}.saved-pl-header:hover{background:var(--surface3)}.saved-pl-toggle{font-size:1rem;color:var(--text-dim);width:18px;text-align:center;flex-shrink:0}.saved-pl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.saved-pl-name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-pl-count{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.saved-pl-play{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.72rem;padding:.2rem .45rem;border-radius:3px;transition:color .12s,background .12s;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.saved-pl-play:hover{color:var(--accent);background:var(--accent-dim)}.saved-pl-shuffle{padding:.2rem .35rem;display:inline-flex;align-items:center}.saved-pl-shuffle img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.55;display:block}.saved-pl-play img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.55;display:block;transition:opacity .12s}.saved-pl-play:hover img,.saved-pl-shuffle:hover img{opacity:1}.saved-pl-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:.2rem .3rem;border-radius:3px;opacity:.7;transition:opacity .12s,color .12s;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.saved-pl-rename{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.2rem .3rem;border-radius:3px;opacity:.7;transition:opacity .12s,color .12s;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.saved-pl-header:hover .saved-pl-delete,.saved-pl-header:hover .saved-pl-rename{opacity:1}.saved-pl-delete img,.saved-pl-rename img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.6;display:block;transition:opacity .12s}.saved-pl-delete:hover img{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(320deg)}.saved-pl-rename:hover img{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg)}.saved-pl-rename-input{flex:1;min-width:0;background:var(--surface3);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-size:.82rem;padding:.1rem .35rem;outline:none}.saved-pl-tracks{background:var(--surface)}.saved-pl-track-row{cursor:pointer}.saved-pl-tracks .pl-row{padding-left:calc(1.3rem + 14px)}.saved-pl-art{width:36px;height:36px;border-radius:3px;object-fit:cover;flex-shrink:0;background:var(--surface3);display:block}.playlist-bottom-pad{height:50px;flex-shrink:0}.album-row{cursor:pointer;background:var(--surface2);border-top:2px solid var(--border);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;transition:background .1s}.album-row:hover{background:var(--surface3)}.album-row td{padding:.45rem .75rem;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-toggle{font-size:.6rem;color:var(--text-dim);display:inline-block;width:12px;text-align:center}.album-name{font-weight:700;color:var(--accent);font-size:.93rem}.album-count{color:var(--text-dim);font-size:.75rem}.album-row .col-dur{color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.album-trk-count{color:var(--text-dim);font-size:.7rem;opacity:.7}.track-row td.col-add,.album-row td.col-add{padding:0 2px}.col-add{width:80px;text-align:center;white-space:nowrap}.col-add-q,.col-add-p{font-size:.7rem;color:var(--text-dim)}.add-to-pl{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-size:.9rem;line-height:1;min-width:26px;height:26px;padding:0 3px;overflow:visible;cursor:pointer;transition:color .12s,border-color .12s,background .12s;margin:0 1px;display:inline-flex;align-items:center;justify-content:center}.add-to-pl img{width:15px;height:15px;filter:brightness(0) invert(1);opacity:.55;display:block;transition:opacity .12s}.add-to-pl:hover img{opacity:1}.add-to-pl:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.add-to-playlist:hover{color:#e8a838;border-color:#e8a838;background:#e8a8381f}.search-drawer{position:absolute;bottom:60px;left:0;right:0;height:78%;background:var(--surface);border-top:2px solid var(--border);border-radius:10px 10px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:30;box-shadow:0 -6px 30px #00000073}.search-drawer.open{transform:translateY(0)}.search-drawer-handle{position:relative;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;height:42px;flex-shrink:0;cursor:pointer;background:none;border:none;color:var(--text);width:100%;text-align:left}.search-drawer-handle:hover .drawer-label{color:var(--accent)}.drawer-handle-pill{position:absolute;top:7px;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:2px;background:var(--surface3);pointer-events:none}.drawer-label{font-size:.9rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;transition:color .12s;display:inline-flex;align-items:center;gap:.4rem}.drawer-count{font-size:.75rem;color:var(--text-dim);margin-top:8px}.search-drawer-body{flex:1;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border)}.drawer-search{flex-shrink:0;padding:.55rem 1rem .5rem;background:var(--surface);border-bottom:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .1s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:280px;max-width:360px;width:90vw;box-shadow:0 12px 40px #0009;animation:slide-up .15s ease;overflow:hidden}@keyframes slide-up{0%{transform:translateY(8px);opacity:.5}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);gap:.5rem}.modal-title{font-size:.82rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.15rem .3rem;border-radius:3px;flex-shrink:0;transition:color .12s}.modal-close:hover{color:var(--text)}.modal-body{padding:.4rem 0;max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.modal-section-label{padding:.3rem 1rem;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--border);margin-top:.2rem}.modal-option{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;color:var(--text);text-align:left;padding:.55rem 1rem;font-size:.84rem;cursor:pointer;transition:background .1s,color .1s}.modal-option:hover{background:var(--surface2);color:var(--accent)}.modal-option-new{color:var(--accent)}.modal-option-new:hover{background:var(--accent-dim)}.modal-icon{font-size:.85rem;width:16px;text-align:center;flex-shrink:0}.modal-pl-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-pl-count{font-size:.72rem;color:var(--text-dim);margin-left:auto;white-space:nowrap;flex-shrink:0}.modal-create-form{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.4rem}.modal-create-input{width:100%;background:var(--surface2);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);padding:.42rem .75rem;font-size:.84rem;outline:none}.modal-create-input::placeholder{color:var(--text-dim)}.modal-create-actions{display:flex;gap:.4rem}.modal-create-btn{flex:1;background:var(--accent);border:none;border-radius:var(--radius);color:#000;font-size:.82rem;font-weight:600;padding:.38rem .75rem;cursor:pointer;transition:opacity .12s}.modal-create-btn:disabled{opacity:.4;cursor:not-allowed}.modal-create-btn:not(:disabled):hover{opacity:.85}.modal-cancel-btn{background:var(--surface3);border:none;border-radius:var(--radius);color:var(--text-dim);font-size:.82rem;padding:.38rem .75rem;cursor:pointer;transition:color .12s}.modal-cancel-btn:hover{color:var(--text)}.bottom-nav{display:flex;align-items:stretch;height:60px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;z-index:40;padding-bottom:8px}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.45rem .25rem .3rem;position:relative;transition:color .12s,background .12s;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{color:var(--text);background:var(--surface2)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-nav-item img{width:26px;height:26px;filter:brightness(0) invert(1);opacity:.45;display:block;transition:opacity .12s}.bottom-nav-item:hover img{opacity:.75}.bottom-nav-item.active img{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(190deg)}.bottom-nav-item span{font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap}.bottom-nav-badge{position:absolute;top:-5px;right:-8px;background:var(--accent);color:#000;font-size:.55rem;font-weight:700;border-radius:8px;padding:0 3px;line-height:1.5;min-width:14px;text-align:center;pointer-events:none}@media (max-width: 767px){body{overflow:hidden}.player-bar{min-height:110px}.player-art-wrap{width:110px;height:110px}.player-body{padding:.4rem .75rem}.player-title{font-size:1.15rem}.player-meta{font-size:.98rem}.player-meta-album-row{font-size:.92rem}.icon-ctrl img{width:26px;height:26px}.icon-ctrl.prev-next-icon img{width:30px;height:30px}.ctrl.play img{width:28px;height:28px}.app-header{padding:.5rem .75rem}.search-bar{flex-wrap:wrap}.typeahead-wrap{min-width:120px}.search-drawer{height:92%}.col-type,.col-year{display:none}.col-artist{width:28%}}@media (max-width: 480px){.app-brand{font-size:1rem}.app-count,.col-art{display:none}.player-art-wrap{width:140px;height:140px}.player-body{padding:0 .75rem .5rem}}