.popup-fade-enter-active[data-v-bfcc7bbc],.popup-fade-leave-active[data-v-bfcc7bbc]{transition:opacity .3s ease}.popup-fade-enter-from[data-v-bfcc7bbc],.popup-fade-leave-to[data-v-bfcc7bbc]{opacity:0}.popup-fade-enter-active .video-popup-container[data-v-bfcc7bbc],.popup-fade-leave-active .video-popup-container[data-v-bfcc7bbc]{transition:transform .3s ease,opacity .3s ease}.popup-fade-enter-from .video-popup-container[data-v-bfcc7bbc],.popup-fade-leave-to .video-popup-container[data-v-bfcc7bbc]{opacity:0;transform:scale(.9)}.video-popup-overlay[data-v-bfcc7bbc]{align-items:center;background:#000000e6;display:flex;justify-content:center;inset:0;outline:none;padding:20px;position:fixed;z-index:9999}.video-popup-container[data-v-bfcc7bbc]{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.close-button[data-v-bfcc7bbc]{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.close-button[data-v-bfcc7bbc]:hover{background:#000000b3;transform:scale(1.1)}.close-button[data-v-bfcc7bbc]:active{transform:scale(.95)}.video-info[data-v-bfcc7bbc]{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:20px 24px 16px}.video-title[data-v-bfcc7bbc]{color:var(--text-color);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 4px}.video-date[data-v-bfcc7bbc]{color:var(--text-secondary);font-size:.9rem}.video-wrapper[data-v-bfcc7bbc]{background:#000;padding-bottom:56.25%;position:relative;width:100%}.video-wrapper iframe[data-v-bfcc7bbc]{height:100%;left:0;position:absolute;top:0;width:100%}.video-loading[data-v-bfcc7bbc]{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.loading-spinner[data-v-bfcc7bbc]{animation:spin-bfcc7bbc 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 16px;width:40px}.video-loading p[data-v-bfcc7bbc]{font-size:.95rem;margin:0}@keyframes spin-bfcc7bbc{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-theme=dark] .video-popup-container[data-v-bfcc7bbc]{background:var(--card-bg);box-shadow:0 20px 60px #000c}[data-theme=dark] .close-button[data-v-bfcc7bbc]{background:#ffffff1a}[data-theme=dark] .close-button[data-v-bfcc7bbc]:hover{background:#fff3}@media(max-width:768px){.video-popup-overlay[data-v-bfcc7bbc]{align-items:center;justify-content:center;padding:0}.video-popup-container[data-v-bfcc7bbc]{background:transparent;border-radius:0;display:flex;flex-direction:column;height:auto;justify-content:center;max-height:100vh;max-width:100vw;width:100vw}.close-button[data-v-bfcc7bbc]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;box-shadow:0 2px 10px #0000004d;height:44px;position:fixed;right:env(safe-area-inset-right,16px);top:env(safe-area-inset-top,16px);width:44px}.video-info[data-v-bfcc7bbc]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000f2;border-bottom:none;border-top:1px solid hsla(0,0%,100%,.1);order:2;padding:16px 20px}.video-title[data-v-bfcc7bbc]{color:#fff;font-size:1rem;padding-right:0}.video-date[data-v-bfcc7bbc]{color:#ffffffb3;font-size:.85rem}.video-wrapper[data-v-bfcc7bbc]{background:#000;max-width:100vw;order:1;padding-bottom:56.25%;position:relative;width:100%}}@media(max-width:768px)and (orientation:landscape){.video-popup-container[data-v-bfcc7bbc]{height:100vh;max-height:100vh}.video-wrapper[data-v-bfcc7bbc]{flex:1;height:100%;padding-bottom:0}.video-wrapper iframe[data-v-bfcc7bbc]{height:100%;position:absolute;width:100%}.video-info[data-v-bfcc7bbc]{display:none}}@media(max-width:480px){.video-title[data-v-bfcc7bbc]{font-size:.95rem}.video-info[data-v-bfcc7bbc]{padding:12px 16px}.close-button[data-v-bfcc7bbc]{height:40px;width:40px}}