*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;--color-primary: #1db954;--color-primary-dark: #1c7a3d;--color-primary-darker: #1c3123;--color-text: #ffffff;--color-text-dark: #999999;--color-text-darker: #666666;--color-background: #121212;--color-background-light: #1c1c1c;--color-background-lighter: #333;--color-critical: #ee0000;--color-critical-dark: #aa0000;--color-critical-darker: #880000;color:var(--color-text);background:var(--color-background)}html,body,#app{height:100%;max-height:100%;min-height:100%;height:100svh;max-height:100svh;min-height:100svh;overflow-x:hidden}#app{display:flex;flex-direction:column}html,body{overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{cursor:pointer;transition:all .2s;background:transparent;color:var(--color-text);padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:700}button:disabled{color:var(--color-text-darker);cursor:not-allowed}@media(hover:hover){button:hover:not(:disabled):not(.no-hover-increase){transform:scale(1.05)}button:hover:not(:disabled){background-color:rgba(from var(--color-text) r g b/.2)}}button:active:not(:disabled){transform:scale(.95);background-color:rgba(from var(--color-text) r g b/.2)}button.round{width:100%;height:100%;padding:.5rem;border:none;border-radius:100%;display:flex}button.round svg{width:100%;height:100%}button.primary{background:var(--color-primary)}button.primary:disabled{color:var(--color-text-darker);background:var(--color-background-lighter);cursor:not-allowed}@media(hover:hover){button.primary:hover:not(:disabled){background:var(--color-primary-dark)}}button.primary:active:not(:disabled){background:var(--color-primary-dark)}button.primary.halo{box-shadow:0 0 1rem var(--color-primary-dark)}button.critical{background:var(--color-critical)}button.critical:disabled{color:var(--color-text-darker);background:var(--color-background-lighter);cursor:not-allowed}@media(hover:hover){button.critical:hover:not(:disabled){background:var(--color-critical-dark)}}button.critical:active:not(:disabled){background:var(--color-critical-dark)}button.critical.halo{box-shadow:0 0 1rem var(--color-critical-dark)}@media not (min-width:300px){.very-small-hide{display:none!important}}.squircle{border-radius:15%;display:flex;align-items:center;justify-content:center}.squircle svg{width:50%;height:50%}input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-background-lighter);border-radius:.5rem;background:var(--color-background);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s}input::placeholder{color:var(--color-text-darker)}input:focus{border-color:var(--color-primary)}.view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.view>.header{flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;background:var(--color-background);padding:1.25rem 1rem 1rem;z-index:50;gap:1rem}.view .view-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.view>.content{flex:1;padding:0 1rem;overflow-y:auto;overflow-x:hidden}.view .loading,.view .error,.view .empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;gap:1rem;color:var(--color-text-dark)}.view .song-list,.view .playlist-list,.view .queue-list{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.5rem}.view .section{margin-bottom:1.5rem}.view .section-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#ffffffe6}.debug-overlay[data-v-3b6d11d3]{position:fixed;top:.75rem;left:.75rem;right:.75rem;max-height:90vh;z-index:9999;pointer-events:none}.debug-content[data-v-3b6d11d3]{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f0;font-family:monospace;font-size:12px;padding:12px;border-radius:8px;border:2px solid #0f0;max-height:85vh;overflow-y:auto;pointer-events:auto}.header[data-v-3b6d11d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #0f0}.header strong[data-v-3b6d11d3]{color:#0f0;font-size:13px}.header small[data-v-3b6d11d3]{color:#666;font-size:10px}.close-btn[data-v-3b6d11d3]{background:none;border:none;color:#0f0;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.close-btn[data-v-3b6d11d3]:hover{color:#ff0}.section[data-v-3b6d11d3]{margin-top:12px}.section-title[data-v-3b6d11d3]{color:#ff0;font-weight:700;margin-bottom:6px}.log-item[data-v-3b6d11d3]{margin:3px 0;padding:2px 4px;word-break:break-all}.log-item.log-error[data-v-3b6d11d3]{color:#ff6b6b}.log-item.log-warn[data-v-3b6d11d3]{color:#ffd93d}.log-item.log-log[data-v-3b6d11d3],.log-item.log-info[data-v-3b6d11d3]{color:#6bcf7f}.log-item.log-debug[data-v-3b6d11d3]{color:#6bc7d9}.log-time[data-v-3b6d11d3]{color:#666;font-size:10px;margin-right:4px}.log-level[data-v-3b6d11d3]{font-weight:700;margin-right:4px}.log-message[data-v-3b6d11d3]{display:inline}.log-details[data-v-3b6d11d3]{color:#888;font-size:11px;margin-left:4px}.logs-container[data-v-3b6d11d3]{max-height:200px;overflow-y:auto;margin:6px 0;border-radius:4px}.clear-btn[data-v-3b6d11d3]{margin-top:8px;padding:4px 8px;background:#00ff001a;color:#0f0;border:1px solid #0f0;border-radius:3px;cursor:pointer;font-size:11px;font-family:monospace;pointer-events:auto}.clear-btn[data-v-3b6d11d3]:hover{background:#0f03}.clear-btn[data-v-3b6d11d3]:active{background:#00ff004d}.debug-content[data-v-3b6d11d3]::-webkit-scrollbar{width:6px}.debug-content[data-v-3b6d11d3]::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.debug-content[data-v-3b6d11d3]::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:3px}.debug-content[data-v-3b6d11d3]::-webkit-scrollbar-thumb:hover{background:#00ff0080}.logs-container[data-v-3b6d11d3]::-webkit-scrollbar{width:4px}.logs-container[data-v-3b6d11d3]::-webkit-scrollbar-track{background:transparent}.logs-container[data-v-3b6d11d3]::-webkit-scrollbar-thumb{background:#0f03;border-radius:2px}.logs-container[data-v-3b6d11d3]::-webkit-scrollbar-thumb:hover{background:#0f06}.view[data-v-4f3946e5]{align-items:center;justify-content:center;padding:1rem}.login-container[data-v-4f3946e5]{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:1rem}.title[data-v-4f3946e5]{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:center}.subtitle[data-v-4f3946e5]{font-size:.875rem;color:#fff9;margin:0}.login-form[data-v-4f3946e5]{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.password-input[data-v-4f3946e5]{width:100%;padding:14px 16px;border:none;border-radius:12px;background-color:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:background-color .2s}.password-input[data-v-4f3946e5]::placeholder{color:#ffffff80}.password-input[data-v-4f3946e5]:focus{background-color:#ffffff26}.password-input[data-v-4f3946e5]:disabled{opacity:.6}.error[data-v-4f3946e5]{color:#ff6b6b;font-size:.875rem;margin:0;text-align:center}.circular-progress-svg[data-v-59d4b0ac]{width:100%;height:100%;aspect-ratio:1/1;animation:spin-59d4b0ac 1.5s linear infinite}.circular-progress-svg .progress-background[data-v-59d4b0ac]{stroke:var(--color-background-lighter)}.circular-progress-svg .progress-arc[data-v-59d4b0ac]{stroke:var(--color-primary)}@keyframes spin-59d4b0ac{to{transform:rotate(360deg)}}.mini-player[data-v-dfcfe744]{flex-shrink:0;background:var(--color-background-light);cursor:pointer;z-index:100}.progress-bar[data-v-dfcfe744]{height:4px;background:var(--color-background-lighter)}.progress-fill[data-v-dfcfe744]{height:100%;background-color:var(--color-primary);transition:width .1s linear}.mini-player-content[data-v-dfcfe744]{height:5rem;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.song-cover[data-v-dfcfe744]{width:3rem;height:3rem;color:var(--color-text-dark);background:var(--color-background-lighter)}.song-info[data-v-dfcfe744]{flex:1;min-width:0}.song-title[data-v-dfcfe744]{margin:0;font-size:.9375rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-dfcfe744]{margin:2px 0 0;font-size:.8125rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls[data-v-dfcfe744]{display:flex;align-items:center;gap:.5rem}.controls button[data-v-dfcfe744]{width:2.5rem;height:2.5rem}.controls button.primary[data-v-dfcfe744]{width:2.75rem;height:2.75rem}.controls .button-like[data-v-dfcfe744]{width:2.75rem;height:2.75rem;padding:.25rem}.bottom-nav-bar[data-v-247324b3]{flex-shrink:0;display:flex;justify-content:space-around;align-items:center;height:4rem;background:var(--color-background-light);border-top:1px solid var(--color-background-lighter);padding-bottom:env(safe-area-inset-bottom)}.nav-item[data-v-247324b3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;text-decoration:none;color:var(--color-text-dark);transition:all .2s ease;flex:1;border-radius:.5rem;cursor:pointer}@media(hover:hover){.nav-item[data-v-247324b3]:hover:not(.active){background:rgba(from var(--color-text) r g b/.05);color:var(--color-text)}}.nav-item[data-v-247324b3]:active:not(.active){transform:scale(.95)}.nav-item.active[data-v-247324b3]{color:var(--color-primary)}.icon[data-v-247324b3]{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.label[data-v-247324b3]{font-size:.75rem;font-weight:500;white-space:nowrap}.auth-loading{flex:1;display:flex;align-items:center;justify-content:center}.list-item[data-v-c06d6497]{height:5rem;gap:.75rem;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}@media(hover:hover){.list-item[data-v-c06d6497]:hover{background-color:var(--color-background-light)}}.list-item.active[data-v-c06d6497]{background-color:var(--color-background-light);color:var(--color-primary)}.list-item .list-item-icon[data-v-c06d6497]{width:3rem;height:4rem;color:var(--color-text-dark);background-color:var(--color-background-lighter)}.list-item .list-item-body[data-v-c06d6497]{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.list-item .list-item-body .list-item-title[data-v-c06d6497]{font-weight:500;display:flex;justify-content:space-between;gap:.5rem}.list-item .list-item-body .list-item-title .list-item-title-text[data-v-c06d6497]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-item .list-item-body .list-item-subtitle[data-v-c06d6497]{font-size:.875rem;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .list-item-body .list-item-subsubtitle[data-v-c06d6497]{font-size:.8rem;margin-top:.1rem;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between}.list-item .list-item-body .list-item-subsubtitle[data-v-c06d6497]:empty{display:none}.list-item .list-item-body .list-item-title-right[data-v-c06d6497]{font-size:.8rem;margin-top:.1rem;color:var(--color-text-dark);flex-shrink:0}.list-item .list-item-body .list-item-title-right[data-v-c06d6497]:empty{display:none}.list-item .list-item-right[data-v-c06d6497]{display:flex;flex-direction:column;align-items:end;gap:.25rem;font-size:.875rem;color:var(--color-text-dark)}.list-item .list-item-right[data-v-c06d6497]:empty{display:none}.list-item[data-v-b47bf291] .list-item-icon{color:var(--color-primary);background:var(--color-primary-darker)}.list-item .list-item-title svg[data-v-b47bf291]{margin-left:.25rem;width:1rem;height:1rem;translate:0 2px;color:var(--color-primary)}.list-item[data-v-7ea66c23] .list-item-icon{color:var(--color-primary);background:var(--color-primary-darker)}.list-item .list-item-title svg[data-v-7ea66c23]{margin-left:.25rem;width:1rem;height:1rem;translate:0 2px;color:var(--color-primary)}.dialog-overlay[data-v-d60093b1]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dialog[data-v-d60093b1]{background:var(--color-background-light);border-radius:1rem;padding:1.5rem;max-width:25rem;width:100%;display:flex;flex-direction:column;gap:1rem}.dialog .dialog-title[data-v-d60093b1-s]{font-size:1.25rem;font-weight:600}.dialog p[data-v-d60093b1-s]{color:var(--color-text-dark);font-size:.9rem;line-height:1.5}.dialog p[data-v-d60093b1-s] strong{color:var(--color-text)}.dialog .dialog-actions[data-v-d60093b1-s]{display:flex;gap:.75rem;justify-content:flex-end}.dialog-note[data-v-494d179b]{color:var(--color-text-darker);font-size:.8rem;line-height:1.4;padding:.75rem;background:var(--color-background);border-radius:.5rem}.progress-wrapper[data-v-494d179b]{width:5rem;height:5rem;margin:auto;margin-top:2rem}.search-container[data-v-dc89ee30]{position:relative}.search-input[data-v-dc89ee30]{padding-left:2.75rem}.search-icon[data-v-dc89ee30]{position:absolute;top:0;bottom:0;left:.9rem;color:var(--color-text-darker);pointer-events:none;display:flex;align-items:center}.search-icon svg[data-v-dc89ee30]{width:1.5rem;height:1.5rem}.section[data-v-8015426d]{margin-bottom:1.5rem}.section-title[data-v-8015426d]{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#ffffffe6}.playlist-actions[data-v-8015426d]{display:flex;gap:.5rem;margin-top:.75rem}.playlist-actions button[data-v-8015426d]{flex:1;border:1px dashed var(--color-text-darker)}