.playback-controller.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{width:100%}.controller-content.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{display:flex;flex-direction:column;gap:.75rem;border-radius:.75rem;background-color:#ffffffb3;padding:.75rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(255 255 255 / .5);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.progress-section.svelte-1vqq8s5>.svelte-1vqq8s5:not([hidden])~.svelte-1vqq8s5:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.progress-info.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.time-display.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{min-width:0px;flex:1 1 0%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.timestamp.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{border-radius:.25rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.position-info.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{text-align:center}.progress-container.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{position:relative;height:.5rem}.progress-track.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.progress-fill.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:hsl(var(--primary) / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;cursor:pointer;opacity:0}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:disabled{cursor:not-allowed}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb{height:1rem;width:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:transform;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb{height:1rem;width:1rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-moz-transition-property:transform;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:disabled::-webkit-slider-thumb,.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:disabled::-moz-range-thumb{cursor:not-allowed;opacity:.5;transform:none}.controls-section.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:2rem;width:2rem;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#ffffffb3;padding:0;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:hover{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));background-color:#fffc}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:2.75rem;width:2.75rem;border-radius:9999px;padding:0;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(255 255 255 / .4);background:linear-gradient(135deg,#1e3a8a,#2563eb 40%,#38bdf8);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:disabled{cursor:not-allowed;opacity:.5}.speed-controls.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{display:flex;align-items:center;gap:.25rem}.speed-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:1.75rem;width:1.75rem;border-radius:calc(var(--radius) - 2px);background-color:#fff9;padding:0;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.speed-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:hover{background-color:#fffc}.speed-display.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{display:flex;min-width:3rem;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.25rem .5rem}.auto-hide.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.auto-hide.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:not(.visible){opacity:.3}.auto-hide.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:not(.visible):hover{opacity:1}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:focus{outline:2px solid transparent;outline-offset:2px}.progress-slider.svelte-1vqq8s5:focus+.progress-track.svelte-1vqq8s5.svelte-1vqq8s5{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:hsl(var(--primary) / var(--tw-ring-opacity, 1));--tw-ring-offset-width:2px}.dark .timestamp.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark .speed-display.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark .control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));background-color:#1e293bb3}.dark .control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:hover{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));background-color:#334155cc}.dark .speed-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}@media (max-width: 640px){.progress-info.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{font-size:.75rem;line-height:1rem}.time-display.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{min-width:3rem}.controls-section.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{gap:.25rem}.control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5,.speed-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:1.75rem;width:1.75rem}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:2.5rem;width:2.5rem}}@media (min-width: 1024px){.control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:2.25rem;width:2.25rem}.speed-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:2rem;width:2rem}.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{height:3rem;width:3rem}}@media (prefers-reduced-motion: reduce){.progress-fill.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5,.auto-hide.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5,.control-btn.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5,.play-pause-button.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5{transition:none}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb,.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb{-webkit-transition:none;-moz-transition:none;transition:none;transform:none}.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb:hover,.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-webkit-slider-thumb:active,.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb:hover,.progress-slider.svelte-1vqq8s5.svelte-1vqq8s5.svelte-1vqq8s5::-moz-range-thumb:active{transform:none}}