.audio-player.svelte-1o3z8bv{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0000001a;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.audio-player.compact.svelte-1o3z8bv{padding:.25rem;gap:.5rem}.audio-player.play-only.svelte-1o3z8bv{padding:0;background:transparent;border:0}.audio-player.waveform-only.svelte-1o3z8bv{width:100%}.audio-player.compact.svelte-1o3z8bv .player-content:where(.svelte-1o3z8bv){flex:1 1 auto}.audio-player.compact.svelte-1o3z8bv .progress-container:where(.svelte-1o3z8bv){min-width:0}.play-button.svelte-1o3z8bv{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-button.svelte-1o3z8bv:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.play-button.svelte-1o3z8bv:disabled{opacity:.5;cursor:not-allowed}.player-content.svelte-1o3z8bv{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.progress-container.svelte-1o3z8bv{width:100%;position:relative}.waveform-container.svelte-1o3z8bv{width:100%;height:48px;cursor:pointer}.audio-player.compact.waveform-only.svelte-1o3z8bv .waveform-container:where(.svelte-1o3z8bv){height:56px}.hidden.svelte-1o3z8bv{display:none}.progress-bar.svelte-1o3z8bv{display:block;width:100%;height:.6rem;padding:0;border:none;background:#ffffff1a;border-radius:.125rem;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease}.progress-bar.svelte-1o3z8bv:hover{background:#ffffff0d}.progress-fill.svelte-1o3z8bv{height:100%;background:#3b82f6;border-radius:.125rem;transition:width .1s ease}.time-display.svelte-1o3z8bv{display:flex;gap:.5rem;font-size:.75rem;color:#ffffffb3;font-family:monospace;flex-shrink:0}.current-time.svelte-1o3z8bv{color:#3b82f6}.current-time-overlay.svelte-1o3z8bv{position:absolute;top:50%;z-index:1;padding:.125rem .25rem;background:#000000b3;border-radius:.25rem;color:#fff;font-family:monospace;font-size:.625rem;line-height:1;pointer-events:none;transform:translate(-50%,-50%)}.duration-overlay.svelte-1o3z8bv{position:absolute;top:50%;right:0;z-index:1;padding:.125rem .25rem;background:#000000b3;border-radius:.25rem;color:#fff;font-family:monospace;font-size:.625rem;line-height:1;pointer-events:none;transform:translateY(-50%)}@media (max-width: 640px){.audio-player.svelte-1o3z8bv{padding:.375rem;gap:.5rem}.player-content.svelte-1o3z8bv{gap:.375rem}.play-button.svelte-1o3z8bv{width:2rem;height:2rem}.time-display.svelte-1o3z8bv{font-size:.625rem}}.media-card.svelte-1syp7ib{content-visibility:auto;contain-intrinsic-size:auto 220px;overflow:hidden;transition:all .2s ease;display:flex;align-items:center;padding:1rem;gap:1rem}.cover-art-container.svelte-1syp7ib{position:relative;width:180px;height:180px;flex-shrink:0;overflow:hidden;border-radius:.5rem}.cover-art.svelte-1syp7ib{width:100%;height:100%;object-fit:cover}.cover-art-placeholder.svelte-1syp7ib{width:100%;height:100%;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);display:flex;align-items:center;justify-content:center}.media-type-icon.svelte-1syp7ib{font-size:1.5rem;opacity:.7}.play-count-badge.svelte-1syp7ib{position:absolute;top:.5rem;right:.5rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1)}.play-icon.svelte-1syp7ib{width:.75rem;height:.75rem;opacity:.8}.play-count.svelte-1syp7ib{line-height:1}.content.svelte-1syp7ib{flex:1;min-width:0}.header.svelte-1syp7ib{margin-bottom:.75rem}.header-row.svelte-1syp7ib{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem}.play-control.svelte-1syp7ib{flex-shrink:0}.title-section.svelte-1syp7ib{min-width:0}.artist.svelte-1syp7ib{display:flex;align-items:center;gap:.375rem;margin:0 0 .125rem;overflow:hidden;color:#ffffffa6;font-size:.8125rem;font-weight:500;white-space:nowrap}.artist-name.svelte-1syp7ib{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-row.svelte-1syp7ib{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.title-left.svelte-1syp7ib{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.title.svelte-1syp7ib{font-size:1.125rem;font-weight:600;color:#fff;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-since.svelte-1syp7ib{font-size:.75rem;color:#ffffff80;white-space:nowrap;flex-shrink:0}.artist-separator.svelte-1syp7ib{color:#fff6;flex-shrink:0}.title.svelte-1syp7ib a:where(.svelte-1syp7ib){color:#fff;text-decoration:none}.title.svelte-1syp7ib a:where(.svelte-1syp7ib):hover{color:#3b82f6}.edit-button.svelte-1syp7ib{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.375rem;color:#3b82f6;text-decoration:none;transition:all .2s ease;flex-shrink:0}.edit-button.svelte-1syp7ib:hover{background:#3b82f633;border-color:#3b82f666;color:#60a5fa;transform:translateY(-1px)}.edit-button.svelte-1syp7ib:active{transform:translateY(0)}.genre-badges.svelte-1syp7ib{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem}.mobile-genres.svelte-1syp7ib{display:none}.genre-badge.svelte-1syp7ib{display:inline-flex;align-items:center;padding:.125rem .625rem;font-size:.6875rem;font-weight:500;color:#fffc;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9999px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.genre-badge.svelte-1syp7ib:hover{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.audio-player-container.svelte-1syp7ib{margin-top:.5rem}.audio-player-placeholder.svelte-1syp7ib{width:100%;min-height:4rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#0000001a}.no-audio-notice.svelte-1syp7ib{padding:.5rem;background:#ffffff0d;border-radius:.25rem;text-align:center}.no-audio-text.svelte-1syp7ib{color:#ffffff80;font-size:.875rem}.description.svelte-1syp7ib a{color:#60a5fa;text-decoration:underline;text-underline-offset:.125em}.description.svelte-1syp7ib a:hover{color:#93c5fd}@media (max-width: 768px){.media-card.svelte-1syp7ib{contain-intrinsic-size:auto 160px;padding:.75rem;gap:.75rem}.cover-art-container.svelte-1syp7ib{width:60px;height:60px}.header-row.svelte-1syp7ib{grid-template-columns:1fr;align-items:stretch;gap:.5rem}.desktop-genres.svelte-1syp7ib{display:none}.mobile-genres.svelte-1syp7ib{display:flex;justify-content:flex-start;margin-top:.5rem}.title.svelte-1syp7ib{font-size:1rem}.time-since.svelte-1syp7ib{font-size:.6875rem}.edit-button.svelte-1syp7ib{width:28px;height:28px}.edit-button.svelte-1syp7ib svg:where(.svelte-1syp7ib){width:14px;height:14px}.play-count-badge.svelte-1syp7ib{top:.25rem;right:.25rem;padding:.125rem .375rem;font-size:.625rem}.play-icon.svelte-1syp7ib{width:.625rem;height:.625rem}}@media (max-width: 640px){.media-card.svelte-1syp7ib{padding:.5rem;gap:.5rem}.cover-art-container.svelte-1syp7ib{width:50px;height:50px}.title.svelte-1syp7ib{font-size:.875rem}.time-since.svelte-1syp7ib{font-size:.625rem}.edit-button.svelte-1syp7ib{width:24px;height:24px}.edit-button.svelte-1syp7ib svg:where(.svelte-1syp7ib){width:12px;height:12px}.play-count-badge.svelte-1syp7ib{top:.125rem;right:.125rem;padding:.125rem .25rem;font-size:.5rem}.play-icon.svelte-1syp7ib{width:.5rem;height:.5rem}}