.autoplay-panel-overlay{position:fixed;bottom:0;left:0;right:0;z-index:1001;transform:translateY(100%);opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.autoplay-panel-overlay.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.autoplay-panel-content{background:#37373799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px 12px 0 0;padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:4px}.speed-display{color:#fff;font-size:18px;font-weight:500;display:flex;align-items:baseline;gap:4px}.speed-label,.speed-value,.speed-x{font-size:10px;font-weight:500}.speed-slider-wrapper{width:100%;display:flex;align-items:center;gap:16px}.slider-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.slider-icon svg{width:16px;height:16px;color:#fff}.speed-slider-track{flex:1;height:4px;background:#fff;border-radius:2px;position:relative;cursor:pointer}.speed-slider-fill{position:absolute;left:0;top:0;height:100%;background:#ff41a0;border-radius:2px;width:0%;transition:width .1s ease}.speed-slider-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#ff41a0;border-radius:50%;cursor:grab}.speed-slider-handle:active{cursor:grabbing}.autoplay-actions{width:100%;display:flex;justify-content:center}.btn-exit-autoplay{font-size:12px;background-color:#37373799;border:0;border-radius:50px;color:#fff;padding:4px 16px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}@media (min-width:769px){.autoplay-panel-overlay{display:none}}