.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-1nv4db{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;overflow:hidden;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:1rem;gap:1rem}.media-card.svelte-1nv4db:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.cover-art-container.svelte-1nv4db{position:relative;width:180px;height:180px;flex-shrink:0;overflow:hidden;border-radius:.5rem}.cover-art.svelte-1nv4db{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card.svelte-1nv4db:hover .cover-art:where(.svelte-1nv4db){transform:scale(1.05)}.cover-art-placeholder.svelte-1nv4db{width:100%;height:100%;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);display:flex;align-items:center;justify-content:center}.media-type-icon.svelte-1nv4db{font-size:1.5rem;opacity:.7}.content.svelte-1nv4db{flex:1;min-width:0}.header.svelte-1nv4db{margin-bottom:.75rem}.title-section.svelte-1nv4db{margin-bottom:.5rem}.title.svelte-1nv4db{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.4}.title.svelte-1nv4db a:where(.svelte-1nv4db){color:#fff;text-decoration:none}.title.svelte-1nv4db a:where(.svelte-1nv4db):hover{color:#3b82f6}.meta.svelte-1nv4db{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3;flex-wrap:wrap}.artists.svelte-1nv4db{color:#fffc;font-weight:500}.duration.svelte-1nv4db{color:#fff9}.media-type.svelte-1nv4db{text-transform:capitalize;background:#3b82f633;color:#3b82f6;padding:.125rem .375rem;border-radius:.25rem;font-weight:500;font-size:.75rem}.audio-player-container.svelte-1nv4db{margin-top:.5rem}.no-audio-notice.svelte-1nv4db{margin-top:.5rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;text-align:center}.no-audio-text.svelte-1nv4db{color:#ffffff80;font-size:.875rem}@media (max-width: 768px){.media-card.svelte-1nv4db{padding:.75rem;gap:.75rem}.cover-art-container.svelte-1nv4db{width:60px;height:60px}.title.svelte-1nv4db{font-size:1rem}.meta.svelte-1nv4db{font-size:.75rem}}@media (max-width: 640px){.media-card.svelte-1nv4db{padding:.5rem;gap:.5rem}.cover-art-container.svelte-1nv4db{width:50px;height:50px}.title.svelte-1nv4db{font-size:.875rem}.meta.svelte-1nv4db{font-size:.625rem;gap:.25rem}}.homepage.svelte-r18j3m{min-height:100vh;background-image:url(../../../bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background:linear-gradient(135deg,#0f0f2390,#1a1a2e90 30%,#16213e90 50%);color:#fff}.top-nav.svelte-r18j3m{position:sticky;top:0;z-index:100;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-container.svelte-r18j3m{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:2rem}.nav-link.svelte-r18j3m{color:#fffc;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;position:relative}.nav-link.svelte-r18j3m:hover{color:#fff;background:#ffffff1a}.nav-link.active.svelte-r18j3m{color:#3b82f6;background:#3b82f61a}.nav-link.active.svelte-r18j3m:after{content:"";position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);width:.5rem;height:.25rem;background:#3b82f6;border-radius:.125rem}.logo-section.svelte-r18j3m{display:flex;justify-content:center;align-items:center;padding:3rem 1rem 2rem;background:#0003}.logo.svelte-r18j3m{max-width:420px;width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.media-section.svelte-r18j3m{padding:2rem 1rem 6rem}.container.svelte-r18j3m{max-width:1200px;margin:0 auto}.section-title.svelte-r18j3m{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.media-grid.svelte-r18j3m{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.media-row-item.svelte-r18j3m{width:100%}.error-message.svelte-r18j3m{text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5}.error-message.svelte-r18j3m button:where(.svelte-r18j3m){margin-top:1rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.error-message.svelte-r18j3m button:where(.svelte-r18j3m):hover{background:#dc2626}.empty-state.svelte-r18j3m{text-align:center;padding:3rem;color:#fff9}.loading-indicator.svelte-r18j3m{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#ffffffb3}.spinner.svelte-r18j3m{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.2);border-top:2px solid #3b82f6;border-radius:50%;animation:svelte-r18j3m-spin 1s linear infinite}@keyframes svelte-r18j3m-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-trigger.svelte-r18j3m{height:1px;width:100%}@media (max-width: 768px){.logo-section.svelte-r18j3m{padding:2rem 1rem 1.5rem}.media-section.svelte-r18j3m{padding:1.5rem 1rem 5rem}.section-title.svelte-r18j3m{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width: 640px){.nav-container.svelte-r18j3m{gap:1rem;padding:0 1rem}.nav-link.svelte-r18j3m{font-size:.875rem;padding:.375rem .75rem}.section-title.svelte-r18j3m{font-size:1.25rem}}