input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{background:rgba(255,255,255,.3);height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:white;border-radius:50%;margin-top:-6px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3);opacity:1}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 4px 8px rgba(0,0,0,.4)}input[type=range].progress{height:8px}input[type=range].progress::-webkit-slider-runnable-track{height:8px;border-radius:4px}input[type=range].progress::-webkit-slider-thumb{opacity:1;width:20px;height:20px;margin-top:-6px}input[type=range].progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.3)}input[type=range]::-moz-range-track{background:rgba(255,255,255,.3);height:6px;border-radius:3px;border:none}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:white;border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3);opacity:1}input[type=range]:hover::-moz-range-thumb{transform:scale(1.3);box-shadow:0 4px 8px rgba(0,0,0,.4)}input[type=range].progress::-moz-range-track{height:8px;border-radius:4px}input[type=range].progress::-moz-range-thumb{width:20px;height:20px;opacity:1}input[type=range].progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.3)}@media (max-width:768px){input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}input[type=range].progress::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px;opacity:1}input[type=range]::-moz-range-track{height:8px;border-radius:4px}input[type=range]::-moz-range-thumb{width:24px;height:24px}input[type=range].progress::-moz-range-thumb{width:28px;height:28px;opacity:1}}mobile-fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;background:black!important}.mobile-fullscreen .react-player{width:100%!important;height:100%!important}.custom-seekbar{position:relative;width:100%;height:8px;background:rgba(75,85,99,.8);border-radius:4px;cursor:pointer;transition:height .2s ease}.custom-seekbar:hover{height:12px}.custom-seekbar .played-portion{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:4px;transition:all .1s ease}.custom-seekbar .hover-preview{position:absolute;top:0;left:0;height:100%;background:rgba(239,68,68,.6);border-radius:4px;transition:opacity .2s ease;opacity:0}.custom-seekbar .hover-preview.active{opacity:1}.custom-seekbar .thumb{position:absolute;top:50%;width:16px;height:16px;background:white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .2s ease;opacity:0}.custom-seekbar .thumb.active,.custom-seekbar:hover .thumb{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.custom-seekbar .thumb:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 4px 12px rgba(0,0,0,.4)}