.audio-player.svelte-j1l7g3{background:#f5f5f5;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.controls.svelte-j1l7g3{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}button.svelte-j1l7g3{background:none;border:none;cursor:pointer;padding:0;color:#333;transition:transform .1s,color .2s}button.svelte-j1l7g3:hover{color:#007bff}button.svelte-j1l7g3:active{transform:scale(.95)}.play-button.svelte-j1l7g3{width:64px;height:64px;background:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.play-button.svelte-j1l7g3:hover{background:#0056b3;color:#fff}.play-button.svelte-j1l7g3 svg:where(.svelte-j1l7g3){width:32px;height:32px}.skip-button.svelte-j1l7g3{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative}.skip-button.svelte-j1l7g3 svg:where(.svelte-j1l7g3){width:32px;height:32px}.skip-button.svelte-j1l7g3 span:where(.svelte-j1l7g3){position:absolute;font-size:10px;font-weight:700;pointer-events:none}.progress-section.svelte-j1l7g3{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.time.svelte-j1l7g3{font-size:.875rem;color:#666;min-width:45px;font-variant-numeric:tabular-nums}.progress-bar.svelte-j1l7g3{flex:1;cursor:pointer;padding:8px 0}.progress-bar.svelte-j1l7g3:hover:not(.disabled) .progress-background:where(.svelte-j1l7g3){height:8px;transition:height .2s ease}.progress-bar.svelte-j1l7g3:active:not(.disabled) .progress-background:where(.svelte-j1l7g3){height:10px}.progress-bar.disabled.svelte-j1l7g3,.skip-button.disabled.svelte-j1l7g3{opacity:.5;cursor:not-allowed}.progress-bar.disabled.svelte-j1l7g3:hover{color:#333}.progress-bar.svelte-j1l7g3:hover:not(.disabled) .progress-fill:where(.svelte-j1l7g3){background:#0056b3;transition:background .2s ease,width .1s}.progress-background.svelte-j1l7g3{height:6px;background:#ddd;border-radius:3px;overflow:hidden;position:relative}.progress-fill.svelte-j1l7g3{height:100%;background:#007bff;transition:width .1s}.bottom-controls.svelte-j1l7g3{display:flex;align-items:center;justify-content:space-between;gap:1rem}.playback-speed-section.svelte-j1l7g3{position:relative;display:flex;align-items:center}.speed-button.svelte-j1l7g3{background:#fff;border:2px solid #007bff;border-radius:6px;padding:.375rem .75rem;font-size:.875rem;font-weight:600;color:#007bff;min-width:50px;text-align:center}.speed-button.svelte-j1l7g3:hover{background:#007bff;color:#fff}.speed-options.svelte-j1l7g3{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:10}.speed-option.svelte-j1l7g3{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#333;background:#fff;border:none;text-align:left;min-width:70px;transition:background .2s}.speed-option.svelte-j1l7g3:hover{background:#f5f5f5;color:#007bff}.speed-option.active.svelte-j1l7g3{background:#007bff;color:#fff}.speed-option.active.svelte-j1l7g3:hover{background:#0056b3}.volume-section.svelte-j1l7g3{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.volume-button.svelte-j1l7g3{width:32px;height:32px}.volume-button.svelte-j1l7g3 svg:where(.svelte-j1l7g3){width:24px;height:24px}.volume-slider.svelte-j1l7g3{width:100px;height:6px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none}.volume-slider.svelte-j1l7g3::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer}.volume-slider.svelte-j1l7g3::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none}@media(max-width:640px){.audio-player.svelte-j1l7g3{padding:1rem}.play-button.svelte-j1l7g3{width:56px;height:56px}.skip-button.svelte-j1l7g3{width:40px;height:40px}}