.custom-video-player{background:#000;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin:0 auto;max-width:100%;overflow:hidden;position:relative}.video-wrapper{align-items:center;background:#000;display:flex;justify-content:center;min-height:200px;position:relative;width:100%}.video-element{background:#000;cursor:pointer;display:block;height:auto;max-height:70vh;max-width:100%;object-fit:contain;pointer-events:auto;width:auto}.play-button-overlay{bottom:20px;position:absolute;right:20px;z-index:10}.play-button{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:none;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.2);cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.play-button:hover{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3);transform:scale(1.1)}.play-button svg{color:#333;height:24px;transition:all .2s ease;width:24px}.progress-bar{background:hsla(0,0%,100%,.3);bottom:0;cursor:pointer;height:4px;left:0;position:absolute;width:100%;z-index:5}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);height:100%;transition:width .1s ease;width:0}.progress-bar:hover{height:8px}.progress-bar:hover .progress-fill{background:linear-gradient(90deg,#ff5252,#ff7979)}.floating-player{background:#000;border-radius:12px;bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.4);height:180px;overflow:hidden;position:fixed;right:20px;transition:all .3s ease;width:320px;z-index:1000}.floating-player:hover{box-shadow:0 12px 40px rgba(0,0,0,.5);transform:scale(1.02)}.floating-video-wrapper{height:100%;position:relative;width:100%}.floating-video-element{height:100%;object-fit:contain;width:100%}.floating-play-button-overlay{bottom:15px!important;display:block!important;left:15px!important;position:absolute!important;z-index:1015!important}.floating-play-button,.floating-play-button-overlay{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.floating-play-button{align-items:center!important;background:hsla(0,0%,100%,.95)!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 12px rgba(0,0,0,.5)!important;cursor:pointer!important;display:flex!important;height:40px!important;justify-content:center!important;transition:all .3s ease!important;width:40px!important}.floating-play-button:hover{background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.6)!important;transform:scale(1.1)!important}.floating-play-button svg{color:#333!important;height:16px!important;pointer-events:none!important;transition:all .2s ease!important;width:16px!important;fill:#333!important}.floating-close-button{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.8);border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;pointer-events:auto;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px;z-index:1020}.floating-close-button:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.floating-close-button svg{color:#fff;height:18px;width:18px}@media (max-width:768px){.play-button{height:50px;width:50px}.play-button svg{height:20px;width:20px}.floating-player{bottom:10px;height:158px;right:10px;width:280px}.video-element{max-height:60vh}}@media (max-width:480px){.play-button-overlay{bottom:15px;right:15px}.play-button{height:45px;width:45px}.play-button svg{height:18px;width:18px}.floating-player{height:135px;width:240px}.video-element{max-height:50vh}}@keyframes fadeIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.floating-player.show{animation:fadeIn .3s ease forwards}.floating-player.hide{animation:fadeOut .3s ease forwards}