.media-player.svelte-ls2v7m{padding:var(--spacing-6);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-8);transition:all var(--anim-duration-base) var(--anim-ease-base);outline:none;position:relative}.media-player.svelte-ls2v7m:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-5)) 0%,transparent 50%,rgba(var(--color-accent-rgb),var(--opacity-5)) 100%);border-radius:var(--border-radius-xl);pointer-events:none;opacity:0;transition:opacity var(--anim-duration-base) var(--anim-ease-base)}.media-player.svelte-ls2v7m:hover:before{opacity:1}.player-header.svelte-ls2v7m{margin-bottom:var(--spacing-4)}.player-title.svelte-ls2v7m{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.error-message.svelte-ls2v7m{background:rgba(var(--color-danger-rgb),var(--opacity-5));border:var(--border-width-thin) solid var(--color-danger);border-radius:var(--border-radius);padding:var(--spacing-4);margin-bottom:var(--spacing-4);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.media-container.svelte-ls2v7m{position:relative;margin-bottom:var(--spacing-6);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-black)}.media-element.svelte-ls2v7m{width:100%;height:auto;display:block;background:var(--color-black)}.audio-visualization.svelte-ls2v7m{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-5)),rgba(var(--color-accent-rgb),var(--opacity-very-low)));min-height:120px;border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.audio-visualization.svelte-ls2v7m:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(var(--color-white-rgb),var(--opacity-5)) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(var(--color-highlight-rgb),var(--opacity-5)) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(var(--color-accent-rgb),var(--opacity-very-low)) 70%);pointer-events:none}.audio-visualization.svelte-ls2v7m:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--color-primary-rgb),var(--opacity-10))}.waveform.svelte-ls2v7m{display:flex;align-items:end;gap:3px;margin-bottom:var(--spacing-3);height:30px}.wave-bar.svelte-ls2v7m{width:4px;background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:var(--border-radius-full);animation:svelte-ls2v7m-wave 2s ease-in-out infinite;opacity:.7;transition:all var(--anim-duration-base) var(--anim-ease-base)}.audio-visualization.svelte-ls2v7m:hover .wave-bar:where(.svelte-ls2v7m){opacity:1;animation-duration:1.5s}@keyframes svelte-ls2v7m-wave{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.audio-icon-container.svelte-ls2v7m{position:relative;margin-bottom:var(--spacing-2);z-index:2}.audio-icon-backdrop.svelte-ls2v7m{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,rgba(var(--color-primary-rgb),var(--opacity-10)) 0%,rgba(var(--color-accent-rgb),var(--opacity-5)) 70%,transparent 100%);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-pulse 3s ease-in-out infinite}.audio-icon.svelte-ls2v7m{position:relative;color:var(--color-primary);background:rgba(var(--color-white-rgb),var(--opacity-90));border-radius:var(--border-radius-full);padding:var(--spacing-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--color-primary-rgb),var(--opacity-20));transition:all var(--anim-duration-base) var(--anim-ease-base);box-shadow:var(--shadow-sm),0 0 20px rgba(var(--color-primary-rgb),var(--opacity-10))}.audio-icon.svelte-ls2v7m:hover{transform:scale(1.1);color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 30px rgba(var(--color-accent-rgb),var(--opacity-20))}@keyframes svelte-ls2v7m-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.audio-content.svelte-ls2v7m{text-align:center;z-index:2;position:relative}.audio-title.svelte-ls2v7m{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}.audio-description.svelte-ls2v7m{color:var(--color-white);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:400px;margin:0 auto;text-shadow:0 1px 3px rgba(var(--color-black-rgb),.5);font-weight:var(--font-weight-medium)}.audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m){color:var(--color-white);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:all var(--anim-duration-base) var(--anim-ease-base);text-shadow:0 1px 3px rgba(var(--color-black-rgb),.7)}.audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m):hover{color:var(--color-accent);text-decoration:underline;text-shadow:0 1px 3px rgba(var(--color-black-rgb),.8);transform:translateY(-1px)}html.dark .audio-description.svelte-ls2v7m{color:var(--color-white);text-shadow:0 1px 3px rgba(var(--color-black-rgb),.7)}html.dark .audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m){color:var(--color-white);text-shadow:0 1px 3px rgba(var(--color-black-rgb),.8)}html.dark .audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m):hover{color:var(--color-accent);text-shadow:0 1px 4px rgba(var(--color-black-rgb),.9)}.particles.svelte-ls2v7m{position:absolute;inset:0;pointer-events:none;z-index:1}.particle.svelte-ls2v7m{position:absolute;width:6px;height:6px;background:radial-gradient(circle,var(--color-highlight),transparent);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-float linear infinite;opacity:.6}@keyframes svelte-ls2v7m-float{0%{transform:translateY(100%) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-20px) rotate(360deg);opacity:0}}.loading-overlay.svelte-ls2v7m{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-black-rgb),var(--opacity-50));-webkit-backdrop-filter:blur(var(--glass-blur-amount));backdrop-filter:blur(var(--glass-blur-amount));border-radius:var(--border-radius-lg)}.loading-spinner.svelte-ls2v7m{width:var(--spacing-10);height:var(--spacing-10);border:var(--border-width-thick) solid rgba(var(--color-primary-rgb),var(--opacity-10));border-top:var(--border-width-thick) solid var(--color-primary);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-spin var(--anim-duration-slow) linear infinite}@keyframes svelte-ls2v7m-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-controls.svelte-ls2v7m{position:relative;background:rgba(var(--color-surface-rgb),var(--opacity-95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-width-thin) solid rgba(var(--color-border-rgb),var(--opacity-20));border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin:var(--spacing-1) 0 0 0;box-shadow:0 4px 20px rgba(var(--color-black-rgb),var(--opacity-5)),0 1px 3px rgba(var(--color-black-rgb),var(--opacity-10)),inset 0 1px rgba(var(--color-white-rgb),var(--opacity-10));transition:all var(--anim-duration-base) var(--anim-ease-base)}.player-controls.svelte-ls2v7m:before{content:"";position:absolute;top:0;left:var(--spacing-6);right:var(--spacing-6);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-accent-rgb),var(--opacity-20)) 50%,transparent 100%)}.player-controls.svelte-ls2v7m:hover{background:rgba(var(--color-surface-rgb),var(--opacity-98));box-shadow:0 8px 32px rgba(var(--color-black-rgb),var(--opacity-10)),0 2px 8px rgba(var(--color-black-rgb),var(--opacity-15)),inset 0 1px rgba(var(--color-white-rgb),var(--opacity-15))}.progress-container.svelte-ls2v7m{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.progress-bar.svelte-ls2v7m{position:relative;height:6px;background:rgba(var(--color-text-rgb),var(--opacity-10));border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--anim-duration-base) var(--anim-ease-base);overflow:hidden;box-shadow:inset 0 1px 2px rgba(var(--color-black-rgb),var(--opacity-10))}.progress-bar.svelte-ls2v7m:hover{height:8px;background:rgba(var(--color-text-rgb),var(--opacity-15));box-shadow:inset 0 1px 3px rgba(var(--color-black-rgb),var(--opacity-15)),0 2px 8px rgba(var(--color-primary-rgb),var(--opacity-20))}.progress-fill.svelte-ls2v7m{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--border-radius-full);transition:width .1s ease;box-shadow:0 0 8px rgba(var(--color-primary-rgb),var(--opacity-30)),inset 0 1px rgba(var(--color-white-rgb),var(--opacity-20))}.progress-thumb.svelte-ls2v7m{position:absolute;top:50%;width:var(--spacing-4);height:var(--spacing-4);background:var(--color-primary);border:var(--border-width-medium) solid var(--color-white);border-radius:var(--border-radius-full);transform:translate(-50%,-50%);opacity:0;transition:all var(--anim-duration-base) var(--anim-ease-base);box-shadow:var(--shadow-sm),0 0 0 4px rgba(var(--color-primary-rgb),var(--opacity-20))}.progress-bar.svelte-ls2v7m:hover .progress-thumb:where(.svelte-ls2v7m){opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-primary),0 0 0 6px rgba(var(--color-primary-rgb),var(--opacity-30))}.time-display.svelte-ls2v7m{display:flex;justify-content:space-between;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-light);letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium);line-height:1;opacity:.8;transition:opacity var(--anim-duration-base) var(--anim-ease-base)}.progress-container.svelte-ls2v7m:hover .time-display:where(.svelte-ls2v7m){opacity:1;color:var(--color-text)}.control-buttons.svelte-ls2v7m{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-2) 0}.control-btn{min-width:44px!important;min-height:44px!important;cursor:pointer!important;background:rgba(var(--color-surface-rgb),var(--opacity-90))!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:var(--border-width-thin) solid rgba(var(--color-border-rgb),var(--opacity-30))!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 2px 8px rgba(var(--color-black-rgb),var(--opacity-5)),inset 0 1px rgba(var(--color-white-rgb),var(--opacity-15))!important;transition:all var(--anim-duration-base) var(--anim-ease-base)!important}.control-btn:hover{background:rgba(var(--color-surface-rgb),var(--opacity-95))!important;border-color:rgba(var(--color-primary-rgb),var(--opacity-40))!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:0 4px 16px rgba(var(--color-black-rgb),var(--opacity-10)),0 2px 8px rgba(var(--color-primary-rgb),var(--opacity-20)),inset 0 1px rgba(var(--color-white-rgb),var(--opacity-20))!important}.control-btn:active{transform:translateY(0) scale(.98)!important}.control-icon.svelte-ls2v7m{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:color var(--anim-duration-base) var(--anim-ease-base)}.control-icon--fixed.svelte-ls2v7m{width:20px;height:20px}.control-icon--muted.svelte-ls2v7m{color:#dc2626}.control-btn:hover .control-icon.svelte-ls2v7m{color:var(--color-primary)}.control-btn:hover .control-icon--muted.svelte-ls2v7m{color:#ef4444}.volume-controls.svelte-ls2v7m{display:flex;align-items:center;gap:var(--spacing-3);background:rgba(var(--color-surface-rgb),var(--opacity-50));border:var(--border-width-thin) solid rgba(var(--color-border-rgb),var(--opacity-20));border-radius:var(--border-radius-lg);padding:var(--spacing-2) var(--spacing-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px rgba(var(--color-white-rgb),var(--opacity-10));transition:all var(--anim-duration-base) var(--anim-ease-base)}.volume-controls.svelte-ls2v7m:hover{background:rgba(var(--color-surface-rgb),var(--opacity-70));border-color:rgba(var(--color-accent-rgb),var(--opacity-30));box-shadow:inset 0 1px rgba(var(--color-white-rgb),var(--opacity-15)),0 2px 8px rgba(var(--color-accent-rgb),var(--opacity-10))}.volume-slider-container.svelte-ls2v7m{display:flex;align-items:center;padding:var(--spacing-1)}.volume-slider.svelte-ls2v7m{width:var(--spacing-20);height:6px;border:var(--border-width-thin) solid rgba(var(--color-border-rgb),var(--opacity-20));border-radius:var(--border-radius-full);outline:none;appearance:none;cursor:pointer;transition:all var(--anim-duration-base) var(--anim-ease-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 3px rgba(var(--color-black-rgb),var(--opacity-10)),0 1px 2px rgba(var(--color-white-rgb),var(--opacity-10))}.volume-slider.svelte-ls2v7m:hover{border-color:rgba(var(--color-primary-rgb),var(--opacity-40));box-shadow:inset 0 1px 3px rgba(var(--color-black-rgb),var(--opacity-15)),0 2px 4px rgba(var(--color-primary-rgb),var(--opacity-10)),0 1px 2px rgba(var(--color-white-rgb),var(--opacity-15));transform:scaleY(1.2)}.volume-slider.svelte-ls2v7m::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:var(--border-radius-full);cursor:pointer;border:2px solid var(--color-white);box-shadow:0 2px 4px rgba(var(--color-black-rgb),var(--opacity-20)),0 0 0 2px rgba(var(--color-primary-rgb),var(--opacity-20));transition:all var(--anim-duration-base) var(--anim-ease-base)}.volume-slider.svelte-ls2v7m::-webkit-slider-thumb:hover{background:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 8px rgba(var(--color-black-rgb),var(--opacity-30)),0 0 0 3px rgba(var(--color-accent-rgb),var(--opacity-30))}.volume-slider.svelte-ls2v7m::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary);border-radius:var(--border-radius-full);cursor:pointer;border:2px solid var(--color-white);box-shadow:0 2px 4px rgba(var(--color-black-rgb),var(--opacity-20)),0 0 0 2px rgba(var(--color-primary-rgb),var(--opacity-20));transition:all var(--anim-duration-base) var(--anim-ease-base)}.volume-slider.svelte-ls2v7m::-moz-range-thumb:hover{background:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 8px rgba(var(--color-black-rgb),var(--opacity-30)),0 0 0 3px rgba(var(--color-accent-rgb),var(--opacity-30))}@media (max-width: 640px){.media-player.svelte-ls2v7m,.player-controls.svelte-ls2v7m{padding:var(--spacing-4)}.control-buttons.svelte-ls2v7m{flex-wrap:wrap;gap:var(--spacing-4)}.volume-controls.svelte-ls2v7m{order:1;width:100%;justify-content:center;margin-top:var(--spacing-3)}.volume-slider.svelte-ls2v7m{width:var(--spacing-32)}.audio-visualization.svelte-ls2v7m{padding:var(--spacing-8);min-height:240px}.waveform.svelte-ls2v7m{margin-bottom:var(--spacing-6)}.audio-title.svelte-ls2v7m{font-size:var(--font-size-lg)}.audio-description.svelte-ls2v7m{font-size:var(--font-size-xs)}.control-btn{min-width:48px!important;min-height:48px!important}}@media (min-width: 768px){.volume-slider.svelte-ls2v7m{width:var(--spacing-24)}.control-buttons.svelte-ls2v7m{gap:var(--spacing-8)}.player-controls.svelte-ls2v7m{padding:var(--spacing-6)}.progress-container.svelte-ls2v7m{margin-bottom:var(--spacing-5)}}@media (min-width: 1024px){.volume-slider.svelte-ls2v7m{width:var(--spacing-28)}.control-buttons.svelte-ls2v7m{gap:var(--spacing-10)}.control-btn:hover{transform:translateY(-2px) scale(1.05)!important}}@media (prefers-reduced-motion: reduce){.media-player.svelte-ls2v7m,.progress-bar.svelte-ls2v7m,.progress-fill.svelte-ls2v7m,.progress-thumb.svelte-ls2v7m,.loading-spinner.svelte-ls2v7m{transition:none;animation:none}}.media-player.svelte-ls2v7m:focus-visible{outline:var(--border-width-medium) solid var(--color-highlight);outline-offset:var(--spacing-1)}.progress-bar.svelte-ls2v7m:focus-visible{outline:var(--border-width-medium) solid var(--color-highlight);outline-offset:var(--spacing-1)}@media (prefers-contrast: high){.progress-bar.svelte-ls2v7m{background:rgba(var(--color-text-rgb),var(--opacity-50))}.progress-fill.svelte-ls2v7m{background:var(--color-text-emphasis)}.audio-visualization.svelte-ls2v7m{background:var(--color-surface-alt);border:var(--border-width-thin) solid var(--color-border)}}html.dark .media-player.svelte-ls2v7m:before{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-10)) 0%,transparent 50%,rgba(var(--color-accent-rgb),var(--opacity-10)) 100%)}html.dark .player-controls.svelte-ls2v7m{background:rgba(var(--color-surface-rgb),var(--opacity-90));border-color:rgba(var(--color-border-rgb),var(--opacity-30))}html.dark .player-controls.svelte-ls2v7m:hover{background:rgba(var(--color-surface-rgb),var(--opacity-95))}html.dark .audio-visualization.svelte-ls2v7m{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-10)),rgba(var(--color-accent-rgb),var(--opacity-10)))}html.dark .audio-visualization.svelte-ls2v7m:before{background:radial-gradient(circle at 25% 25%,rgba(var(--color-accent-rgb),var(--opacity-5)) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(var(--color-highlight-rgb),var(--opacity-10)) 0%,transparent 60%),linear-gradient(45deg,transparent 30%,rgba(var(--color-primary-rgb),var(--opacity-very-low)) 70%)}html.dark .audio-icon.svelte-ls2v7m{background:rgba(var(--color-surface-rgb),var(--opacity-90));border-color:rgba(var(--color-accent-rgb),var(--opacity-30))}html.dark .progress-fill.svelte-ls2v7m{background:linear-gradient(90deg,var(--color-accent),var(--color-highlight))}html.dark .control-btn{background:rgba(var(--color-surface-rgb),var(--opacity-80))!important;border-color:rgba(var(--color-border-rgb),var(--opacity-40))!important}html.dark .control-btn:hover{background:rgba(var(--color-surface-rgb),var(--opacity-95))!important;border-color:rgba(var(--color-accent-rgb),var(--opacity-50))!important}html.dark .volume-controls.svelte-ls2v7m{background:rgba(var(--color-surface-rgb),var(--opacity-60));border-color:rgba(var(--color-border-rgb),var(--opacity-30))}html.dark .volume-controls.svelte-ls2v7m:hover{background:rgba(var(--color-surface-rgb),var(--opacity-80));border-color:rgba(var(--color-accent-rgb),var(--opacity-40))}.main-content.svelte-md0hd0{width:100%}.sidebar.svelte-md0hd0{width:100%;margin-top:var(--spacing-8)}@media (min-width: var(--breakpoint-md)){.grid.svelte-md0hd0{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-8)}.main-content.svelte-md0hd0{width:auto}.sidebar.svelte-md0hd0{width:auto;margin-top:0}}