.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.25, 1, .5, 1)}.video-modal.is-active{opacity:1;pointer-events:auto}.video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.video-modal-content{position:relative;width:fit-content;height:fit-content;max-width:90%;max-height:90vh;background-color:#000;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 40px rgba(196,165,31,.25);overflow:hidden;z-index:10;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);will-change:transform;display:flex;align-items:center;justify-content:center}.video-modal.is-active .video-modal-content{transform:scale(1) translateY(0)}.video-modal-content{max-width:1000px}.video-modal.is-portrait .video-modal-content{max-width:500px}.video-modal-player-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-height:90vh;width:100%;height:100%;overflow:hidden}.video-modal-player{max-height:90vh;max-width:100%;width:auto;height:auto;object-fit:contain;background-color:#000;display:block}.video-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99;transition:all .3s ease}.video-modal-close svg{width:20px;height:20px;stroke-width:2.5}.video-modal-close:hover{background-color:var(--magic-clr,#fcb100);border-color:var(--magic-clr,#fcb100);color:#000;transform:rotate(90deg) scale(1.1)}.video-controls-bar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%) translateY(10px);width:95%;max-width:800px;background:rgba(15,15,15,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 18px;display:flex;flex-direction:column;gap:8px;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 15px 35px rgba(0,0,0,.6)}.video-controls-bar:hover,.video-modal-player-wrapper.paused .video-controls-bar,.video-modal-player-wrapper:hover .video-controls-bar{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.video-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-btn{background:0 0;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;transition:all .2s ease;width:32px;height:32px}.control-btn:hover{background-color:rgba(255,255,255,.1);color:var(--magic-clr,#fcb100);scale:1.05}.control-btn svg{width:20px;height:20px;fill:currentColor}.progress-container{position:relative;width:100%;display:flex;align-items:center;height:20px;cursor:pointer}.progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;outline:0;cursor:pointer;position:relative;z-index:5;margin:0}.progress-fill{position:absolute;left:0;top:7px;height:6px;border-radius:3px;background:var(--magic-clr,#fcb100);pointer-events:none;z-index:4;width:0%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);border:2px solid var(--magic-clr,#fcb100);cursor:pointer;transition:transform .1s ease}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);border:2px solid var(--magic-clr,#fcb100);cursor:pointer;transition:transform .1s ease}.time-display{color:#ddd;font-size:.85rem;font-weight:500;min-width:80px;text-align:center;font-variant-numeric:tabular-nums}.volume-container{display:flex;align-items:center;gap:8px}.volume-slider{-webkit-appearance:none;appearance:none;width:60px;height:4px;background:rgba(255,255,255,.25);border-radius:2px;outline:0;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}@media (max-width:768px){.video-modal-content{width:95%;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.7)}.video-modal-close{top:10px;right:10px;width:34px;height:34px}.video-modal-close svg{width:16px;height:16px}.video-controls-bar{bottom:10px;width:95%;padding:8px 12px;gap:8px}.volume-slider{display:none!important}.time-display{font-size:.75rem;min-width:auto}}