.video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .3s ease;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.video-container:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0003}.video-container video{width:100%;height:100%;object-fit:contain;display:block;background:#000}@media (max-width: 480px){.video-container{max-height:500px;min-height:400px;border-radius:8px;aspect-ratio:9/16;width:100%}}@media (min-width: 481px) and (max-width: 768px){.video-container{max-height:550px;min-height:450px;border-radius:10px;aspect-ratio:9/16;width:100%}}@media (min-width: 769px){.video-container{max-height:600px;min-height:500px;border-radius:12px;aspect-ratio:9/16;width:100%}}.video-container video::-webkit-media-controls{background:rgba(0,0,0,.7);border-radius:8px}.video-container video{width:100%;height:100%;object-fit:cover;border-radius:12px}@media (max-width: 768px){.video-container{max-width:100vw;margin:0 auto}.video-container video{object-fit:cover;aspect-ratio:9/16}}.video-container video::-webkit-media-controls-panel{padding:8px}.video-loading{display:flex;align-items:center;justify-content:center;height:300px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:12px;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.video-error{display:flex;align-items:center;justify-content:center;height:300px;background:#fed7d7;color:#c53030;border-radius:12px;text-align:center;padding:20px}.video-grid-container{aspect-ratio:1;border-radius:8px;overflow:hidden}.video-grid-container video{object-fit:cover}.video-modal-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px}.video-modal-container video{max-height:100%;max-width:100%;object-fit:contain}.video-detail-container{width:100%;max-height:70vh;border-radius:12px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.video-detail-container video{width:100%;height:100%;max-height:70vh;object-fit:contain;display:block;background:#000}.video-grid-container:hover{transform:scale(1.02);transition:transform .2s ease}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;padding:16px;transition:all .3s ease}.play-button-overlay:hover{background:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1.1)}.play-icon{width:0;height:0;border-style:solid;border-width:8px 0 8px 16px;border-color:transparent transparent transparent white;margin-left:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1e24}::-webkit-scrollbar-thumb{background:#3f3f40}::-webkit-scrollbar-thumb:hover{background:#555}