@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-base: #121212;--bg-surface: #181818;--bg-elevated: #282828;--bg-hover: #2a2a2a;--bg-sidebar: #000000;--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent-color: #2563eb;--danger-color: #ef4444;--border-subtle: #282828;--range-track: #404040;--scrollbar-thumb: rgba(255,255,255,.1);--scrollbar-thumb-hover: rgba(255,255,255,.2)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-base);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}.header{margin-bottom:32px}.header p{color:var(--text-secondary);margin-top:8px;font-size:14px}.page-title{font-size:32px;font-weight:800;letter-spacing:-.02em}button{cursor:pointer;background:var(--text-primary);color:var(--bg-base);border:none;padding:10px 24px;font-weight:600;font-size:14px;border-radius:32px;transition:.2s}button:hover{transform:scale(1.02);filter:brightness(.9)}button:active{transform:scale(.98)}button.danger{background:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}button.danger:hover{background:var(--danger-color);color:#fff;filter:none}.icon-btn{background:transparent;color:var(--text-secondary);padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:none;filter:none}.icon-btn.active{color:var(--accent-color)}input[type=text],input[type=password]{background:var(--bg-elevated);border:1px solid transparent;color:var(--text-primary);padding:14px 20px;outline:none;font-size:14px;border-radius:8px;transition:.2s}input:focus{border-color:var(--border-subtle);background:var(--bg-hover)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;height:12px;display:flex;align-items:center}input[type=range]::-webkit-slider-runnable-track{background:var(--range-track);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;background:#fff;border-radius:50%;margin-top:-4px;transition:.1s;box-shadow:0 1px 3px #00000080}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]::-moz-range-track{background:var(--range-track);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;width:12px;background:#fff;border-radius:50%;border:none;transition:.1s;box-shadow:0 1px 3px #00000080}input[type=range]:hover::-moz-range-thumb{transform:scale(1.2)}.artist-link{cursor:pointer;transition:color .2s;display:inline-block}.artist-link:hover{color:var(--text-primary);text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 600px){button{min-height:44px}input[type=text],input[type=password]{font-size:16px;padding:16px}.grid{grid-template-columns:1fr 1fr;gap:12px}}.toast-container.svelte-dw31nl.svelte-dw31nl{position:fixed;bottom:110px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast.svelte-dw31nl.svelte-dw31nl{display:flex;align-items:stretch;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;min-width:220px;max-width:300px;box-shadow:0 4px 20px #00000040;pointer-events:all}.bar.svelte-dw31nl.svelte-dw31nl{width:3px;flex-shrink:0}.toast.success.svelte-dw31nl .bar.svelte-dw31nl{background:var(--success-color)}.toast.error.svelte-dw31nl .bar.svelte-dw31nl{background:var(--danger-color)}.toast.info.svelte-dw31nl .bar.svelte-dw31nl{background:var(--accent-color)}.msg.svelte-dw31nl.svelte-dw31nl{padding:11px 14px;font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}@media (max-width: 600px){.toast-container.svelte-dw31nl.svelte-dw31nl{bottom:auto;top:16px;right:12px;left:12px}.toast.svelte-dw31nl.svelte-dw31nl{max-width:100%}}.queue-panel.svelte-1n3bjxu.svelte-1n3bjxu{position:fixed;right:0;top:0;bottom:90px;width:320px;background:var(--bg-surface);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:.3s;z-index:400;display:flex;flex-direction:column}.queue-panel.open.svelte-1n3bjxu.svelte-1n3bjxu{transform:translate(0)}.queue-panel.inline.svelte-1n3bjxu.svelte-1n3bjxu{position:relative;width:100%;height:100%;transform:none;border:none;z-index:1;bottom:auto;right:auto;top:auto}.header.svelte-1n3bjxu.svelte-1n3bjxu{padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);flex-shrink:0;height:60px}.header.svelte-1n3bjxu h3.svelte-1n3bjxu{font-size:16px;font-weight:700;margin:0}.tabs.svelte-1n3bjxu.svelte-1n3bjxu{display:flex;gap:16px}.tabs.svelte-1n3bjxu button.svelte-1n3bjxu{background:none;border:none;padding:0;font-size:16px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.tabs.svelte-1n3bjxu button.active.svelte-1n3bjxu{color:var(--text-primary)}.tabs.svelte-1n3bjxu button.svelte-1n3bjxu:hover:not(.active){color:var(--text-primary);opacity:.8}.header-actions.svelte-1n3bjxu.svelte-1n3bjxu{display:flex;align-items:center;gap:4px}.icon-btn.svelte-1n3bjxu.svelte-1n3bjxu{background:transparent;color:var(--text-secondary);padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.icon-btn.svelte-1n3bjxu.svelte-1n3bjxu:hover{color:var(--text-primary);background:var(--bg-hover)}.save-btn.active.svelte-1n3bjxu.svelte-1n3bjxu{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 15%,transparent)}.save-row.svelte-1n3bjxu.svelte-1n3bjxu{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.save-input.svelte-1n3bjxu.svelte-1n3bjxu{flex:1;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:7px 10px;border-radius:6px;font-size:13px;outline:none;font-family:inherit}.save-input.svelte-1n3bjxu.svelte-1n3bjxu:focus{border-color:var(--accent-color)}.save-confirm-btn.svelte-1n3bjxu.svelte-1n3bjxu{background:var(--accent-color);color:#fff;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;border:none;cursor:pointer}.save-confirm-btn.svelte-1n3bjxu.svelte-1n3bjxu:disabled{opacity:.4;cursor:not-allowed}.save-confirm-btn.svelte-1n3bjxu.svelte-1n3bjxu:not(:disabled):hover{filter:brightness(.88)}.queue-list.svelte-1n3bjxu.svelte-1n3bjxu{flex:1;overflow-y:auto;padding:8px}.queue-item.playing.svelte-1n3bjxu.svelte-1n3bjxu{background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:6px}.msg.svelte-1n3bjxu.svelte-1n3bjxu{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}@media (max-width: 600px){.queue-panel.svelte-1n3bjxu.svelte-1n3bjxu:not(.inline){width:100%;bottom:0;top:0;height:100dvh}.header.svelte-1n3bjxu h3.svelte-1n3bjxu,.tabs.svelte-1n3bjxu button.svelte-1n3bjxu{font-size:18px}}.desktop-expanded-view.svelte-11tdwsj{position:fixed;top:0;bottom:90px;left:260px;right:0;z-index:400;display:flex;flex-direction:row;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.desktop-expanded-now-playing.svelte-11tdwsj{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:24px;min-width:320px;position:relative}.desktop-large-art.svelte-11tdwsj{width:min(500px,100%);aspect-ratio:1;border-radius:12px;box-shadow:0 12px 48px #0006;font-size:64px;flex-shrink:0;transition:width .5s cubic-bezier(.16,1,.3,1)}.desktop-large-title.svelte-11tdwsj{font-size:36px;font-weight:800;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.desktop-large-artist.svelte-11tdwsj{font-size:20px;color:var(--text-secondary);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.pane-content-wrapper.svelte-11tdwsj{display:flex;flex-direction:column;height:100%;flex-shrink:0}.similar-wrapper.svelte-11tdwsj{width:440px}.queue-wrapper.svelte-11tdwsj{width:400px}.expanded-similar-pane.svelte-11tdwsj,.expanded-queue-pane.svelte-11tdwsj{min-width:0;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border-subtle);overflow:hidden;opacity:1;transition:max-width .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,border-color .4s ease}.expanded-similar-pane.svelte-11tdwsj{width:440px;max-width:440px}.expanded-queue-pane.svelte-11tdwsj{width:400px;max-width:400px}.expanded-similar-header.svelte-11tdwsj{padding:0 16px;display:flex;align-items:center;height:60px;font-size:16px;font-weight:700;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.expanded-similar-list.svelte-11tdwsj{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;align-content:flex-start;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0) scale(1)}.expanded-similar-list.is-hiding.svelte-11tdwsj{opacity:0;transform:translateY(10px) scale(.97);pointer-events:none}.expanded-similar-item.svelte-11tdwsj{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:12px;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .3s ease,box-shadow .3s ease;background:var(--bg-elevated);border:1px solid var(--border-subtle);will-change:transform}.expanded-similar-item.svelte-11tdwsj:hover{background:var(--bg-hover);transform:scale(1.05);box-shadow:0 12px 24px #00000026}.similar-item-art.svelte-11tdwsj{width:100%;aspect-ratio:1;border-radius:8px;flex-shrink:0;font-size:32px;box-shadow:0 4px 12px #0003}.similar-item-info.svelte-11tdwsj{display:flex;flex-direction:column;gap:4px;width:100%;text-align:center}.similar-item-title.svelte-11tdwsj{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.similar-item-artist.svelte-11tdwsj{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.expanded-similar-msg.svelte-11tdwsj{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}@media (max-width: 1550px){.expanded-similar-pane.svelte-11tdwsj{max-width:0;opacity:0;border-left-color:transparent;pointer-events:none}}@media (max-width: 1000px){.expanded-queue-pane.svelte-11tdwsj{max-width:0;opacity:0;border-left-color:transparent;pointer-events:none}}.player-wrapper.svelte-1bs3iue.svelte-1bs3iue{position:fixed;bottom:0;left:260px;right:0;z-index:100;background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);transition:.3s}.player-wrapper.expanded.svelte-1bs3iue.svelte-1bs3iue{top:0;bottom:0;z-index:500;border-top:none}.player-layout.svelte-1bs3iue.svelte-1bs3iue{display:flex;width:100%;height:100%}.player-bar.svelte-1bs3iue.svelte-1bs3iue{padding:0 24px;position:relative;height:90px;flex:1;cursor:pointer}.expanded-queue-pane.svelte-1bs3iue.svelte-1bs3iue{width:400px;border-left:1px solid var(--border-subtle);background:var(--bg-surface);display:flex;flex-direction:column}.controls-area.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;justify-content:space-between;height:100%}.data-group.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;gap:16px;width:30%}.data-group.svelte-1bs3iue .artwork.svelte-1bs3iue{width:56px;height:56px;border-radius:4px;flex-shrink:0;font-size:20px;font-weight:800;color:var(--text-primary)}.data-row.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.metadata.svelte-1bs3iue.svelte-1bs3iue{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.title.svelte-1bs3iue.svelte-1bs3iue{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist.svelte-1bs3iue.svelte-1bs3iue{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist.svelte-1bs3iue .artist-link.svelte-1bs3iue{cursor:pointer}.artist.svelte-1bs3iue .artist-link.svelte-1bs3iue:hover{color:var(--text-primary);text-decoration:underline}.album.svelte-1bs3iue.svelte-1bs3iue{font-size:11px;color:var(--text-secondary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.album-link.svelte-1bs3iue.svelte-1bs3iue{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.album-link.svelte-1bs3iue.svelte-1bs3iue:hover{color:var(--text-primary);opacity:1;text-decoration:underline}.mobile-marquee-viewport.svelte-1bs3iue.svelte-1bs3iue{min-width:0;width:100%;overflow:hidden}.mobile-marquee-track.svelte-1bs3iue.svelte-1bs3iue{min-width:0;width:100%;white-space:nowrap}.mobile-marquee-track.overflowing.svelte-1bs3iue.svelte-1bs3iue{display:inline-flex;align-items:center;width:max-content;max-width:none;animation:svelte-1bs3iue-marqueeLoop var(--marquee-duration) linear infinite;will-change:transform}.mobile-marquee-track.svelte-1bs3iue:not(.overflowing) .mobile-marquee-sep.svelte-1bs3iue,.mobile-marquee-track.svelte-1bs3iue:not(.overflowing) .mobile-marquee-copy-clone.svelte-1bs3iue{display:none}.mobile-marquee-sep.svelte-1bs3iue.svelte-1bs3iue{display:none;width:26px;text-align:center;opacity:.6}.mobile-marquee-track.overflowing.svelte-1bs3iue .mobile-marquee-sep.svelte-1bs3iue{display:inline-flex;align-items:center;justify-content:center}.actions.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;gap:4px;flex-shrink:0}.action-btn.svelte-1bs3iue.svelte-1bs3iue{background:transparent;padding:8px;color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center}.action-btn.svelte-1bs3iue.svelte-1bs3iue:hover{color:var(--text-primary);transform:scale(1.05)}.action-btn.active.svelte-1bs3iue.svelte-1bs3iue,.action-btn.liked.svelte-1bs3iue.svelte-1bs3iue{color:var(--accent-color)}.action-btn.disliked.svelte-1bs3iue.svelte-1bs3iue{color:var(--danger-color)}.progress-hitbox.svelte-1bs3iue.svelte-1bs3iue{width:100%;height:16px;position:absolute;top:-8px;left:0;cursor:pointer;display:flex;align-items:center;z-index:10}.progress-bg.svelte-1bs3iue.svelte-1bs3iue{width:100%;height:3px;background:var(--bg-hover);position:relative;border-radius:2px}.progress-bar.svelte-1bs3iue.svelte-1bs3iue{height:100%;background:var(--text-primary);position:relative;border-radius:2px}.progress-thumb.svelte-1bs3iue.svelte-1bs3iue{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--text-primary);border-radius:50%;opacity:0;box-shadow:0 2px 4px #00000080}.progress-hitbox.svelte-1bs3iue:hover .progress-bar.svelte-1bs3iue,.progress-hitbox.dragging.svelte-1bs3iue .progress-bar.svelte-1bs3iue{background:var(--accent-color)}.progress-hitbox.svelte-1bs3iue:hover .progress-thumb.svelte-1bs3iue,.progress-hitbox.dragging.svelte-1bs3iue .progress-thumb.svelte-1bs3iue{opacity:1}.progress-hitbox.dragging.svelte-1bs3iue.svelte-1bs3iue{cursor:grabbing}.transport-group.svelte-1bs3iue.svelte-1bs3iue{display:flex;gap:24px;width:40%;justify-content:center;align-items:center}.transport-btn.svelte-1bs3iue.svelte-1bs3iue{background:transparent;padding:8px;color:var(--text-secondary)}.transport-btn.svelte-1bs3iue.svelte-1bs3iue:hover{color:var(--text-primary)}.play-btn.svelte-1bs3iue.svelte-1bs3iue{width:32px;height:32px;padding:0;border-radius:50%;background:var(--text-primary);color:var(--bg-base);display:flex;align-items:center;justify-content:center}.play-btn.svelte-1bs3iue.svelte-1bs3iue:hover{transform:scale(1.05)}.right-group.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:30%}.time-display.svelte-1bs3iue.svelte-1bs3iue{font-size:12px;color:var(--text-secondary);margin-right:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.volume-slider.svelte-1bs3iue.svelte-1bs3iue{width:80px}.idle-text.svelte-1bs3iue.svelte-1bs3iue{width:100%;text-align:center;color:var(--text-secondary);font-size:14px;line-height:90px}.track-info-panel.svelte-1bs3iue.svelte-1bs3iue{position:fixed;bottom:90px;right:0;width:380px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px 8px 0 0;padding:16px;box-shadow:0 -8px 24px #0006;z-index:600}.info-header.svelte-1bs3iue.svelte-1bs3iue{display:flex;align-items:center;gap:10px;margin-bottom:12px}.info-title.svelte-1bs3iue.svelte-1bs3iue{font-size:13px;font-weight:700;color:var(--text-primary);flex:1}.provider-badge.svelte-1bs3iue.svelte-1bs3iue{font-size:11px;font-weight:600;background:var(--accent-color);color:var(--bg-base);padding:2px 8px;border-radius:10px}.info-close.svelte-1bs3iue.svelte-1bs3iue{background:transparent;padding:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.info-close.svelte-1bs3iue.svelte-1bs3iue:hover{color:var(--text-primary)}.info-rows.svelte-1bs3iue.svelte-1bs3iue{display:flex;flex-direction:column;gap:8px}.info-row.svelte-1bs3iue.svelte-1bs3iue{display:flex;gap:12px;align-items:baseline}.info-label.svelte-1bs3iue.svelte-1bs3iue{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);min-width:80px;flex-shrink:0}.info-value.svelte-1bs3iue.svelte-1bs3iue{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.info-value.mono.svelte-1bs3iue.svelte-1bs3iue{font-family:monospace;font-size:11px}.info-link.svelte-1bs3iue.svelte-1bs3iue{color:var(--accent-color);text-decoration:none}.info-link.svelte-1bs3iue.svelte-1bs3iue:hover{text-decoration:underline}.expanded-header.svelte-1bs3iue.svelte-1bs3iue,.expanded-time.svelte-1bs3iue.svelte-1bs3iue{display:none}@keyframes svelte-1bs3iue-marqueeLoop{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-shift)))}}.player-wrapper.expanded.svelte-1bs3iue.svelte-1bs3iue{background:var(--bg-surface);height:100dvh;border-radius:0;margin:0}.player-wrapper.expanded.svelte-1bs3iue .player-bar.svelte-1bs3iue{display:flex;flex-direction:row;align-items:center;height:100%;padding:40px;gap:60px;cursor:default}.player-wrapper.expanded.svelte-1bs3iue .expanded-header.svelte-1bs3iue{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;position:absolute;top:40px;left:40px;right:40px}.player-wrapper.expanded.svelte-1bs3iue .controls-area.svelte-1bs3iue{display:flex;flex-direction:column;flex:1;justify-content:center;padding-bottom:0;padding-top:60px}.player-wrapper.expanded.svelte-1bs3iue .data-group.svelte-1bs3iue{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:0;margin-bottom:0;flex:1;justify-content:center}.player-wrapper.expanded.svelte-1bs3iue .data-group .artwork.svelte-1bs3iue{width:100%;max-width:480px;height:auto;aspect-ratio:1;border-radius:12px;box-shadow:0 16px 32px #00000080;font-size:72px}.player-wrapper.expanded.svelte-1bs3iue .data-row.svelte-1bs3iue{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;margin-top:16px}.player-wrapper.expanded.svelte-1bs3iue .metadata.svelte-1bs3iue{gap:6px;margin-bottom:24px;width:100%}.player-wrapper.expanded.svelte-1bs3iue .metadata .title.svelte-1bs3iue{font-size:36px;font-weight:800;line-height:1.1;margin-bottom:0;white-space:normal}.player-wrapper.expanded.svelte-1bs3iue .metadata .artist.svelte-1bs3iue{font-size:20px;line-height:1.3}.player-wrapper.expanded.svelte-1bs3iue .metadata .album.svelte-1bs3iue{font-size:16px;line-height:1.35;color:var(--text-primary);opacity:.82;margin-top:0;white-space:normal;overflow:visible;text-overflow:clip}.player-wrapper.expanded.svelte-1bs3iue .metadata .album-link.svelte-1bs3iue{color:inherit}.player-wrapper.expanded.svelte-1bs3iue .actions.svelte-1bs3iue{display:flex;gap:12px;margin-bottom:24px;width:100%}.player-wrapper.expanded.svelte-1bs3iue .actions .action-btn.svelte-1bs3iue{padding:8px}.player-wrapper.expanded.svelte-1bs3iue .actions .action-btn svg.svelte-1bs3iue{width:24px;height:24px}.player-wrapper.expanded.svelte-1bs3iue .progress-hitbox.svelte-1bs3iue{position:relative;bottom:auto;left:auto;width:100%;height:24px;margin-top:16px;display:flex;align-items:center}.player-wrapper.expanded.svelte-1bs3iue .progress-bg.svelte-1bs3iue{height:4px;border-radius:2px;width:100%}.player-wrapper.expanded.svelte-1bs3iue .progress-thumb.svelte-1bs3iue{display:block;width:12px;height:12px;opacity:1}.player-wrapper.expanded.svelte-1bs3iue .expanded-time.svelte-1bs3iue{width:100%;display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:-4px;margin-bottom:24px}.player-wrapper.expanded.svelte-1bs3iue .transport-group.svelte-1bs3iue{width:100%;display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:32px}.player-wrapper.expanded.svelte-1bs3iue .transport-btn.svelte-1bs3iue{display:flex;padding:12px}.player-wrapper.expanded.svelte-1bs3iue .transport-btn svg.svelte-1bs3iue{width:32px;height:32px}.player-wrapper.expanded.svelte-1bs3iue .play-btn.svelte-1bs3iue{width:72px;height:72px;background:var(--text-primary);color:var(--bg-base);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.player-wrapper.expanded.svelte-1bs3iue .play-btn svg.svelte-1bs3iue{width:36px;height:36px}.player-wrapper.expanded.svelte-1bs3iue .right-group.svelte-1bs3iue{display:flex;width:100%;justify-content:space-between}.player-wrapper.expanded.svelte-1bs3iue .desktop-time.svelte-1bs3iue,.player-wrapper.expanded.svelte-1bs3iue .action-vol.svelte-1bs3iue{display:none}@media (min-width: 601px) and (max-width: 1060px){.time-display.svelte-1bs3iue.svelte-1bs3iue,.volume-slider.svelte-1bs3iue.svelte-1bs3iue{display:none}.right-group.svelte-1bs3iue.svelte-1bs3iue{gap:4px}}@media (min-width: 601px) and (max-width: 860px){.right-group.svelte-1bs3iue.svelte-1bs3iue{display:none}.transport-group.svelte-1bs3iue.svelte-1bs3iue{width:auto;flex:0 0 auto}.data-group.svelte-1bs3iue.svelte-1bs3iue{flex:1;width:auto}}@media (max-width: 900px){.player-wrapper.expanded.svelte-1bs3iue .player-bar.svelte-1bs3iue{flex-direction:column;gap:20px;padding:24px}.player-wrapper.expanded.svelte-1bs3iue .expanded-header.svelte-1bs3iue{position:relative;top:auto;left:auto;right:auto}.player-wrapper.expanded.svelte-1bs3iue .controls-area.svelte-1bs3iue{padding-top:0}.player-wrapper.expanded.svelte-1bs3iue .metadata .title.svelte-1bs3iue{font-size:24px}.player-wrapper.expanded.svelte-1bs3iue .metadata .artist.svelte-1bs3iue{font-size:16px}.player-wrapper.expanded.svelte-1bs3iue .data-group.svelte-1bs3iue{gap:20px;margin-top:auto;margin-bottom:auto}.player-wrapper.expanded.svelte-1bs3iue .data-group .artwork.svelte-1bs3iue{max-width:320px}}@media (max-width: 600px){.player-wrapper.expanded.svelte-1bs3iue.svelte-1bs3iue{left:0}.player-layout.svelte-1bs3iue.svelte-1bs3iue{flex-direction:column;overflow-y:auto}.expanded-queue-pane.svelte-1bs3iue.svelte-1bs3iue{width:100%;border-left:none;border-top:1px solid var(--border-subtle)}.player-wrapper.svelte-1bs3iue.svelte-1bs3iue{left:0;bottom:65px;background:var(--bg-elevated);border-radius:8px;margin:0 8px 8px;border:none;box-shadow:0 8px 24px #0009;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-bar.svelte-1bs3iue.svelte-1bs3iue{height:60px;padding:0 12px}.player-wrapper.svelte-1bs3iue:not(.expanded) .idle-text.svelte-1bs3iue{line-height:60px}.player-wrapper.svelte-1bs3iue:not(.expanded) .progress-hitbox.svelte-1bs3iue{top:auto;bottom:0;left:8px;width:calc(100% - 16px);height:4px}.player-wrapper.svelte-1bs3iue:not(.expanded) .progress-bg.svelte-1bs3iue{height:2px}.player-wrapper.svelte-1bs3iue:not(.expanded) .progress-thumb.svelte-1bs3iue{display:none}.player-wrapper.svelte-1bs3iue:not(.expanded) .controls-area.svelte-1bs3iue{flex-direction:row;flex-wrap:nowrap;gap:8px}.player-wrapper.svelte-1bs3iue:not(.expanded) .data-group.svelte-1bs3iue{width:auto;flex:1;gap:10px;min-width:0}.player-wrapper.svelte-1bs3iue:not(.expanded) .data-group .artwork.svelte-1bs3iue{width:44px;height:44px}.player-wrapper.svelte-1bs3iue:not(.expanded) .metadata.svelte-1bs3iue{flex:1;overflow:hidden;min-width:0}.player-wrapper.svelte-1bs3iue:not(.expanded) .metadata .title.svelte-1bs3iue{font-size:13px;line-height:1.2}.player-wrapper.svelte-1bs3iue:not(.expanded) .metadata .artist.svelte-1bs3iue{font-size:11px}.player-wrapper.svelte-1bs3iue:not(.expanded) .metadata.svelte-1bs3iue{gap:2px}.player-wrapper.svelte-1bs3iue:not(.expanded) .metadata .album.svelte-1bs3iue{display:none}.player-wrapper.svelte-1bs3iue:not(.expanded) .actions .action-add.svelte-1bs3iue{display:none!important}.player-wrapper.svelte-1bs3iue:not(.expanded) .actions .action-like.svelte-1bs3iue,.player-wrapper.svelte-1bs3iue:not(.expanded) .actions .action-dislike.svelte-1bs3iue{padding:6px}.player-wrapper.svelte-1bs3iue:not(.expanded) .right-group.svelte-1bs3iue{display:none}.player-wrapper.svelte-1bs3iue:not(.expanded) .transport-group.svelte-1bs3iue{width:auto;gap:6px;justify-content:flex-end;align-items:center}.player-wrapper.svelte-1bs3iue:not(.expanded) .transport-btn.prev-btn.svelte-1bs3iue{display:none}.player-wrapper.svelte-1bs3iue:not(.expanded) .transport-btn.next-btn.svelte-1bs3iue{display:flex;align-items:center;justify-content:center;padding:6px}.player-wrapper.svelte-1bs3iue:not(.expanded) .transport-btn.next-btn svg.svelte-1bs3iue{width:20px;height:20px}.player-wrapper.svelte-1bs3iue:not(.expanded) .play-btn.svelte-1bs3iue{width:36px;height:36px;background:transparent;color:var(--text-primary)}.player-wrapper.svelte-1bs3iue:not(.expanded) .play-btn svg.svelte-1bs3iue{width:28px;height:28px}.track-info-panel.svelte-1bs3iue.svelte-1bs3iue{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;z-index:600;max-height:70dvh;overflow-y:auto}}.modal-backdrop.svelte-bdnzl.svelte-bdnzl{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-content.svelte-bdnzl.svelte-bdnzl{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:24px;border-radius:8px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 48px #0009;box-sizing:border-box}.modal-header.svelte-bdnzl.svelte-bdnzl{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.modal-header.svelte-bdnzl h3.svelte-bdnzl{font-size:18px;font-weight:700}.track-preview.svelte-bdnzl.svelte-bdnzl{display:flex;gap:16px;align-items:center;background:var(--bg-elevated);padding:12px;border-radius:6px}.track-preview.svelte-bdnzl img.svelte-bdnzl{width:48px;height:48px;border-radius:4px}.title.svelte-bdnzl.svelte-bdnzl{font-weight:600;font-size:14px}.artist.svelte-bdnzl.svelte-bdnzl{color:var(--text-secondary);font-size:13px}.playlist-list.svelte-bdnzl.svelte-bdnzl{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.playlist-btn.svelte-bdnzl.svelte-bdnzl{background:transparent;color:var(--text-primary);padding:8px 12px;border-radius:4px;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-weight:500}.playlist-btn.svelte-bdnzl.svelte-bdnzl:hover{background:var(--bg-hover);transform:none}.pl-avatar.svelte-bdnzl.svelte-bdnzl{width:32px;height:32px;border-radius:4px;background:var(--bg-elevated);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.create-pl-section.svelte-bdnzl.svelte-bdnzl{display:flex;gap:12px;margin-top:8px;border-top:1px solid var(--border-subtle);padding-top:16px}.create-pl-section.svelte-bdnzl input.svelte-bdnzl{flex:1;min-width:0}.create-pl-section.svelte-bdnzl button.svelte-bdnzl{flex-shrink:0}.search-module.svelte-u0lp4k.svelte-u0lp4k{position:relative;margin-bottom:40px;max-width:600px;z-index:50}.search-input-wrapper.svelte-u0lp4k input.svelte-u0lp4k{width:100%;padding:16px;font-size:16px;border-radius:32px}.search-results.svelte-u0lp4k.svelte-u0lp4k{position:absolute;top:calc(100% + 8px);width:100%;background:var(--bg-elevated);border-radius:8px;max-height:600px;overflow-y:auto;padding:16px;box-shadow:0 16px 32px #0006}.search-section-title.svelte-u0lp4k.svelte-u0lp4k{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;padding-left:8px}.artist-pills.svelte-u0lp4k.svelte-u0lp4k{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-left:8px}.artist-pill.svelte-u0lp4k.svelte-u0lp4k{display:flex;align-items:center;gap:8px;background:var(--bg-hover);border:none;padding:6px 12px 6px 6px;border-radius:32px;color:var(--text-primary);font:inherit;cursor:pointer;transition:.2s}.artist-pill.svelte-u0lp4k.svelte-u0lp4k:hover{background:var(--border-subtle);transform:scale(1.02)}.artist-pill-avatar.svelte-u0lp4k.svelte-u0lp4k{width:24px;height:24px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.album-scroll.svelte-u0lp4k.svelte-u0lp4k{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:-8px}.album-scroll.svelte-u0lp4k.svelte-u0lp4k::-webkit-scrollbar{height:6px}.no-results.svelte-u0lp4k.svelte-u0lp4k{padding:16px;color:var(--text-secondary);text-align:center;font-size:14px}.skeleton-row.svelte-u0lp4k.svelte-u0lp4k{display:flex;align-items:center;gap:16px;padding:8px 16px;border-radius:6px}.skeleton-img.svelte-u0lp4k.svelte-u0lp4k{width:40px;height:40px;border-radius:4px;background:var(--bg-hover);animation:svelte-u0lp4k-pulse 1.5s infinite ease-in-out}.skeleton-info.svelte-u0lp4k.svelte-u0lp4k{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-title.svelte-u0lp4k.svelte-u0lp4k{width:60%;height:14px;background:var(--bg-hover);border-radius:4px;animation:svelte-u0lp4k-pulse 1.5s infinite ease-in-out}.skeleton-artist.svelte-u0lp4k.svelte-u0lp4k{width:40%;height:12px;background:var(--bg-hover);border-radius:4px;animation:svelte-u0lp4k-pulse 1.5s infinite ease-in-out}@keyframes svelte-u0lp4k-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.layout.svelte-13015fp.svelte-13015fp{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar.svelte-13015fp.svelte-13015fp{width:260px;background:var(--bg-sidebar);display:flex;flex-direction:column;padding:24px 0 0;z-index:100;transition:.3s;flex-shrink:0}.sidebar.collapsed.svelte-13015fp.svelte-13015fp{width:0;padding:0;overflow:hidden}.brand.svelte-13015fp.svelte-13015fp{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 24px;white-space:nowrap}.logo-icon.svelte-13015fp.svelte-13015fp{color:var(--text-primary)}.brand.svelte-13015fp h1.svelte-13015fp{font-size:20px;font-weight:700}nav.svelte-13015fp.svelte-13015fp{display:flex;flex-direction:column;gap:8px;padding:0 12px}.nav-btn.svelte-13015fp.svelte-13015fp{display:flex;align-items:center;gap:16px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:14px;padding:12px 16px;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-btn.svelte-13015fp.svelte-13015fp:hover{color:var(--text-primary);background:var(--bg-hover);transform:translate(4px)}.nav-btn.active.svelte-13015fp.svelte-13015fp{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-playlists.svelte-13015fp.svelte-13015fp{flex:1;display:flex;flex-direction:column;margin-top:32px;overflow-y:auto}.playlists-header.svelte-13015fp.svelte-13015fp{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin-bottom:12px}.library-heading.svelte-13015fp.svelte-13015fp{font-size:12px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.05em}.library-heading.svelte-13015fp.svelte-13015fp:hover,.library-heading.active.svelte-13015fp.svelte-13015fp{color:var(--text-primary)}.add-pl-btn.svelte-13015fp.svelte-13015fp{background:transparent;color:var(--text-secondary);font-size:20px;padding:0}.pl-list.svelte-13015fp.svelte-13015fp{display:flex;flex-direction:column;gap:4px;padding:0 12px}.pl-item.svelte-13015fp.svelte-13015fp{padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pl-item.svelte-13015fp.svelte-13015fp:hover{color:var(--text-primary);background:var(--bg-hover);transform:translate(4px)}.pl-item.active.svelte-13015fp.svelte-13015fp{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.pl-item.drag-over.svelte-13015fp.svelte-13015fp{background:var(--bg-elevated);border:1px dashed var(--text-secondary)}.inline-pl-input.svelte-13015fp.svelte-13015fp{width:100%;padding:8px;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px}.user-block.svelte-13015fp.svelte-13015fp{display:flex;align-items:center;gap:12px;background:var(--bg-sidebar);padding:16px 24px}.avatar.svelte-13015fp.svelte-13015fp{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-info.svelte-13015fp.svelte-13015fp{flex:1;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis}.content.svelte-13015fp.svelte-13015fp{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-base) 100%)}.main-view-inner.svelte-13015fp.svelte-13015fp{padding:40px 40px 130px;max-width:1400px;margin:0 auto}.offline-note.svelte-13015fp.svelte-13015fp{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--danger-color);padding:12px 24px}.mobile-bottom-nav.svelte-13015fp.svelte-13015fp{display:none}.force-password-modal.svelte-13015fp.svelte-13015fp{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content.svelte-13015fp.svelte-13015fp{background:var(--bg-surface);border:1px solid var(--danger-color);padding:32px;border-radius:8px;width:400px;box-shadow:0 24px 48px #0009}.modal-header.svelte-13015fp h3.svelte-13015fp{margin-bottom:8px}@media (max-width: 600px){.sidebar.svelte-13015fp.svelte-13015fp{display:none}.main-view-inner.svelte-13015fp.svelte-13015fp{padding:24px 16px 160px!important}.mobile-bottom-nav.svelte-13015fp.svelte-13015fp{display:flex;flex-direction:row;gap:0;padding:0;position:fixed;bottom:0;left:0;right:0;height:65px;background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle);z-index:110;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-btn.svelte-13015fp.svelte-13015fp{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:10px;font-weight:500}.mobile-nav-btn.active.svelte-13015fp.svelte-13015fp{color:var(--text-primary)}.mobile-nav-btn.svelte-13015fp svg.svelte-13015fp{width:24px;height:24px}}