*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#181818;--bg-hover:#222;--accent:#e53935;--accent-hover:#ef5350;--accent-soft:#e539351f;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#5a5a5a;--border:#1e1e1e;--danger:#e74c3c}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-bar.svelte-yyldap{flex:1;max-width:480px;position:relative}.search-input-wrapper.svelte-yyldap{background:var(--bg-card);border:1px solid #0000;border-radius:24px;align-items:center;gap:8px;height:40px;padding:0 4px 0 14px;transition:all .2s;display:flex}.search-input-wrapper.active.svelte-yyldap{border-color:var(--accent);background:var(--bg-hover)}.search-icon.svelte-yyldap{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}input.svelte-yyldap{color:var(--text-primary);background:0 0;flex:1;min-width:0;padding:0;font-size:14px}input.svelte-yyldap::placeholder{color:var(--text-muted)}.clear-btn.svelte-yyldap{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:4px;display:flex}.clear-btn.svelte-yyldap:hover{color:var(--text-primary)}.clear-btn.svelte-yyldap svg:where(.svelte-yyldap){width:14px;height:14px}.search-btn.svelte-yyldap{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.search-btn.svelte-yyldap:hover{background:var(--accent-hover)}.search-btn.svelte-yyldap svg:where(.svelte-yyldap){width:15px;height:15px}.dropdown.svelte-yyldap{background:var(--bg-card);border:1px solid var(--border);z-index:50;border-radius:12px;max-height:360px;padding:6px 0;animation:.15s svelte-yyldap-fadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}@keyframes svelte-yyldap-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header.svelte-yyldap{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 16px 8px;font-size:11px;font-weight:600}.dropdown-item-row.svelte-yyldap{align-items:center;display:flex}.dropdown-item.svelte-yyldap{color:var(--text-secondary);text-align:left;background:0 0;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 16px;font-size:14px;transition:all .1s;display:flex}.dropdown-item.svelte-yyldap:hover{background:var(--bg-hover);color:var(--text-primary)}.item-icon.svelte-yyldap{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.item-text.svelte-yyldap{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.match.svelte-yyldap{color:var(--text-primary);font-weight:700}.item-arrow.svelte-yyldap{width:14px;height:14px;color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.dropdown-item.svelte-yyldap:hover .item-arrow:where(.svelte-yyldap){opacity:1}.remove-btn.svelte-yyldap{color:var(--text-muted);background:0 0;flex-shrink:0;padding:6px 12px 6px 4px;transition:color .15s;display:flex}.remove-btn.svelte-yyldap:hover{color:var(--accent)}.remove-btn.svelte-yyldap svg:where(.svelte-yyldap){width:14px;height:14px}@media (width<=640px){.search-bar.svelte-yyldap{max-width:none}.search-input-wrapper.svelte-yyldap{height:36px;padding:0 4px 0 12px}.search-btn.svelte-yyldap{width:28px;height:28px}.search-btn.svelte-yyldap svg:where(.svelte-yyldap){width:13px;height:13px}input.svelte-yyldap{font-size:13px}.dropdown-item.svelte-yyldap{padding:8px 14px;font-size:13px}}.song-list.svelte-rb1kdj{flex:1;padding:8px 0;overflow-y:auto}.loading.svelte-rb1kdj,.empty.svelte-rb1kdj{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-icon.svelte-rb1kdj{opacity:.4;width:48px;height:48px}.spinner.svelte-rb1kdj{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite svelte-rb1kdj-spin}.spinner-sm.svelte-rb1kdj{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite svelte-rb1kdj-spin}@keyframes svelte-rb1kdj-spin{to{transform:rotate(360deg)}}.song-item.svelte-rb1kdj{align-items:center;padding:0 16px;transition:background .15s;display:flex}.song-item.svelte-rb1kdj:hover,.song-item.active.svelte-rb1kdj{background:var(--bg-hover)}.song-info.svelte-rb1kdj{color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.thumbnail.svelte-rb1kdj{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px}.details.svelte-rb1kdj{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.title.svelte-rb1kdj{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.active.svelte-rb1kdj .title:where(.svelte-rb1kdj){color:var(--accent)}.meta.svelte-rb1kdj{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.duration.svelte-rb1kdj{color:var(--text-secondary);flex-shrink:0;font-size:13px}.actions.svelte-rb1kdj{flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex}.action-btn.svelte-rb1kdj{color:var(--text-muted);background:0 0;border-radius:50%;padding:6px;transition:all .2s;display:flex}.action-btn.svelte-rb1kdj:hover{color:var(--text-primary);background:#ffffff0d}.action-btn.svelte-rb1kdj svg:where(.svelte-rb1kdj){width:18px;height:18px}.fav-btn.is-fav.svelte-rb1kdj{color:#e74c3c}.fav-btn.svelte-rb1kdj:hover{color:#e74c3c!important}.load-more.svelte-rb1kdj{justify-content:center;padding:16px;display:flex}.load-more-btn.svelte-rb1kdj{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.load-more-btn.svelte-rb1kdj:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.load-more-btn.svelte-rb1kdj:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.song-item.svelte-rb1kdj{padding:0 12px}.thumbnail.svelte-rb1kdj{width:40px;height:40px}.title.svelte-rb1kdj{font-size:13px}.duration.svelte-rb1kdj{display:none}.action-btn.svelte-rb1kdj svg:where(.svelte-rb1kdj){width:16px;height:16px}}.fullscreen.svelte-nfsfpn{z-index:300;background:linear-gradient(#1a1a1a 0%,#0a0a0a 100%);flex-direction:column;padding:16px 24px 24px;animation:.35s svelte-nfsfpn-slideUp;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes svelte-nfsfpn-slideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fullscreen.closing.svelte-nfsfpn{animation:.3s forwards svelte-nfsfpn-slideDown}@keyframes svelte-nfsfpn-slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.fs-header.svelte-nfsfpn{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin:0 auto 16px;display:flex}.fs-btn.svelte-nfsfpn{color:var(--text-secondary);background:0 0;border-radius:50%;padding:6px;transition:color .2s;display:flex}.fs-btn.svelte-nfsfpn:hover{color:var(--text-primary)}.fs-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:24px;height:24px}.fs-label.svelte-nfsfpn{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-size:11px;font-weight:600}.fs-body.svelte-nfsfpn{flex-direction:column;flex:1;align-items:center;gap:24px;width:100%;max-width:480px;margin:0 auto;display:flex}.fs-left.svelte-nfsfpn{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:100%;max-width:320px;display:flex}.fs-artwork.svelte-nfsfpn{aspect-ratio:1;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 20px 60px #0009}.fs-artwork.svelte-nfsfpn img:where(.svelte-nfsfpn){object-fit:cover;width:100%;height:100%}.fs-details.svelte-nfsfpn{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.fs-info.svelte-nfsfpn{text-align:center;width:100%}.fs-title.svelte-nfsfpn{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.fs-channel.svelte-nfsfpn{color:var(--accent);font-size:14px;font-weight:600}.fs-meta.svelte-nfsfpn{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.meta-item.svelte-nfsfpn{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.meta-item.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.meta-loading.svelte-nfsfpn{color:var(--text-muted);font-size:12px}.fs-progress.svelte-nfsfpn{flex-direction:column;gap:6px;width:100%;display:flex}.fs-bar.svelte-nfsfpn{cursor:default;touch-action:none;align-items:center;width:100%;height:20px;display:flex;position:relative}.fs-bar.seekable.svelte-nfsfpn{cursor:pointer}.fs-bar.svelte-nfsfpn:before{content:"";background:#ffffff1a;border-radius:2px;height:4px;position:absolute;left:0;right:0}.fs-bar.svelte-nfsfpn:hover:before{height:6px}.fs-bar-buffered.svelte-nfsfpn{pointer-events:none;background:#ffffff2e;border-radius:2px;height:4px;transition:width .5s;position:absolute;left:0}.fs-bar.svelte-nfsfpn:hover .fs-bar-buffered:where(.svelte-nfsfpn){height:6px}.fs-bar-fill.svelte-nfsfpn{background:var(--accent);pointer-events:none;border-radius:2px;height:4px;position:absolute;left:0}.fs-bar.svelte-nfsfpn:hover .fs-bar-fill:where(.svelte-nfsfpn){height:6px}.fs-bar-thumb.svelte-nfsfpn{background:var(--accent);pointer-events:none;opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.fs-bar.seekable.svelte-nfsfpn:hover .fs-bar-thumb:where(.svelte-nfsfpn){opacity:1}.fs-times.svelte-nfsfpn{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.fs-actions-secondary.svelte-nfsfpn{gap:8px;width:100%;display:flex}.fs-controls.svelte-nfsfpn{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.fs-side-btn.svelte-nfsfpn{color:var(--text-muted);background:0 0;border-radius:50%;padding:8px;transition:all .15s;display:flex}.fs-side-btn.svelte-nfsfpn:hover{color:var(--text-primary)}.fs-side-btn.is-fav.svelte-nfsfpn{color:#e74c3c}.fs-side-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:22px;height:22px}.fs-skip.svelte-nfsfpn{color:var(--text-secondary);background:0 0;border-radius:50%;padding:8px;transition:all .15s;display:flex}.fs-skip.svelte-nfsfpn:hover:not(:disabled){color:var(--text-primary)}.fs-skip.svelte-nfsfpn:disabled{opacity:.25;cursor:not-allowed}.fs-skip.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:28px;height:28px}.fs-play.svelte-nfsfpn{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s;display:flex;box-shadow:0 4px 20px #e5393566}.fs-play.svelte-nfsfpn:hover{transform:scale(1.08)}.fs-play.svelte-nfsfpn:active{transform:scale(.95)}.fs-play.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:28px;height:28px}.fs-volume-row.svelte-nfsfpn{align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.fs-volume.svelte-nfsfpn{flex:1;align-items:center;gap:10px;display:flex}.vol-icon-btn.svelte-nfsfpn{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:4px;transition:color .15s;display:flex}.vol-icon-btn.svelte-nfsfpn:hover{color:var(--text-primary)}.vol-icon-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:20px;height:20px}.fs-vol-bar.svelte-nfsfpn{cursor:pointer;background:#ffffff1a;border-radius:3px;flex:1;height:6px}.fs-vol-bar.svelte-nfsfpn:hover{height:8px}.fs-vol-fill.svelte-nfsfpn{background:var(--text-secondary);border-radius:3px;height:100%;transition:width .1s}.fs-vol-bar.svelte-nfsfpn:hover .fs-vol-fill:where(.svelte-nfsfpn){background:var(--accent)}.device-selector.svelte-nfsfpn{position:relative}.device-btn.svelte-nfsfpn{color:var(--text-muted);background:0 0;border-radius:50%;padding:6px;transition:color .15s;display:flex}.device-btn.svelte-nfsfpn:hover{color:var(--text-primary)}.device-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:18px;height:18px}.device-dropdown.svelte-nfsfpn{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:12px;min-width:240px;padding:12px 0;animation:.15s svelte-nfsfpn-fadeUp;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}@keyframes svelte-nfsfpn-fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.device-dropdown.svelte-nfsfpn h4:where(.svelte-nfsfpn){color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 16px 10px;font-size:12px;font-weight:600}.device-empty.svelte-nfsfpn{color:var(--text-muted);padding:8px 16px;font-size:13px}.device-item.svelte-nfsfpn{width:100%;color:var(--text-secondary);text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 16px;font-size:13px;transition:background .15s;display:flex}.device-item.svelte-nfsfpn:hover{background:var(--bg-hover)}.device-item.active.svelte-nfsfpn{color:var(--accent)}.device-item.svelte-nfsfpn svg:where(.svelte-nfsfpn){flex-shrink:0;width:18px;height:18px}.device-item.svelte-nfsfpn span:where(.svelte-nfsfpn){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.device-active-dot.svelte-nfsfpn{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.fs-action-btn.svelte-nfsfpn{color:var(--text-secondary);background:#ffffff0f;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.fs-action-btn.svelte-nfsfpn:hover{color:var(--text-primary);background:#ffffff1a}.fs-action-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){flex-shrink:0;width:16px;height:16px}.fs-queue.svelte-nfsfpn{width:100%;margin-top:8px}.fs-queue-title.svelte-nfsfpn{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.fs-queue-list.svelte-nfsfpn{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.q-item.svelte-nfsfpn{color:inherit;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.q-item.svelte-nfsfpn:hover{background:#ffffff0d}.q-active.svelte-nfsfpn{background:#e539351a!important}.q-active.svelte-nfsfpn .q-title:where(.svelte-nfsfpn),.q-active.svelte-nfsfpn .q-num:where(.svelte-nfsfpn){color:var(--accent)}.q-played.svelte-nfsfpn{opacity:.45}.q-num.svelte-nfsfpn{color:var(--text-muted);text-align:center;flex-shrink:0;width:20px;font-size:12px}.q-thumb.svelte-nfsfpn{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.q-info.svelte-nfsfpn{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.q-title.svelte-nfsfpn{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.q-channel.svelte-nfsfpn{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.q-playing.svelte-nfsfpn{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:flex}.q-playing.svelte-nfsfpn span:where(.svelte-nfsfpn){background:var(--accent);border-radius:1px;width:3px;animation:.8s ease-in-out infinite svelte-nfsfpn-eqBar}.q-playing.svelte-nfsfpn span:where(.svelte-nfsfpn):first-child{height:60%;animation-delay:0s}.q-playing.svelte-nfsfpn span:where(.svelte-nfsfpn):nth-child(2){height:100%;animation-delay:.2s}.q-playing.svelte-nfsfpn span:where(.svelte-nfsfpn):nth-child(3){height:40%;animation-delay:.4s}@keyframes svelte-nfsfpn-eqBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mini-player.svelte-nfsfpn{z-index:150;cursor:pointer;background:#1c1c1e;border-radius:14px;transition:transform .15s;position:fixed;bottom:12px;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0f}.mini-player.svelte-nfsfpn:hover{transform:translateY(-2px)}.mini-player.svelte-nfsfpn:active{transform:scale(.98)}.mini-progress.svelte-nfsfpn{background:#ffffff14;height:3px}.mini-progress-fill.svelte-nfsfpn{background:var(--accent);height:100%;transition:width .3s linear}.mini-content.svelte-nfsfpn{align-items:center;gap:10px;padding:8px 12px;display:flex}.mini-thumb.svelte-nfsfpn{object-fit:cover;border-radius:8px;flex-shrink:0;width:42px;height:42px}.mini-info.svelte-nfsfpn{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mini-title.svelte-nfsfpn{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mini-channel.svelte-nfsfpn{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini-play.svelte-nfsfpn,.mini-skip.svelte-nfsfpn{color:var(--text-primary);background:0 0;border-radius:50%;flex-shrink:0;padding:6px;transition:color .2s;display:flex}.mini-play.svelte-nfsfpn:hover,.mini-skip.svelte-nfsfpn:hover:not(:disabled){color:var(--accent)}.mini-skip.svelte-nfsfpn:disabled{opacity:.2;cursor:not-allowed}.mini-play.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:22px;height:22px}.mini-skip.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:16px;height:16px}.mini-volume.svelte-nfsfpn{flex-shrink:0;align-items:center;gap:6px;padding:0 4px;display:none}.mini-mute-btn.svelte-nfsfpn{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:2px;transition:color .15s;display:flex}.mini-mute-btn.svelte-nfsfpn:hover{color:var(--text-primary)}.mini-mute-btn.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:18px;height:18px}.mini-vol-bar.svelte-nfsfpn{cursor:pointer;background:#ffffff1a;border-radius:2px;width:90px;height:4px}.mini-vol-bar.svelte-nfsfpn:hover{height:6px}.mini-vol-fill.svelte-nfsfpn{background:var(--text-secondary);border-radius:2px;height:100%;transition:width .1s}.mini-volume.svelte-nfsfpn:hover .mini-vol-fill:where(.svelte-nfsfpn){background:var(--accent)}.fs-lyrics-section.svelte-nfsfpn{width:100%;margin-top:8px}.fs-section-title.svelte-nfsfpn{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.fs-lyrics-synced.svelte-nfsfpn{scroll-behavior:smooth;max-height:300px;padding:8px 0;overflow-y:auto}.lyric-line.svelte-nfsfpn{color:var(--text-muted);opacity:.4;padding:6px 0;font-size:18px;font-weight:500;line-height:1.5;transition:all .3s}.lyric-active.svelte-nfsfpn{color:var(--text-primary);opacity:1;font-size:20px;font-weight:700}.lyric-past.svelte-nfsfpn{opacity:.3}.fs-lyrics-plain.svelte-nfsfpn{max-height:300px;color:var(--text-secondary);white-space:pre-wrap;font-size:14px;line-height:1.8;overflow-y:auto}.fs-lyrics-loading.svelte-nfsfpn{text-align:center;color:var(--text-muted);padding:20px 0;font-size:13px}@media (width>=769px){.mini-player.svelte-nfsfpn{box-shadow:none;border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0;position:fixed;bottom:0;left:220px;right:0}.mini-player.svelte-nfsfpn:hover,.mini-player.svelte-nfsfpn:active{transform:none}.mini-content.svelte-nfsfpn{padding:8px 20px}.mini-volume.svelte-nfsfpn{display:flex}.fullscreen.svelte-nfsfpn{padding:20px 40px 32px}.fs-body.svelte-nfsfpn{flex-direction:row;align-items:flex-start;gap:40px;max-width:800px}.fs-left.svelte-nfsfpn{align-self:flex-start;max-width:340px;position:sticky;top:0}.fs-details.svelte-nfsfpn{align-items:flex-start;gap:20px}.fs-info.svelte-nfsfpn{text-align:left}.fs-meta.svelte-nfsfpn{justify-content:flex-start}.fs-title.svelte-nfsfpn{font-size:24px}.fs-channel.svelte-nfsfpn{font-size:15px}}@media (width<=768px){.mini-player.svelte-nfsfpn{bottom:62px;left:8px;right:8px}.fullscreen.svelte-nfsfpn{padding:12px 20px 24px}.fs-left.svelte-nfsfpn{max-width:260px}.fs-queue-list.svelte-nfsfpn{max-height:200px}.fs-title.svelte-nfsfpn{font-size:18px}.fs-channel.svelte-nfsfpn{font-size:13px}.fs-play.svelte-nfsfpn{width:56px;height:56px}.fs-play.svelte-nfsfpn svg:where(.svelte-nfsfpn),.fs-skip.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:24px;height:24px}.fs-volume-row.svelte-nfsfpn{display:none}}.logo.svelte-1l8nvlt{flex-shrink:0}.qr-container.svelte-1dyztig{flex-direction:column;align-items:center;padding:8px 0;display:flex}.qr-loading.svelte-1dyztig{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:20px 0;font-size:13px;display:flex}.spinner.svelte-1dyztig{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite svelte-1dyztig-spin}@keyframes svelte-1dyztig-spin{to{transform:rotate(360deg)}}.qr-code.svelte-1dyztig{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-image.svelte-1dyztig{background:var(--bg-card);border-radius:12px;width:180px;height:180px;padding:12px}.qr-divider.svelte-1dyztig{width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.qr-divider.svelte-1dyztig:before,.qr-divider.svelte-1dyztig:after{content:"";background:var(--border);flex:1;height:1px}.qr-code-text.svelte-1dyztig{letter-spacing:6px;color:var(--accent);font-family:monospace;font-size:28px;font-weight:800}.qr-instructions.svelte-1dyztig{color:var(--text-muted);text-align:center;max-width:250px;font-size:12px;line-height:1.5}.qr-instructions.svelte-1dyztig strong:where(.svelte-1dyztig){color:var(--text-secondary)}.qr-success.svelte-1dyztig{flex-direction:column;align-items:center;gap:8px;padding:20px 0;display:flex}.success-icon.svelte-1dyztig{color:#4caf50;font-size:36px}.qr-success.svelte-1dyztig p:where(.svelte-1dyztig){color:var(--text-primary);font-weight:500}.qr-expired.svelte-1dyztig{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:20px 0;font-size:14px;display:flex}.retry-btn.svelte-1dyztig{background:var(--accent);color:#fff;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600}.retry-btn.svelte-1dyztig:hover{background:var(--accent-hover)}.login-container.svelte-wwpu2g{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.login-card.svelte-wwpu2g{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:90%;max-width:380px;padding:40px 36px;display:flex}h1.svelte-wwpu2g{color:var(--text-primary);letter-spacing:-.5px;margin-top:12px;font-size:26px;font-weight:800}p.svelte-wwpu2g{color:var(--text-muted);margin-bottom:16px;font-size:14px}.login-tabs.svelte-wwpu2g{background:var(--bg-card);border-radius:10px;gap:3px;width:100%;margin-bottom:20px;padding:3px;display:flex}.login-tabs.svelte-wwpu2g button:where(.svelte-wwpu2g){color:var(--text-muted);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.login-tabs.svelte-wwpu2g button.active:where(.svelte-wwpu2g){background:var(--bg-hover);color:var(--text-primary)}.login-tabs.svelte-wwpu2g button:where(.svelte-wwpu2g):hover:not(.active){color:var(--text-secondary)}.google-btn-wrapper.svelte-wwpu2g{justify-content:center;align-items:center;min-height:44px;display:flex}.loading-text.svelte-wwpu2g{color:var(--text-muted);font-size:13px}.google-redirect-btn.svelte-wwpu2g{color:#3c4043;background:#fff;border-radius:24px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:280px;padding:12px 24px;font-size:14px;font-weight:500;transition:box-shadow .2s;display:flex}.google-redirect-btn.svelte-wwpu2g:hover:not(:disabled){box-shadow:0 2px 8px #0000004d}.google-redirect-btn.svelte-wwpu2g:disabled{opacity:.7;cursor:wait}@media (width<=640px){.login-card.svelte-wwpu2g{padding:32px 24px}h1.svelte-wwpu2g{font-size:22px}p.svelte-wwpu2g{margin-bottom:20px;font-size:13px}.login-tabs.svelte-wwpu2g button:where(.svelte-wwpu2g){padding:8px;font-size:12px}}.sidebar.svelte-129hoe0{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100%;display:flex}.sidebar-top.svelte-129hoe0{flex:1;padding:16px 12px}.brand.svelte-129hoe0{color:inherit;background:0 0;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:4px 8px;transition:background .15s;display:flex}.brand.svelte-129hoe0:hover{background:var(--bg-hover)}.brand-text.svelte-129hoe0{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}nav.svelte-129hoe0{flex-direction:column;gap:2px;display:flex}nav.svelte-129hoe0 button:where(.svelte-129hoe0){width:100%;color:var(--text-secondary);background:0 0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}nav.svelte-129hoe0 button:where(.svelte-129hoe0):hover{background:var(--bg-hover);color:var(--text-primary)}nav.svelte-129hoe0 button.active:where(.svelte-129hoe0){background:var(--accent-soft);color:var(--accent)}nav.svelte-129hoe0 button:where(.svelte-129hoe0) svg:where(.svelte-129hoe0){flex-shrink:0;width:20px;height:20px}.nav-badge.svelte-129hoe0{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.user-section.svelte-129hoe0{border-top:1px solid var(--border);color:inherit;background:0 0;align-items:center;gap:10px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.user-section.svelte-129hoe0:hover{background:var(--bg-hover)}.avatar.svelte-129hoe0{border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-info.svelte-129hoe0{text-align:left;flex-direction:column;min-width:0;display:flex}.user-name.svelte-129hoe0{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-label.svelte-129hoe0{color:var(--text-muted);font-size:11px}@media (width<=768px){.sidebar.svelte-129hoe0{border-right:none;border-top:1px solid var(--border);z-index:100;background:var(--bg-secondary);width:100%;height:auto;position:fixed;bottom:0;left:0}.sidebar-top.svelte-129hoe0{padding:0}.brand.svelte-129hoe0{display:none}nav.svelte-129hoe0{flex-direction:row;justify-content:space-around;padding:6px 0 2px}nav.svelte-129hoe0 button:where(.svelte-129hoe0){border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:6px 4px;font-size:10px}.user-section.svelte-129hoe0,nav.svelte-129hoe0 button.desktop-only:where(.svelte-129hoe0){display:none}nav.svelte-129hoe0 button:where(.svelte-129hoe0) svg:where(.svelte-129hoe0){width:22px;height:22px}nav.svelte-129hoe0 button:where(.svelte-129hoe0){position:relative}.nav-badge.svelte-129hoe0{border-radius:8px;min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:9px;position:absolute;top:2px;right:50%;transform:translate(14px)}}.home.svelte-7ccykd{flex:1;padding:24px;overflow-y:auto}.loading.svelte-7ccykd{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.spinner.svelte-7ccykd{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite svelte-7ccykd-spin}@keyframes svelte-7ccykd-spin{to{transform:rotate(360deg)}}section.svelte-7ccykd{margin-bottom:36px}h2.svelte-7ccykd{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.categories.svelte-7ccykd{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.category-card.svelte-7ccykd{border-radius:12px;align-items:flex-end;height:100px;padding:14px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.category-card.svelte-7ccykd:hover{transform:scale(1.03)}.cat-bg.svelte-7ccykd{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cat-overlay.svelte-7ccykd{position:absolute;inset:0}.cat-name.svelte-7ccykd{z-index:1;color:#fff;text-shadow:0 2px 8px #00000080;letter-spacing:-.2px;font-size:16px;font-weight:800;position:relative}.scroll-row.svelte-7ccykd{gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.song-card.svelte-7ccykd{width:156px;color:inherit;text-align:left;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;gap:8px;padding:8px;transition:background .15s;display:flex}.song-card.svelte-7ccykd:hover{background:var(--bg-card)}.song-thumb-wrap.svelte-7ccykd{aspect-ratio:1;border-radius:8px;width:100%;position:relative;overflow:hidden}.song-thumb.svelte-7ccykd{object-fit:cover;width:100%;height:100%}.play-overlay.svelte-7ccykd{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.play-overlay.svelte-7ccykd svg:where(.svelte-7ccykd){filter:drop-shadow(0 2px 4px #0006);width:36px;height:36px}.song-card.svelte-7ccykd:hover .play-overlay:where(.svelte-7ccykd){opacity:1}.song-title.svelte-7ccykd{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.song-channel.svelte-7ccykd{color:var(--text-muted);font-size:11px}.artist-card.svelte-7ccykd{width:120px;color:inherit;text-align:center;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:12px 8px;transition:background .15s;display:flex}.artist-card.svelte-7ccykd:hover{background:var(--bg-card)}.artist-thumb-wrap.svelte-7ccykd{border-radius:50%;width:88px;height:88px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.artist-thumb.svelte-7ccykd{object-fit:cover;width:100%;height:100%}.artist-name.svelte-7ccykd{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}@media (width<=640px){.home.svelte-7ccykd{padding:16px}h2.svelte-7ccykd{margin-bottom:12px;font-size:17px}.categories.svelte-7ccykd{grid-template-columns:repeat(2,1fr);gap:8px}.category-card.svelte-7ccykd{height:80px;padding:12px}.cat-name.svelte-7ccykd{font-size:14px}.song-card.svelte-7ccykd{width:130px}.artist-card.svelte-7ccykd{width:100px}.artist-thumb-wrap.svelte-7ccykd{width:72px;height:72px}.artist-name.svelte-7ccykd{font-size:12px}}.theme-section.svelte-m466h8 h3:where(.svelte-m466h8){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:14px;font-weight:600}.theme-grid.svelte-m466h8{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.theme-btn.svelte-m466h8 span:where(.svelte-m466h8){margin-top:10px}.theme-btn.svelte-m466h8{color:var(--text-muted);background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:11px;transition:all .15s;display:flex}.theme-btn.svelte-m466h8:hover,.theme-btn.active.svelte-m466h8{background:var(--bg-hover);color:var(--text-primary)}.theme-circle.svelte-m466h8{background:var(--color);border-radius:50%;width:32px;height:32px;transition:transform .15s;box-shadow:0 2px 8px #0000004d}.theme-btn.active.svelte-m466h8 .theme-circle:where(.svelte-m466h8){box-shadow:0 0 0 3px var(--bg-primary), 0 0 0 5px var(--color);transform:scale(1.15)}.theme-btn.svelte-m466h8:hover .theme-circle:where(.svelte-m466h8){transform:scale(1.1)}@media (width<=640px){.theme-grid.svelte-m466h8{grid-template-columns:repeat(4,1fr);gap:8px}.theme-circle.svelte-m466h8{width:28px;height:28px}}.profile.svelte-1cszc9d{flex:1;width:100%;max-width:800px;margin:0 auto;padding:32px 40px;overflow-y:auto}.loading.svelte-1cszc9d{justify-content:center;padding:80px 0;display:flex}.spinner.svelte-1cszc9d{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite svelte-1cszc9d-spin}@keyframes svelte-1cszc9d-spin{to{transform:rotate(360deg)}}.profile-header.svelte-1cszc9d{background:var(--bg-card);border-radius:16px;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.header-text.svelte-1cszc9d{flex-direction:column;gap:4px;display:flex}.avatar.svelte-1cszc9d{border:3px solid var(--accent);border-radius:50%;flex-shrink:0;width:80px;height:80px}.profile-header.svelte-1cszc9d h2:where(.svelte-1cszc9d){font-size:22px;font-weight:700}.email.svelte-1cszc9d{color:var(--text-muted);font-size:14px}.profile-grid.svelte-1cszc9d{grid-template-columns:1fr 1fr;gap:16px;display:grid}.badge.svelte-1cszc9d{background:var(--accent-soft);color:var(--accent);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.badge.svelte-1cszc9d svg:where(.svelte-1cszc9d){width:14px;height:14px}.profile-section.svelte-1cszc9d{background:var(--bg-card);border-radius:12px;padding:20px}.profile-section.svelte-1cszc9d h3:where(.svelte-1cszc9d){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.field.svelte-1cszc9d{margin-bottom:14px}.field.svelte-1cszc9d:last-child{margin-bottom:0}label.svelte-1cszc9d{color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.field.svelte-1cszc9d input:where(.svelte-1cszc9d){background:var(--bg-hover);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s}.field.svelte-1cszc9d input:where(.svelte-1cszc9d):focus{border-color:var(--accent)}.field.svelte-1cszc9d input:where(.svelte-1cszc9d):disabled{color:var(--text-secondary);cursor:not-allowed}.phone-row.svelte-1cszc9d{gap:8px;display:flex}.phone-row.svelte-1cszc9d input:where(.svelte-1cszc9d){flex:1}.save-btn.svelte-1cszc9d{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .2s}.save-btn.svelte-1cszc9d:hover:not(:disabled){background:var(--accent-hover)}.save-btn.svelte-1cszc9d:disabled{opacity:.7}.logout-btn.svelte-1cszc9d{width:100%;color:var(--danger);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.logout-btn.svelte-1cszc9d:hover{background:#e74c3c1a}.logout-btn.svelte-1cszc9d svg:where(.svelte-1cszc9d){width:18px;height:18px}.profile-footer.svelte-1cszc9d{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:24px 0;font-size:12px;display:flex}.link-device.svelte-1cszc9d{flex-direction:column;gap:10px;display:flex}.link-desc.svelte-1cszc9d{color:var(--text-muted);font-size:13px;line-height:1.4}.link-input-row.svelte-1cszc9d{gap:8px;display:flex}.link-input-row.svelte-1cszc9d input:where(.svelte-1cszc9d){background:var(--bg-hover);color:var(--text-primary);letter-spacing:2px;border:1px solid #0000;border-radius:8px;flex:1;padding:10px 14px;font-size:15px;font-weight:600;transition:border-color .2s}.link-input-row.svelte-1cszc9d input:where(.svelte-1cszc9d):focus{border-color:var(--accent)}.link-msg.svelte-1cszc9d{color:#4caf50;font-size:12px;font-weight:500}.link-msg.link-error.svelte-1cszc9d{color:var(--danger)}@media (width<=768px){.profile.svelte-1cszc9d{padding:20px 16px}.profile-header.svelte-1cszc9d{text-align:center;flex-direction:column;padding:20px}.header-text.svelte-1cszc9d{align-items:center}.avatar.svelte-1cszc9d{width:72px;height:72px}.profile-header.svelte-1cszc9d h2:where(.svelte-1cszc9d){font-size:20px}.profile-grid.svelte-1cszc9d{grid-template-columns:1fr}}.toast-container.svelte-1cpok13{z-index:500;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:380px;display:flex;position:fixed;top:16px;right:16px}.toast.svelte-1cpok13{pointer-events:all;background:#1e1e20;border:1px solid #ffffff14;border-radius:12px;animation:.3s svelte-1cpok13-slideIn;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes svelte-1cpok13-slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-content.svelte-1cpok13{align-items:center;gap:12px;padding:14px 16px;display:flex}.toast-spinner.svelte-1cpok13{border:2px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite svelte-1cpok13-spin}@keyframes svelte-1cpok13-spin{to{transform:rotate(360deg)}}.toast-icon.svelte-1cpok13{color:#4caf50;flex-shrink:0;width:20px;height:20px}.toast-icon-error.svelte-1cpok13{color:var(--danger)}.toast-text.svelte-1cpok13{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-message.svelte-1cpok13{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.toast-subtitle.svelte-1cpok13{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.toast-close.svelte-1cpok13{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:4px;transition:color .15s;display:flex}.toast-close.svelte-1cpok13:hover{color:var(--text-primary)}.toast-close.svelte-1cpok13 svg:where(.svelte-1cpok13){width:14px;height:14px}.toast-progress-bar.svelte-1cpok13{background:#ffffff0f;height:3px}.toast-progress-fill.svelte-1cpok13{background:var(--accent);border-radius:0 3px 3px 0;height:100%;transition:width .3s}.toast-success.svelte-1cpok13{border-color:#4caf5033}.toast-error.svelte-1cpok13{border-color:#e74c3c33}.toast-loading.svelte-1cpok13{border-color:#e5393526}@media (width<=640px){.toast-container.svelte-1cpok13{width:auto;max-width:none;top:8px;left:8px;right:8px}}.offline-library.svelte-a75yzu{flex:1;padding:0;overflow-y:auto}.offline-loading.svelte-a75yzu{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.spinner.svelte-a75yzu{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite svelte-a75yzu-spin}@keyframes svelte-a75yzu-spin{to{transform:rotate(360deg)}}.offline-empty.svelte-a75yzu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:300px;padding:20px;display:flex}.empty-icon.svelte-a75yzu{width:48px;height:48px;color:var(--text-muted);opacity:.4}.offline-empty.svelte-a75yzu h3:where(.svelte-a75yzu){color:var(--text-secondary);font-size:16px;font-weight:600}.offline-empty.svelte-a75yzu p:where(.svelte-a75yzu){color:var(--text-muted);font-size:13px}.offline-header.svelte-a75yzu{padding:16px 20px 8px}.offline-stats.svelte-a75yzu{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.stat-count.svelte-a75yzu{color:var(--text-secondary);font-weight:500}.offline-list.svelte-a75yzu{flex-direction:column;display:flex}.offline-item.svelte-a75yzu{align-items:center;padding:0 16px;transition:background .15s;display:flex}.offline-item.svelte-a75yzu:hover{background:var(--bg-hover)}.offline-song.svelte-a75yzu{color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.offline-thumb.svelte-a75yzu{background:var(--bg-card);border-radius:6px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.offline-thumb.svelte-a75yzu img:where(.svelte-a75yzu){object-fit:cover;width:100%;height:100%}.thumb-placeholder.svelte-a75yzu{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.thumb-placeholder.svelte-a75yzu svg:where(.svelte-a75yzu){width:24px;height:24px}.play-badge.svelte-a75yzu{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.play-badge.svelte-a75yzu svg:where(.svelte-a75yzu){width:18px;height:18px}.offline-song.svelte-a75yzu:hover .play-badge:where(.svelte-a75yzu){opacity:1}.offline-info.svelte-a75yzu{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.offline-title.svelte-a75yzu{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.offline-meta.svelte-a75yzu{color:var(--text-muted);font-size:12px}.remove-btn.svelte-a75yzu{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:8px;transition:all .15s;display:flex}.remove-btn.svelte-a75yzu:hover{color:var(--danger);background:#e74c3c1a}.remove-btn.svelte-a75yzu svg:where(.svelte-a75yzu){width:16px;height:16px}@media (width<=640px){.offline-item.svelte-a75yzu{padding:0 12px}.offline-thumb.svelte-a75yzu{width:42px;height:42px}.offline-title.svelte-a75yzu{font-size:13px}}.friends-page.svelte-ifefql{flex:1;padding:0;overflow-y:auto}.tabs.svelte-ifefql{border-bottom:1px solid var(--border);background:var(--bg-primary);z-index:5;gap:6px;padding:12px 16px;display:flex;position:sticky;top:0}.tabs.svelte-ifefql button:where(.svelte-ifefql){background:var(--bg-card);color:var(--text-muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tabs.svelte-ifefql button.active:where(.svelte-ifefql){background:var(--accent-soft);color:var(--accent)}.badge.svelte-ifefql{background:var(--accent);color:#fff;border-radius:10px;padding:1px 6px;font-size:10px}.center-msg.svelte-ifefql{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.empty-icon.svelte-ifefql{opacity:.4;width:48px;height:48px}.spinner.svelte-ifefql{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite svelte-ifefql-spin}@keyframes svelte-ifefql-spin{to{transform:rotate(360deg)}}.link-btn.svelte-ifefql{background:var(--accent);color:#fff;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600}.search-section.svelte-ifefql{padding:20px 16px}.search-hint.svelte-ifefql{color:var(--text-muted);margin-bottom:12px;font-size:13px}.search-row.svelte-ifefql{gap:8px;margin-bottom:16px;display:flex}.search-row.svelte-ifefql input:where(.svelte-ifefql){background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.search-row.svelte-ifefql input:where(.svelte-ifefql):focus{border-color:var(--accent)}.search-row.svelte-ifefql input:where(.svelte-ifefql)::placeholder{color:var(--text-muted)}.search-btn.svelte-ifefql{background:var(--accent);color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600}h4.svelte-ifefql{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px;font-size:13px}.list.svelte-ifefql{padding:8px 0}.user-card.svelte-ifefql{align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.user-card.svelte-ifefql:hover{background:var(--bg-hover)}.user-avatar.svelte-ifefql{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.user-info.svelte-ifefql{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-name.svelte-ifefql{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.user-email.svelte-ifefql{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-badge.svelte-ifefql{border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500}.status-badge.accepted.svelte-ifefql{color:#00c853;background:#00c8531f}.status-badge.pending.svelte-ifefql{color:#ffd600;background:#ffd6001f}.add-btn.svelte-ifefql{background:var(--accent);color:#fff;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.add-btn.svelte-ifefql svg:where(.svelte-ifefql){width:16px;height:16px}.request-actions.svelte-ifefql{flex-shrink:0;gap:6px;display:flex}.accept-btn.svelte-ifefql{background:var(--accent);color:#fff;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:600}.reject-btn.svelte-ifefql{color:var(--text-muted);background:0 0;border-radius:50%;padding:6px;display:flex}.reject-btn.svelte-ifefql:hover{color:var(--danger)}.reject-btn.svelte-ifefql svg:where(.svelte-ifefql){width:16px;height:16px}.remove-btn.svelte-ifefql{color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;padding:8px;transition:all .15s;display:flex}.remove-btn.svelte-ifefql:hover{color:var(--danger);background:#e74c3c1a}.remove-btn.svelte-ifefql svg:where(.svelte-ifefql){width:18px;height:18px}.no-result.svelte-ifefql{color:var(--text-muted);text-align:center;padding:20px;font-size:14px}@media (width<=640px){.tabs.svelte-ifefql{gap:4px;padding:8px 12px}.tabs.svelte-ifefql button:where(.svelte-ifefql){padding:7px;font-size:12px}.search-section.svelte-ifefql{padding:16px 12px}.search-row.svelte-ifefql input:where(.svelte-ifefql){padding:9px 12px;font-size:13px}.user-card.svelte-ifefql{gap:10px;padding:8px 12px}.user-avatar.svelte-ifefql{width:36px;height:36px}.user-name.svelte-ifefql{font-size:13px}.user-email.svelte-ifefql{font-size:11px}.add-btn.svelte-ifefql{padding:6px 12px;font-size:11px}.request-actions.svelte-ifefql{gap:4px}.accept-btn.svelte-ifefql{padding:5px 12px;font-size:11px}}.inbox.svelte-1qafmuc{flex:1;overflow-y:auto}.center.svelte-1qafmuc{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.empty-icon.svelte-1qafmuc{opacity:.4;width:48px;height:48px}.center.svelte-1qafmuc p:where(.svelte-1qafmuc){font-size:15px;font-weight:500}.hint.svelte-1qafmuc{color:var(--text-muted);font-size:12px}.spinner.svelte-1qafmuc{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite svelte-1qafmuc-spin}@keyframes svelte-1qafmuc-spin{to{transform:rotate(360deg)}}.inbox-list.svelte-1qafmuc{flex-direction:column;display:flex}.inbox-item.svelte-1qafmuc{color:inherit;text-align:left;border-bottom:1px solid var(--border);background:0 0;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.inbox-item.svelte-1qafmuc:hover{background:var(--bg-hover)}.inbox-item.unread.svelte-1qafmuc{background:var(--accent-soft)}.sender-info.svelte-1qafmuc{flex-shrink:0;position:relative}.sender-avatar.svelte-1qafmuc{object-fit:cover;border-radius:50%;width:36px;height:36px}.unread-dot.svelte-1qafmuc{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.item-content.svelte-1qafmuc{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.item-header.svelte-1qafmuc{justify-content:space-between;align-items:center;display:flex}.sender-name.svelte-1qafmuc{color:var(--text-primary);font-size:13px;font-weight:600}.item-time.svelte-1qafmuc{color:var(--text-muted);font-size:11px}.item-song.svelte-1qafmuc{background:var(--bg-card);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.item-thumb.svelte-1qafmuc{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.item-song-info.svelte-1qafmuc{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.item-title.svelte-1qafmuc{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.item-channel.svelte-1qafmuc{color:var(--text-muted);font-size:10px}.item-message.svelte-1qafmuc{color:var(--text-secondary);font-size:12px;font-style:italic}@media (width<=640px){.inbox-item.svelte-1qafmuc{gap:10px;padding:10px 12px}.sender-avatar.svelte-1qafmuc{width:32px;height:32px}.sender-name.svelte-1qafmuc{font-size:12px}.item-song.svelte-1qafmuc{gap:8px;padding:6px 8px}.item-thumb.svelte-1qafmuc{width:32px;height:32px}.item-title.svelte-1qafmuc,.item-message.svelte-1qafmuc{font-size:11px}}.overlay.svelte-lgz2lc{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;animation:.2s svelte-lgz2lc-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-lgz2lc-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-lgz2lc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:360px;max-width:90%;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 16px 48px #00000080}h3.svelte-lgz2lc{margin-bottom:16px;font-size:18px;font-weight:700}h4.svelte-lgz2lc{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.song-preview.svelte-lgz2lc{background:var(--bg-card);border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.song-thumb.svelte-lgz2lc{object-fit:cover;border-radius:6px;width:44px;height:44px}.song-info.svelte-lgz2lc{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-title.svelte-lgz2lc{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.song-channel.svelte-lgz2lc{color:var(--text-muted);font-size:11px}.copy-link.svelte-lgz2lc{background:var(--accent-soft);width:100%;color:var(--accent);border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:11px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.copy-link.svelte-lgz2lc:hover{background:var(--accent);color:#fff}.copy-link.svelte-lgz2lc svg:where(.svelte-lgz2lc){flex-shrink:0;width:16px;height:16px}.message-input.svelte-lgz2lc{background:var(--bg-card);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.message-input.svelte-lgz2lc:focus{border-color:var(--accent)}.message-input.svelte-lgz2lc::placeholder{color:var(--text-muted)}.friends-section.svelte-lgz2lc{margin-bottom:12px}.loading-small.svelte-lgz2lc{justify-content:center;padding:16px;display:flex}.spinner.svelte-lgz2lc{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite svelte-lgz2lc-spin}@keyframes svelte-lgz2lc-spin{to{transform:rotate(360deg)}}.no-friends.svelte-lgz2lc{color:var(--text-muted);text-align:center;padding:16px;font-size:13px}.friends-list.svelte-lgz2lc{flex-direction:column;gap:4px;display:flex}.friend-item.svelte-lgz2lc{color:inherit;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.friend-item.svelte-lgz2lc:hover{background:var(--bg-hover)}.friend-avatar.svelte-lgz2lc{object-fit:cover;border-radius:50%;width:32px;height:32px}.friend-name.svelte-lgz2lc{text-align:left;flex:1;font-size:13px;font-weight:500}.send-icon.svelte-lgz2lc{width:16px;height:16px;color:var(--bg-primary);background:var(--accent);box-sizing:content-box;border-radius:50%;padding:4px;transition:transform .15s}.friend-item.svelte-lgz2lc:hover .send-icon:where(.svelte-lgz2lc){transform:scale(1.15)}.cancel-btn.svelte-lgz2lc{width:100%;color:var(--text-muted);background:0 0;border-radius:8px;padding:10px;font-size:14px}.cancel-btn.svelte-lgz2lc:hover{background:var(--bg-card);color:var(--text-primary)}@media (width<=640px){.modal.svelte-lgz2lc{width:100%;max-width:none;margin:0 12px;padding:20px 18px}h3.svelte-lgz2lc{font-size:16px}.song-preview.svelte-lgz2lc{gap:10px;padding:10px}.song-thumb.svelte-lgz2lc{width:38px;height:38px}.friend-item.svelte-lgz2lc{padding:8px}.friend-avatar.svelte-lgz2lc{width:28px;height:28px}}.overlay.svelte-gfjebo{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;animation:.15s svelte-gfjebo-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-gfjebo-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-gfjebo{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:340px;max-width:90%;padding:28px 24px;box-shadow:0 16px 48px #00000080}h3.svelte-gfjebo{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.modal-song.svelte-gfjebo{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px;font-size:13px;overflow:hidden}.format-options.svelte-gfjebo{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.format-card.svelte-gfjebo{background:var(--bg-card);text-align:left;color:inherit;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.format-card.svelte-gfjebo:hover{background:var(--bg-hover);transform:translateY(-1px)}.format-icon.svelte-gfjebo{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.format-icon.webm.svelte-gfjebo{color:var(--accent);background:#e5393526}.format-icon.mp3.svelte-gfjebo{color:#2979ff;background:#2979ff26}.format-icon.svelte-gfjebo svg:where(.svelte-gfjebo){width:22px;height:22px}.format-info.svelte-gfjebo{flex-direction:column;gap:2px;display:flex}.format-name.svelte-gfjebo{color:var(--text-primary);font-size:14px;font-weight:600}.format-desc.svelte-gfjebo{color:var(--text-muted);font-size:12px}.format-badge.svelte-gfjebo{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.cancel-btn.svelte-gfjebo{width:100%;color:var(--text-muted);background:0 0;border-radius:8px;padding:10px;font-size:14px;transition:all .15s}.cancel-btn.svelte-gfjebo:hover{background:var(--bg-card);color:var(--text-primary)}@media (width<=640px){.modal.svelte-gfjebo{border-radius:14px;width:100%;max-width:none;margin:0 12px;padding:20px 18px}h3.svelte-gfjebo{font-size:16px}.format-card.svelte-gfjebo{gap:12px;padding:12px}.format-icon.svelte-gfjebo{width:38px;height:38px}.format-name.svelte-gfjebo{font-size:13px}}.overlay.svelte-1pmkxw7{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;animation:.2s svelte-1pmkxw7-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-1pmkxw7-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-1pmkxw7{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:380px;max-width:90%;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 16px 48px #00000080}h3.svelte-1pmkxw7{margin-bottom:16px;font-size:20px;font-weight:700}.song-preview.svelte-1pmkxw7{background:var(--bg-card);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.song-thumb.svelte-1pmkxw7{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.song-info.svelte-1pmkxw7{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.song-title.svelte-1pmkxw7{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.song-channel.svelte-1pmkxw7{color:var(--text-muted);font-size:11px}.new-playlist-btn.svelte-1pmkxw7{background:var(--accent-soft);width:100%;color:var(--accent);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.new-playlist-btn.svelte-1pmkxw7:hover{background:var(--accent);color:#fff}.new-playlist-btn.svelte-1pmkxw7:hover .new-icon:where(.svelte-1pmkxw7){color:#fff;background:#fff3}.new-icon.svelte-1pmkxw7{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.new-icon.svelte-1pmkxw7 svg:where(.svelte-1pmkxw7){width:20px;height:20px}.create-section.svelte-1pmkxw7{background:var(--bg-card);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;display:flex}.create-section.svelte-1pmkxw7 input:where(.svelte-1pmkxw7){background:var(--bg-hover);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px}.create-section.svelte-1pmkxw7 input:where(.svelte-1pmkxw7):focus{border-color:var(--accent)}.create-section.svelte-1pmkxw7 input:where(.svelte-1pmkxw7)::placeholder{color:var(--text-muted)}.create-actions.svelte-1pmkxw7{justify-content:flex-end;gap:8px;display:flex}.cancel-create.svelte-1pmkxw7{color:var(--text-muted);background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.cancel-create.svelte-1pmkxw7:hover{color:var(--text-primary)}.confirm-create.svelte-1pmkxw7{background:var(--accent);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.confirm-create.svelte-1pmkxw7:hover:not(:disabled){background:var(--accent-hover)}.confirm-create.svelte-1pmkxw7:disabled{opacity:.5;cursor:not-allowed}.playlist-list.svelte-1pmkxw7{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.playlist-item.svelte-1pmkxw7{color:inherit;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.playlist-item.svelte-1pmkxw7:hover{background:var(--bg-hover)}.playlist-icon.svelte-1pmkxw7{background:var(--bg-card);width:40px;height:40px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlist-icon.svelte-1pmkxw7 svg:where(.svelte-1pmkxw7){width:20px;height:20px}.playlist-info.svelte-1pmkxw7{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.playlist-name.svelte-1pmkxw7{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.playlist-count.svelte-1pmkxw7{color:var(--text-muted);font-size:11px}.add-icon.svelte-1pmkxw7{width:18px;height:18px;color:var(--text-muted);opacity:0;flex-shrink:0;transition:all .15s}.playlist-item.svelte-1pmkxw7:hover .add-icon:where(.svelte-1pmkxw7){opacity:1;color:var(--accent)}.loading.svelte-1pmkxw7{justify-content:center;padding:20px;display:flex}.spinner.svelte-1pmkxw7{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite svelte-1pmkxw7-spin}@keyframes svelte-1pmkxw7-spin{to{transform:rotate(360deg)}}.empty.svelte-1pmkxw7{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.close-btn.svelte-1pmkxw7{width:100%;color:var(--text-muted);background:0 0;border-radius:8px;padding:10px;font-size:14px;transition:all .15s}.close-btn.svelte-1pmkxw7:hover{background:var(--bg-card);color:var(--text-primary)}@media (width<=640px){.modal.svelte-1pmkxw7{width:100%;max-width:none;margin:0 12px;padding:20px 18px}.playlist-item.svelte-1pmkxw7{padding:8px 10px}}.app.svelte-1n46o8q{height:100vh;display:flex}main.svelte-1n46o8q{flex-direction:column;flex:1;min-width:0;padding-bottom:72px;display:flex}.desktop-greeting.svelte-1n46o8q{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:15px}.desktop-greeting.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--accent)}.mobile-top.svelte-1n46o8q{display:none}.mobile-greeting.svelte-1n46o8q{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;font-size:13px;overflow:hidden}.mobile-greeting.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--accent)}header.svelte-1n46o8q{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 20px}.header-row.svelte-1n46o8q{align-items:center;gap:12px;min-height:56px;display:flex}.header-row.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:var(--text-primary);letter-spacing:-.3px;flex:1;font-size:20px;font-weight:700}.folder-btn.svelte-1n46o8q{background:var(--bg-card);color:var(--text-secondary);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.folder-btn.svelte-1n46o8q:hover{background:var(--bg-hover);color:var(--text-primary)}.folder-btn.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:14px;height:14px}.folder-path.svelte-1n46o8q{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.playlists-view.svelte-1n46o8q{flex:1;padding:24px;overflow-y:auto}.create-playlist.svelte-1n46o8q{gap:10px;max-width:400px;margin-bottom:24px;display:flex}.create-playlist.svelte-1n46o8q input:where(.svelte-1n46o8q){background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.create-playlist.svelte-1n46o8q input:where(.svelte-1n46o8q):focus{border-color:var(--accent)}.create-playlist.svelte-1n46o8q input:where(.svelte-1n46o8q)::placeholder{color:var(--text-muted)}.create-playlist.svelte-1n46o8q button:where(.svelte-1n46o8q){background:var(--accent);color:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.create-playlist.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{background:var(--accent-hover)}.playlist-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.playlist-card.svelte-1n46o8q{background:var(--bg-card);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:20px 16px;transition:background .15s;display:flex;position:relative}.playlist-card.svelte-1n46o8q:hover{background:var(--bg-hover)}.playlist-icon.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:32px;height:32px;color:var(--accent)}.playlist-name.svelte-1n46o8q{color:var(--text-primary);font-size:15px;font-weight:600}.playlist-count.svelte-1n46o8q{color:var(--text-muted);font-size:12px}.delete-pl.svelte-1n46o8q{color:var(--text-muted);opacity:0;background:0 0;border-radius:50%;padding:4px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.playlist-card.svelte-1n46o8q:hover .delete-pl:where(.svelte-1n46o8q){opacity:1}.delete-pl.svelte-1n46o8q:hover{color:var(--danger);background:#e74c3c1a}.delete-pl.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:16px;height:16px}.no-playlists.svelte-1n46o8q{color:var(--text-muted);text-align:center;padding:60px 0;font-size:14px}@media (width<=768px){.app.svelte-1n46o8q{flex-direction:column}main.svelte-1n46o8q{padding-bottom:130px}.mobile-top.svelte-1n46o8q{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mobile-logo.svelte-1n46o8q{background:0 0;padding:0;display:flex}.mobile-hamburger.svelte-1n46o8q{color:var(--text-secondary);background:0 0;border-radius:8px;padding:6px;transition:color .15s;display:flex;position:relative}.mobile-hamburger.svelte-1n46o8q:hover{color:var(--text-primary)}.mobile-hamburger.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:22px;height:22px}.hamburger-badge.svelte-1n46o8q{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.mobile-menu-overlay.svelte-1n46o8q{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s svelte-1n46o8q-fadeIn;position:fixed;inset:0}.mobile-menu.svelte-1n46o8q{background:var(--bg-secondary);z-index:95;flex-direction:column;width:300px;max-width:85%;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) svelte-1n46o8q-slideRight;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 40px #0006}@keyframes svelte-1n46o8q-slideRight{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0}to{opacity:1}}.menu-header.svelte-1n46o8q{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.menu-profile.svelte-1n46o8q{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.menu-avatar.svelte-1n46o8q{border:2px solid var(--accent);object-fit:cover;border-radius:50%;width:44px;height:44px}.menu-user-info.svelte-1n46o8q{flex-direction:column;gap:2px;display:flex}.menu-user-name.svelte-1n46o8q{color:var(--text-primary);font-size:16px;font-weight:700}.menu-user-email.svelte-1n46o8q{color:var(--text-muted);font-size:12px}.menu-close.svelte-1n46o8q{color:var(--text-muted);background:#ffffff0f;border-radius:50%;padding:8px;transition:all .15s;display:flex}.menu-close.svelte-1n46o8q:hover{color:var(--text-primary);background:#ffffff1a}.menu-close.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:18px;height:18px}.mobile-menu-items.svelte-1n46o8q{flex-direction:column;flex:1;padding:8px 0;display:flex}.mobile-menu-items.svelte-1n46o8q button:where(.svelte-1n46o8q){color:var(--text-secondary);background:0 0;align-items:center;gap:16px;padding:14px 20px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.mobile-menu-items.svelte-1n46o8q button:where(.svelte-1n46o8q):active{background:var(--accent-soft);color:var(--accent)}.mobile-menu-items.svelte-1n46o8q button:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){flex-shrink:0;width:22px;height:22px}.mobile-menu-items.svelte-1n46o8q button:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q):first-of-type{flex:1}.menu-divider.svelte-1n46o8q{background:var(--border);height:1px;margin:8px 16px}.menu-badge.svelte-1n46o8q{background:var(--accent);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.menu-footer.svelte-1n46o8q{border-top:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.desktop-greeting.svelte-1n46o8q{display:none}header.svelte-1n46o8q{padding:0 12px}.header-row.svelte-1n46o8q{min-height:48px}.header-row.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:16px}.folder-path.svelte-1n46o8q{display:none}.playlist-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.playlists-view.svelte-1n46o8q{padding:16px}.albums-section.svelte-1n46o8q{padding:12px}.albums-row.svelte-1n46o8q{gap:10px}.album-card.svelte-1n46o8q{width:130px}.album-cover.svelte-1n46o8q{width:130px;height:130px}}.search-results.svelte-1n46o8q{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.albums-section.svelte-1n46o8q{flex-shrink:0;padding:20px 20px 0}.albums-section.svelte-1n46o8q h3:where(.svelte-1n46o8q),.songs-heading.svelte-1n46o8q{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:14px;font-size:16px;font-weight:700}.songs-heading.svelte-1n46o8q{flex-shrink:0;padding:12px 20px 0}.albums-row.svelte-1n46o8q{gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.album-card.svelte-1n46o8q{width:150px;color:inherit;text-align:left;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;gap:8px;padding:8px;transition:background .15s;display:flex}.album-card.svelte-1n46o8q:hover{background:var(--bg-card)}.album-cover.svelte-1n46o8q{border-radius:8px;width:134px;height:134px;position:relative;overflow:hidden}.album-cover.svelte-1n46o8q img:where(.svelte-1n46o8q){object-fit:cover;width:100%;height:100%}.album-play.svelte-1n46o8q{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.album-play.svelte-1n46o8q svg:where(.svelte-1n46o8q){filter:drop-shadow(0 2px 4px #0006);width:32px;height:32px}.album-card.svelte-1n46o8q:hover .album-play:where(.svelte-1n46o8q){opacity:1}.album-title.svelte-1n46o8q{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.album-artist.svelte-1n46o8q{color:var(--text-muted);font-size:11px}