.player.svelte-nfsfpn{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:1px solid #333;padding:1rem 2rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));z-index:100}.player-content.svelte-nfsfpn{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem}.player-info.svelte-nfsfpn{min-width:200px;max-width:300px;overflow:hidden}.player-title.svelte-nfsfpn{font-weight:600;color:#e8e8e8;margin-bottom:.25rem;white-space:nowrap;overflow:hidden}.player-title.scrolling.svelte-nfsfpn{overflow:visible}.player-title.scrolling.svelte-nfsfpn span:where(.svelte-nfsfpn){display:inline-block;padding-right:2rem;animation:svelte-nfsfpn-scroll-text 10s linear infinite}@keyframes svelte-nfsfpn-scroll-text{0%{transform:translate(0)}to{transform:translate(-100%)}}.player-metadata.svelte-nfsfpn{display:flex;align-items:center;gap:.5rem;color:#909090;font-size:.9rem;white-space:nowrap;overflow:hidden}.player-artist-link.svelte-nfsfpn{color:#909090;text-decoration:none;transition:color .2s;flex-shrink:0}.player-artist-link.svelte-nfsfpn:hover{color:var(--accent)}.metadata-separator.svelte-nfsfpn{color:#606060;flex-shrink:0}.player-album.svelte-nfsfpn{color:gray;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls.svelte-nfsfpn{flex:1;display:flex;align-items:center;gap:1.5rem}.playback-options.svelte-nfsfpn{display:flex;align-items:center;gap:.5rem}.option-btn.svelte-nfsfpn{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;position:relative}.option-btn.svelte-nfsfpn:hover{color:var(--text-primary);border-color:var(--accent)}.option-btn.active.svelte-nfsfpn{color:var(--accent);border-color:var(--accent)}.control-btn.svelte-nfsfpn{background:transparent;border:none;color:#e8e8e8;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.control-btn.svelte-nfsfpn:hover{color:var(--accent);background:#6a9fff1a}.control-btn.play-pause.svelte-nfsfpn:active{transform:scale(.95)}.time-control.svelte-nfsfpn{flex:1;display:flex;align-items:center;gap:1rem}.time.svelte-nfsfpn{font-size:.85rem;color:#909090;min-width:45px;font-variant-numeric:tabular-nums}.seek-bar.svelte-nfsfpn,.volume-bar.svelte-nfsfpn{flex:1}.volume-control.svelte-nfsfpn{display:flex;align-items:center;gap:.75rem;color:#909090;min-width:150px;position:relative}.volume-icon.svelte-nfsfpn{display:flex;align-items:center;transition:all .3s}.volume-icon.muted.svelte-nfsfpn{color:#ff6b6b;animation:svelte-nfsfpn-shake .5s ease-in-out}.volume-icon.svelte-nfsfpn .max-volume:where(.svelte-nfsfpn){color:var(--accent);animation:svelte-nfsfpn-pulse .5s ease-in-out}@keyframes svelte-nfsfpn-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes svelte-nfsfpn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}input[type=range].svelte-nfsfpn{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range].svelte-nfsfpn::-webkit-slider-runnable-track{background:linear-gradient(to right,color-mix(in srgb,var(--accent) 60%,transparent) 0%,color-mix(in srgb,var(--accent) 60%,transparent) var(--progress, 0%),color-mix(in srgb,var(--accent) 20%,transparent) var(--progress, 0%),color-mix(in srgb,var(--accent) 20%,transparent) 100%);height:4px;border-radius:2px}input[type=range].svelte-nfsfpn::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);height:14px;width:14px;border-radius:50%;margin-top:-5px;transition:all .2s}input[type=range].svelte-nfsfpn::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}input[type=range].muted.svelte-nfsfpn::-webkit-slider-thumb{background:#ff6b6b}input[type=range].max.svelte-nfsfpn::-webkit-slider-thumb{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}input[type=range].svelte-nfsfpn::-moz-range-track{background:color-mix(in srgb,var(--accent) 20%,transparent);height:4px;border-radius:2px}input[type=range].svelte-nfsfpn::-moz-range-progress{background:color-mix(in srgb,var(--accent) 60%,transparent);height:4px;border-radius:2px}input[type=range].svelte-nfsfpn::-moz-range-thumb{background:var(--accent);height:14px;width:14px;border-radius:50%;border:none;transition:all .2s}input[type=range].svelte-nfsfpn::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}input[type=range].muted.svelte-nfsfpn::-moz-range-thumb{background:#ff6b6b}input[type=range].max.svelte-nfsfpn::-moz-range-thumb{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}@media(max-width:768px){.player.svelte-nfsfpn{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.player-content.svelte-nfsfpn{flex-direction:column;gap:1rem}.player-info.svelte-nfsfpn{min-width:100%;max-width:100%;text-align:center}.player-metadata.svelte-nfsfpn{justify-content:center}.player-controls.svelte-nfsfpn{width:100%;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem}.playback-options.svelte-nfsfpn{order:1;display:flex;width:auto}.time-control.svelte-nfsfpn{width:100%;order:2;flex:1 1 100%}.volume-control.svelte-nfsfpn{display:none}}.toast-container.svelte-1cpok13{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast.svelte-1cpok13{display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:400px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 4px 12px #0000004d;pointer-events:auto;font-size:.9rem}.toast-icon.svelte-1cpok13{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;font-weight:700;flex-shrink:0}.toast-message.svelte-1cpok13{flex:1;color:var(--text-primary);word-break:break-word}.toast-dismiss.svelte-1cpok13{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-dismiss.svelte-1cpok13:hover{color:var(--text-primary)}.toast-success.svelte-1cpok13{border-left:3px solid var(--success)}.toast-success.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--success)}.toast-error.svelte-1cpok13{border-left:3px solid var(--error)}.toast-error.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--error)}.toast-info.svelte-1cpok13{border-left:3px solid var(--accent)}.toast-info.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--accent)}.toast-warning.svelte-1cpok13{border-left:3px solid var(--warning)}.toast-warning.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--warning)}@media(max-width:768px){.toast-container.svelte-1cpok13{top:4.5rem;left:1rem;right:1rem}.toast.svelte-1cpok13{min-width:unset;max-width:unset}}@media(prefers-reduced-motion:reduce){.toast.svelte-1cpok13{transition:opacity .2s}}.queue.svelte-a7cxk7{display:flex;flex-direction:column;height:100%;padding:1.5rem 1.25rem calc(var(--player-height, 0px) + 40px + env(safe-area-inset-bottom,0px));background:var(--bg-primary);border-left:1px solid var(--border-subtle);gap:1rem}.queue-header.svelte-a7cxk7 h2:where(.svelte-a7cxk7){margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}.queue-header.svelte-a7cxk7{display:flex;justify-content:space-between;align-items:center}.clear-btn.svelte-a7cxk7{padding:.25rem .75rem;font-size:.75rem;font-family:inherit;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:4px;cursor:pointer;transition:all .15s ease}.clear-btn.svelte-a7cxk7:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-medium)}.queue-body.svelte-a7cxk7{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow:hidden}.section-label.svelte-a7cxk7{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.5rem}.now-playing-card.svelte-a7cxk7{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-default);gap:1rem;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 15%,transparent)}.now-playing-card.svelte-a7cxk7 .track-title:where(.svelte-a7cxk7){font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.now-playing-card.svelte-a7cxk7 .track-artist:where(.svelte-a7cxk7){font-size:.9rem;color:var(--text-secondary)}.now-playing-card.svelte-a7cxk7 .track-artist:where(.svelte-a7cxk7) a:where(.svelte-a7cxk7){color:inherit;text-decoration:none;transition:color .2s}.now-playing-card.svelte-a7cxk7 .track-artist:where(.svelte-a7cxk7) a:where(.svelte-a7cxk7):hover{color:var(--accent)}.queue-upcoming.svelte-a7cxk7{display:flex;flex-direction:column;flex:1;min-height:0;gap:.75rem}.section-header.svelte-a7cxk7{display:flex;justify-content:space-between;align-items:center;color:var(--text-tertiary);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.section-header.svelte-a7cxk7 h3:where(.svelte-a7cxk7){margin:0;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.queue-tracks.svelte-a7cxk7{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.35rem}.queue-track.svelte-a7cxk7{display:flex;align-items:center;justify-content:space-between;padding:.85rem .9rem;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid var(--border-subtle);background:var(--bg-secondary)}.queue-track.svelte-a7cxk7:hover{background:var(--bg-hover);border-color:var(--border-default)}.queue-track.drag-over.svelte-a7cxk7{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.track-info.svelte-a7cxk7{flex:1;min-width:0}.track-title.svelte-a7cxk7{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.track-artist.svelte-a7cxk7{font-size:.85rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist.svelte-a7cxk7 a:where(.svelte-a7cxk7){color:inherit;text-decoration:none;transition:color .2s}.track-artist.svelte-a7cxk7 a:where(.svelte-a7cxk7):hover{color:var(--text-secondary)}.remove-btn.svelte-a7cxk7{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;opacity:0}.queue-track.svelte-a7cxk7:hover .remove-btn:where(.svelte-a7cxk7){opacity:1}.remove-btn.svelte-a7cxk7:hover{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.empty-up-next.svelte-a7cxk7{border:1px dashed var(--border-subtle);border-radius:6px;padding:1.25rem;text-align:center;color:var(--text-tertiary)}.queue.empty.svelte-a7cxk7{display:flex;align-items:center;justify-content:center}.empty-state.svelte-a7cxk7{text-align:center;color:var(--text-tertiary);padding:2rem}.empty-state.svelte-a7cxk7 svg:where(.svelte-a7cxk7){margin-bottom:1rem;opacity:.5}.empty-state.svelte-a7cxk7 p:where(.svelte-a7cxk7){margin:.5rem 0 .25rem;font-size:1.1rem;color:var(--text-secondary)}.empty-state.svelte-a7cxk7 span:where(.svelte-a7cxk7){font-size:.9rem}.queue-tracks.svelte-a7cxk7::-webkit-scrollbar{width:8px}.queue-tracks.svelte-a7cxk7::-webkit-scrollbar-track{background:transparent}.queue-tracks.svelte-a7cxk7::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.queue-tracks.svelte-a7cxk7::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}*,*:before,*:after{box-sizing:border-box}:root{--accent: #6a9fff;--accent-hover: #8ab3ff;--accent-muted: #4a7ddd;--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-hover: #1f1f1f;--border-subtle: #282828;--border-default: #333333;--border-emphasis: #444444;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-muted: #666666;--success: #4ade80;--warning: #fbbf24;--error: #ef4444}body{margin:0;padding:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Consolas,monospace;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-layout.svelte-12qhfyh{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.main-content.svelte-12qhfyh{flex:1;min-width:0;width:100%;transition:margin-right .3s ease}.main-content.with-queue.svelte-12qhfyh{margin-right:360px}.queue-sidebar.svelte-12qhfyh{position:fixed;top:0;right:0;width:min(360px,100%);height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-subtle);z-index:50}.queue-toggle.svelte-12qhfyh{position:fixed;bottom:calc(var(--player-height, 0px) + 20px + env(safe-area-inset-bottom,0px));right:20px;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:60;box-shadow:0 4px 12px #0000004d}.queue-toggle.svelte-12qhfyh:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent);transform:scale(1.05)}@media(max-width:768px){.main-content.with-queue.svelte-12qhfyh{margin-right:0}.queue-sidebar.svelte-12qhfyh{width:100%}.queue-toggle.svelte-12qhfyh{bottom:calc(var(--player-height, 0px) + 20px + env(safe-area-inset-bottom,0px))}}
