.audio-player.svelte-zpm7zn{width:100%;margin:0;padding:0}.player-container.svelte-zpm7zn{background:var(--palette-white);border-top:2px solid var(--color-accent);padding:1rem;box-shadow:0 -4px 20px #0000001a;max-width:1200px;margin:0 auto}.player-layout.svelte-zpm7zn{display:flex;align-items:center;justify-content:space-between;gap:2rem}.player-left.svelte-zpm7zn{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.title-and-status.svelte-zpm7zn{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.title-and-status.svelte-zpm7zn h2:where(.svelte-zpm7zn){font-size:1rem;margin:0;color:var(--text-primary);font-weight:600}.status.svelte-zpm7zn{font-size:.8rem;font-weight:600}.live.svelte-zpm7zn{color:#ef4444;animation:svelte-zpm7zn-pulse 2s ease-in-out infinite}.loading.svelte-zpm7zn{color:#f59e0b}.offline.svelte-zpm7zn{color:#6b7280}@keyframes svelte-zpm7zn-pulse{0%,to{opacity:1}50%{opacity:.5}}.now-playing.svelte-zpm7zn{display:flex;gap:.75rem;align-items:center;flex:1;min-width:0}.album-art.svelte-zpm7zn{width:50px;height:50px;border-radius:6px;object-fit:cover;box-shadow:0 2px 8px #0003;flex-shrink:0}.track-info.svelte-zpm7zn{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.now-playing.svelte-zpm7zn .label:where(.svelte-zpm7zn){font-weight:600;color:var(--color-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.now-playing.svelte-zpm7zn .track:where(.svelte-zpm7zn){color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls.svelte-zpm7zn{display:flex;align-items:center;gap:1rem}.play-button.svelte-zpm7zn{width:56px;height:56px;border-radius:50%;background:var(--gradient-button);border:none;color:var(--text-on-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.play-button.svelte-zpm7zn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-md)}.play-button.svelte-zpm7zn:active:not(:disabled){transform:scale(.95)}.play-button.svelte-zpm7zn:disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-zpm7zn{animation:svelte-zpm7zn-spin 1s linear infinite}@keyframes svelte-zpm7zn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.volume-control.svelte-zpm7zn{display:flex;align-items:center;gap:.5rem;flex:1;max-width:200px}.volume-control.svelte-zpm7zn svg:where(.svelte-zpm7zn){color:#6b7280;flex-shrink:0}.volume-control.svelte-zpm7zn input[type=range]:where(.svelte-zpm7zn){flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;-webkit-appearance:none}.volume-control.svelte-zpm7zn input[type=range]:where(.svelte-zpm7zn)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer}.volume-control.svelte-zpm7zn input[type=range]:where(.svelte-zpm7zn)::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none}.error.svelte-zpm7zn{margin-top:1rem;color:#ef4444;text-align:center;font-size:.9rem}.warning.svelte-zpm7zn{margin-top:1rem;color:#f59e0b;text-align:center;font-size:.9rem}@media(max-width:768px){.player-container.svelte-zpm7zn{padding:.75rem}.player-layout.svelte-zpm7zn,.player-left.svelte-zpm7zn{gap:.75rem}.title-and-status.svelte-zpm7zn{min-width:100px}.title-and-status.svelte-zpm7zn h2:where(.svelte-zpm7zn){font-size:.85rem}.status.svelte-zpm7zn{font-size:.7rem}.now-playing.svelte-zpm7zn .label:where(.svelte-zpm7zn){font-size:.65rem}.now-playing.svelte-zpm7zn .track:where(.svelte-zpm7zn){font-size:.8rem}.play-button.svelte-zpm7zn{width:48px;height:48px}.play-button.svelte-zpm7zn svg:where(.svelte-zpm7zn){width:24px;height:24px}.volume-control.svelte-zpm7zn{max-width:120px}.volume-control.svelte-zpm7zn svg:where(.svelte-zpm7zn){width:18px;height:18px}.album-art.svelte-zpm7zn{width:45px;height:45px}}@media(max-width:480px){.player-container.svelte-zpm7zn{padding:.5rem}.player-layout.svelte-zpm7zn{gap:.5rem}.player-left.svelte-zpm7zn{flex-wrap:wrap;gap:.5rem}.title-and-status.svelte-zpm7zn{flex:1 0 auto;min-width:80px}.now-playing.svelte-zpm7zn{flex:1 1 100%;width:100%}.player-controls.svelte-zpm7zn{flex-shrink:0}.volume-control.svelte-zpm7zn{display:none}.album-art.svelte-zpm7zn{width:35px;height:35px}}