.audio-player.svelte-zzqa55{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-zzqa55{padding:.25rem;gap:.5rem}.play-button.svelte-zzqa55{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-zzqa55:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.play-button.svelte-zzqa55:disabled{opacity:.5;cursor:not-allowed}.progress-container.svelte-zzqa55{flex:1;min-width:0}.progress-bar.svelte-zzqa55{width:100%;height:.25rem;background:#fff3;border-radius:.125rem;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease}.progress-bar.svelte-zzqa55:hover{background:#ffffff4d}.progress-fill.svelte-zzqa55{height:100%;background:#3b82f6;border-radius:.125rem;transition:width .1s ease}.time-display.svelte-zzqa55{display:flex;gap:.5rem;font-size:.75rem;color:#ffffffb3;font-family:monospace;flex-shrink:0}.current-time.svelte-zzqa55{color:#3b82f6}@media (max-width: 640px){.audio-player.svelte-zzqa55{padding:.375rem;gap:.5rem}.play-button.svelte-zzqa55{width:2rem;height:2rem}.time-display.svelte-zzqa55{font-size:.625rem}}.media-card.svelte-1q4mwlw{overflow:hidden;transition:all .2s ease;display:flex;align-items:center;padding:1rem;gap:1rem}.cover-art-container.svelte-1q4mwlw{position:relative;width:180px;height:180px;flex-shrink:0;overflow:hidden;border-radius:.5rem}.cover-art.svelte-1q4mwlw{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card.svelte-1q4mwlw:hover .cover-art:where(.svelte-1q4mwlw){transform:scale(1.05)}.cover-art-placeholder.svelte-1q4mwlw{width:100%;height:100%;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);display:flex;align-items:center;justify-content:center}.media-type-icon.svelte-1q4mwlw{font-size:1.5rem;opacity:.7}.play-count-badge.svelte-1q4mwlw{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-1q4mwlw{width:.75rem;height:.75rem;opacity:.8}.play-count.svelte-1q4mwlw{line-height:1}.content.svelte-1q4mwlw{flex:1;min-width:0}.header.svelte-1q4mwlw{margin-bottom:.75rem}.title-section.svelte-1q4mwlw{margin-bottom:.5rem}.title-row.svelte-1q4mwlw{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.title.svelte-1q4mwlw{font-size:1.125rem;font-weight:600;color:#fff;margin:0;line-height:1.4;flex:1}.title.svelte-1q4mwlw a:where(.svelte-1q4mwlw){color:#fff;text-decoration:none}.title.svelte-1q4mwlw a:where(.svelte-1q4mwlw):hover{color:#3b82f6}.edit-button.svelte-1q4mwlw{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-1q4mwlw:hover{background:#3b82f633;border-color:#3b82f666;color:#60a5fa;transform:translateY(-1px)}.edit-button.svelte-1q4mwlw:active{transform:translateY(0)}.audio-player-container.svelte-1q4mwlw{margin-top:.5rem}.no-audio-notice.svelte-1q4mwlw{margin-top:.5rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;text-align:center}.no-audio-text.svelte-1q4mwlw{color:#ffffff80;font-size:.875rem}@media (max-width: 768px){.media-card.svelte-1q4mwlw{padding:.75rem;gap:.75rem}.cover-art-container.svelte-1q4mwlw{width:60px;height:60px}.title.svelte-1q4mwlw{font-size:1rem}.edit-button.svelte-1q4mwlw{width:28px;height:28px}.edit-button.svelte-1q4mwlw svg:where(.svelte-1q4mwlw){width:14px;height:14px}.play-count-badge.svelte-1q4mwlw{top:.25rem;right:.25rem;padding:.125rem .375rem;font-size:.625rem}.play-icon.svelte-1q4mwlw{width:.625rem;height:.625rem}}@media (max-width: 640px){.media-card.svelte-1q4mwlw{padding:.5rem;gap:.5rem}.cover-art-container.svelte-1q4mwlw{width:50px;height:50px}.title.svelte-1q4mwlw{font-size:.875rem}.edit-button.svelte-1q4mwlw{width:24px;height:24px}.edit-button.svelte-1q4mwlw svg:where(.svelte-1q4mwlw){width:12px;height:12px}.play-count-badge.svelte-1q4mwlw{top:.125rem;right:.125rem;padding:.125rem .25rem;font-size:.5rem}.play-icon.svelte-1q4mwlw{width:.5rem;height:.5rem}}