.player.svelte-nfsfpn{grid-column:1 / -1;background:#1a1a1a;border-top:1px solid #2a2a2a;display:grid;grid-template-columns:1fr 420px 1fr;align-items:center;gap:16px;padding:8px 20px;min-height:80px}.left-zone.svelte-nfsfpn{display:flex;align-items:center;gap:10px;min-width:0}.track-info.svelte-nfsfpn{display:flex;flex-direction:column;overflow:hidden}.title.svelte-nfsfpn{font-weight:600;white-space:normal;word-break:break-word}.artist.svelte-nfsfpn{font-size:.8rem;color:#888}.muted.svelte-nfsfpn{color:#555}.live-badge.svelte-nfsfpn{display:inline-block;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:3px;vertical-align:middle;margin-right:4px}.live-row.svelte-nfsfpn{justify-content:center;gap:8px}.live-dot.svelte-nfsfpn{width:8px;height:8px;border-radius:50%;background:#555}.live-dot.on.svelte-nfsfpn{background:#e53e3e;animation:svelte-nfsfpn-live-pulse 1.4s ease-in-out infinite}.live-text.svelte-nfsfpn{min-width:auto}@keyframes svelte-nfsfpn-live-pulse{0%,to{opacity:1}50%{opacity:.3}}.center-zone.svelte-nfsfpn{display:flex;flex-direction:column;align-items:center;gap:6px}.controls.svelte-nfsfpn{display:flex;align-items:center;gap:12px}.seek-row.svelte-nfsfpn{display:flex;align-items:center;gap:8px;width:100%}.seek.svelte-nfsfpn{flex:1;accent-color:#ffffff}.time.svelte-nfsfpn{font-size:.75rem;color:#888;min-width:36px;text-align:center}.right-zone.svelte-nfsfpn{display:flex;align-items:center;gap:8px;justify-content:flex-end}.vol-icon.svelte-nfsfpn{color:#888;display:flex;align-items:center}.vol.svelte-nfsfpn{width:80px;accent-color:#ffffff}.icon-btn.svelte-nfsfpn{background:transparent;border:none;padding:6px;cursor:pointer;color:#ccc;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.icon-btn.svelte-nfsfpn:hover{color:#fff}.icon-btn.svelte-nfsfpn:disabled{color:#444;cursor:default}.play-btn.svelte-nfsfpn{background:#333;border-radius:50%;width:42px;height:42px;padding:0}.play-btn.svelte-nfsfpn:hover{background:#444}.heart-btn.favorited.svelte-nfsfpn{color:#e53e3e}.quality-menu-container.svelte-nfsfpn{position:relative}.quality-menu.svelte-nfsfpn{position:absolute;bottom:calc(100% + 8px);right:0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:160px;box-shadow:0 4px 16px #00000080;z-index:100}.menu-label.svelte-nfsfpn{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#aaa}.menu-label.svelte-nfsfpn select:where(.svelte-nfsfpn){font-size:.8rem;padding:4px 6px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#eee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#fff;font-family:Poppins,system-ui,sans-serif;min-height:100dvh}a{color:#ccc;text-decoration:none}a:hover{color:#fff}button{cursor:pointer;border:none;border-radius:4px;padding:6px 14px;background:#2a2a2a;color:#fff;font-family:inherit;font-size:inherit}button:hover{background:#333}input,select,textarea{background:#222;border:1px solid #2a2a2a;border-radius:4px;color:#fff;padding:6px 10px;font-family:inherit;font-size:inherit}.app.svelte-12qhfyh{position:relative;display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr auto;min-height:100dvh}.sidebar.svelte-12qhfyh{grid-row:1;grid-column:1;background:#1a1a1a;padding:16px 12px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #2a2a2a}.brand-row.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.brand.svelte-12qhfyh{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.02em}.avatar.svelte-12qhfyh{width:30px;height:30px;border-radius:50%;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:10px;background:none;color:#ccc;padding:8px 10px;border-radius:6px;text-align:left;width:100%;font-size:.9rem;transition:background .15s ease,color .15s ease}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{background:#222;color:#fff}.nav-sep.svelte-12qhfyh{border:none;border-top:1px solid #2a2a2a;margin:4px 0}.sidebar-bottom.svelte-12qhfyh{margin-top:auto;display:flex;flex-direction:column;gap:10px}.now-playing-art.svelte-12qhfyh{display:flex;flex-direction:column;gap:6px}.now-playing-art.svelte-12qhfyh img:where(.svelte-12qhfyh){width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;display:block}.art-placeholder.svelte-12qhfyh{width:100%;aspect-ratio:1/1;background:#222;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#888}.user-menu-container.svelte-12qhfyh{position:absolute;top:16px;right:24px;z-index:100}.user-menu-trigger.svelte-12qhfyh{display:flex;align-items:center;gap:6px;background:none;padding:4px 8px 4px 4px;border-radius:20px;color:#ccc}.user-menu-trigger.svelte-12qhfyh:hover{background:#222;color:#fff}.username.svelte-12qhfyh{font-size:.9rem}.user-menu.svelte-12qhfyh{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:6px;box-shadow:0 4px 16px #00000080}.menu-link.svelte-12qhfyh,.logout-btn.svelte-12qhfyh{display:flex;align-items:center;gap:8px;background:none;color:#888;padding:8px 10px;border-radius:6px;width:100%;text-align:left;font-size:.9rem;transition:background .15s ease,color .15s ease}.menu-link.svelte-12qhfyh:hover,.logout-btn.svelte-12qhfyh:hover{background:#222;color:#fff}.content.svelte-12qhfyh{grid-row:1;grid-column:2;padding:24px;overflow-y:auto}.app.svelte-12qhfyh:not(:has(nav)) .content:where(.svelte-12qhfyh){grid-column:1 / -1}