:root{--bp-mobile: 640px;--bp-tablet: 1024px;--color-accent: #ff6600}body{min-width:300px}.player-sidebar.svelte-nfsfpn{position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;z-index:1000;padding:.5rem .625rem;box-sizing:border-box;box-shadow:-2px 0 10px #00000005}.mobile-only.svelte-nfsfpn{display:none}@media(max-width:640px){.desktop-only.svelte-nfsfpn{display:none}.mobile-only.svelte-nfsfpn{display:block}.mobile-player-shell.svelte-nfsfpn{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff;z-index:1001;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:height .6s cubic-bezier(.16,1,.3,1),background-color .6s;border-bottom:1px solid #f0f0f0}.mobile-player-shell.expanded.svelte-nfsfpn{height:100vh;height:100dvh;border-bottom:none}.morph-art-container.svelte-nfsfpn{position:absolute;top:10px;left:10px;width:40px;height:40px;transition:all .6s cubic-bezier(.16,1,.3,1);z-index:20}.mobile-player-shell.expanded.svelte-nfsfpn .morph-art-container:where(.svelte-nfsfpn){top:10px;left:10px;width:84px;height:84px;aspect-ratio:1/1}.morph-art.svelte-nfsfpn{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 2px 5px #0000001a;transition:border-radius .6s}.mobile-player-shell.expanded.svelte-nfsfpn .morph-art:where(.svelte-nfsfpn){border-radius:8px;box-shadow:0 4px 15px #0000001a}.morph-info.svelte-nfsfpn{position:absolute;top:12px;left:60px;width:calc(100% - 150px);transition:all .6s cubic-bezier(.16,1,.3,1);z-index:20;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.mobile-player-shell.expanded.svelte-nfsfpn .morph-info:where(.svelte-nfsfpn){top:25px;left:106px;width:calc(100% - 170px);text-align:left}.morph-title.svelte-nfsfpn{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111;transition:font-size .6s}.mobile-player-shell.expanded.svelte-nfsfpn .morph-title:where(.svelte-nfsfpn){font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.morph-artist.svelte-nfsfpn{font-size:.75rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .6s}.mobile-player-shell.expanded.svelte-nfsfpn .morph-artist:where(.svelte-nfsfpn){font-size:.9rem}.morph-toggle-btn.svelte-nfsfpn{position:absolute;top:0;right:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#333;z-index:30;cursor:pointer;transition:top .6s;outline:none;-webkit-tap-highlight-color:transparent}.mobile-player-shell.expanded.svelte-nfsfpn .morph-toggle-btn:where(.svelte-nfsfpn){top:10px}.mini-controls-layer.svelte-nfsfpn{position:absolute;top:0;right:50px;height:60px;display:flex;align-items:center;transition:opacity .3s;z-index:25}.mini-controls-layer.fade-out.svelte-nfsfpn{opacity:0;pointer-events:none}.mini-play-btn.svelte-nfsfpn{background:transparent;border:none;padding:10px;color:#111}.expanded-content-layer.svelte-nfsfpn{position:absolute;top:106px;left:0;width:100%;bottom:0;padding:0 20px 20px;box-sizing:border-box;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .4s .2s,transform .4s .2s;pointer-events:none;z-index:10}.expanded-content-layer.fade-in.svelte-nfsfpn{opacity:1;transform:translateY(0);pointer-events:auto}.expanded-seekbar-container.svelte-nfsfpn{margin-bottom:16px}.expanded-seekbar-container.svelte-nfsfpn .times:where(.svelte-nfsfpn){margin-top:8px}.expanded-controls.svelte-nfsfpn{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:16px}.icon-btn.big.svelte-nfsfpn{padding:15px}.expanded-queue.svelte-nfsfpn{flex:1;overflow-y:auto;border-top:1px solid #f0f0f0;padding-top:10px}}.track-info-row.svelte-nfsfpn{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.cover-art.svelte-nfsfpn{width:48px;height:48px;border-radius:4px;object-fit:cover}.info.svelte-nfsfpn{flex:1;min-width:0}.title.svelte-nfsfpn{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}.artist.svelte-nfsfpn{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-container.svelte-nfsfpn{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.seekbar.svelte-nfsfpn{width:100%;cursor:pointer;height:4px;accent-color:#333}.times.svelte-nfsfpn{display:flex;justify-content:space-between;font-size:.75rem;color:#888;font-family:monospace}.controls.svelte-nfsfpn{display:flex;align-items:center;justify-content:center;gap:.75rem}.icon-btn.svelte-nfsfpn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:50%;color:#333;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn.svelte-nfsfpn:hover{background:#f5f5f5}.play-btn.svelte-nfsfpn{background:#111;color:#fff;padding:.6rem}.play-btn.svelte-nfsfpn:hover{background:#333;transform:scale(1.05)}.queue.svelte-nfsfpn{flex:1;overflow-y:auto;border-top:1px solid #f0f0f0;padding-top:.75rem;margin-top:.5rem}.queue-header-row.svelte-nfsfpn{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#888;font-size:.85rem;font-weight:500;text-transform:uppercase}.queue-label.svelte-nfsfpn{display:flex;align-items:center;gap:.5rem}ul.svelte-nfsfpn{list-style:none;padding:0;margin:0}li.svelte-nfsfpn{display:flex;align-items:center;padding:.25rem .5rem;border-radius:4px;color:#444}li.svelte-nfsfpn:hover{background:#f7f7f7;color:#000}li.active.svelte-nfsfpn{background:#f0f0f0;color:#000;font-weight:500}.queue-item-btn.svelte-nfsfpn{display:flex;flex-direction:row;align-items:center;width:100%;padding:.2rem .5rem;background:transparent;border:none;cursor:pointer;color:inherit;text-align:left;font:inherit}.queue-play-btn.svelte-nfsfpn{appearance:none;background:transparent;border:none;cursor:pointer;padding:0;margin:0 .4rem 0 0;display:flex;align-items:center;justify-content:center;color:inherit;width:24px;height:24px;flex-shrink:0}.queue-play-btn.svelte-nfsfpn svg{stroke:none}.queue-item-content.svelte-nfsfpn{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left}.track-title.svelte-nfsfpn{line-height:1.2;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist.svelte-nfsfpn{font-size:.75rem;color:#888;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-index.svelte-nfsfpn{font-size:.75rem;color:#999;width:14px;text-align:right;margin-right:12px;flex-shrink:0;font-family:monospace}.update-prompt.svelte-c4r81f{position:fixed;bottom:1rem;right:1rem;padding:1rem;background:#222;color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:10000;display:flex;gap:.5rem;align-items:center}.btn.svelte-c4r81f{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;background:#fff;color:#000}.btn-secondary.svelte-c4r81f{background:transparent;color:#fff;border:1px solid #555}body{font-family:system-ui,-apple-system,sans-serif;margin:0}a{cursor:pointer}.app-layout.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}main.svelte-12qhfyh{flex:1;transition:padding-right .3s}.app-layout.has-player.svelte-12qhfyh main:where(.svelte-12qhfyh){padding-right:300px}@media(max-width:640px){.app-layout.has-player.svelte-12qhfyh main:where(.svelte-12qhfyh){padding-right:0;padding-top:0;padding-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.app-layout.has-player.svelte-12qhfyh{padding-top:60px}}header.svelte-12qhfyh{padding:12px 24px;display:flex;align-items:center;border-bottom:1px solid #eee;gap:24px;height:60px;box-sizing:border-box;position:sticky;top:0;background:#fff;z-index:200;transition:margin-right .3s,width .3s;width:100%}.app-layout.has-player.svelte-12qhfyh header:where(.svelte-12qhfyh){width:calc(100% - 300px)}@media(max-width:640px){.app-layout.has-player.svelte-12qhfyh header:where(.svelte-12qhfyh){width:100%;top:60px}}header.svelte-12qhfyh a:where(.svelte-12qhfyh){text-decoration:none;color:inherit;font-weight:500}header.svelte-12qhfyh .logo:where(.svelte-12qhfyh){display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;margin-right:auto}header.svelte-12qhfyh img:where(.svelte-12qhfyh){width:72px;height:72px;margin-top:16px;position:relative;z-index:10}.nav-link.svelte-12qhfyh{font-size:.95rem;color:#555}.nav-link.svelte-12qhfyh:hover{color:#000}