.text-shadow-lg{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.text-shadow-md{text-shadow:0 1px 3px rgba(0,0,0,.7)}.video-slider-container{position:fixed;overflow:hidden;background-color:#000;top:64px;left:0;right:0;bottom:0;z-index:10;align-items:stretch;-webkit-tap-highlight-color:transparent;touch-action:pan-x pinch-zoom;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.video-slide-content,.video-slider-container{display:flex;justify-content:center;box-sizing:border-box}.video-slide-content{position:relative;width:100%;height:100%;align-items:center;overflow:hidden;opacity:1;transition:opacity .4s ease-in-out;margin:0;padding:0}.video-player{background-color:#000;z-index:5;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.video-player,.video-player.portrait{width:100%;height:100%;object-fit:cover}.video-player.portrait{object-position:center}.video-player.landscape{width:100%;height:100%;object-fit:cover;object-position:center}@media (min-width:1024px){.video-slide-content.portrait video{height:100vh;width:auto;max-width:100%;object-fit:contain}.video-slide-content.landscape video{width:100%;height:100%;object-fit:cover}}@media (max-width:1023px){.video-slide-content.portrait video{width:auto;height:auto;max-width:100vw;max-height:100vh;object-fit:contain}.video-slide-content.landscape video{width:100vw;height:auto;max-height:100vh;object-fit:contain}}@media (max-width:768px){.video-info-overlay{padding:.5rem}.interaction-btn svg{width:28px;height:28px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.interaction-btn:hover{transform:scale(1.1);transition:transform .2s ease}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px}.loading-dot{width:12px;height:12px;background-color:white;border-radius:50%;animation:dot-fade 1.4s ease-in-out infinite both}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes dot-fade{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}.video-info-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:10;pointer-events:none}.video-bottom-controls{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:20px}.video-info{max-width:70%;align-items:flex-start;justify-content:flex-end;margin-bottom:5px}.video-actions,.video-info{pointer-events:none;display:flex;flex-direction:column}.video-actions{align-items:center;gap:1.5rem;margin-bottom:15px;align-self:flex-end}.interaction-btn{pointer-events:auto;transition:transform .2s ease;user-select:none;touch-action:manipulation;padding:12px;margin:-12px;position:relative;z-index:20}.interaction-btn:active{transform:scale(.9);opacity:.8}.heart-icon{stroke:white!important;stroke-width:2px;fill:transparent!important;transition:all .3s ease}.heart-icon.active{fill:#ff0000!important;stroke:#ff0000!important}.dislike-icon{stroke:white!important;stroke-width:2px;fill:transparent!important;transition:all .3s ease}.dislike-icon.active{fill:white!important}.share-icon{stroke:white!important;stroke-width:2px;fill:transparent!important;transition:all .3s ease}.play-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background-color:rgba(0,0,0,.8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10;padding:5px;box-shadow:0 0 25px rgba(0,0,0,.9),0 0 50px rgba(0,0,0,.7),inset 0 0 20px rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.play-pause-icon.visible{opacity:.95;animation:playIconPulse 2s ease-in-out infinite}.play-icon{width:0;height:0;border-color:transparent transparent transparent white;border-style:solid;border-width:22px 0 22px 35px;margin-left:8px;margin-bottom:8px;filter:drop-shadow(0 0 5px rgba(0,0,0,.8))}.tap-to-play{color:white;font-size:12px;margin-top:5px;text-shadow:0 2px 4px rgba(0,0,0,.9);font-weight:600}.video-slide-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s cubic-bezier(.33,1,.68,1);will-change:transform;backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-slide-item.translate-y-0{transform:translateY(0);z-index:3;visibility:visible;opacity:1}.video-slide-item.-translate-y-full{transform:translateY(-100%);z-index:2;visibility:hidden;opacity:0}.video-slide-item.translate-y-full{transform:translateY(100%);z-index:1;visibility:hidden;opacity:0}.video-element{display:block;touch-action:none;pointer-events:auto;width:100%;height:100%;object-fit:contain;z-index:1}.category-scroll-container{display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:100;flex-direction:column;gap:10px;background-color:rgba(0,0,0,.3);padding:8px;border-radius:20px;backdrop-filter:blur(5px)}.category-pill{padding:8px 12px;background-color:rgba(255,255,255,.1);border-radius:16px;color:white;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;cursor:pointer}.category-pill.active{background-color:#ffffff;color:#000000;box-shadow:0 0 10px rgba(255,255,255,.5)}.video-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#ffffff;animation:spin 1s ease-in-out infinite;z-index:5}@media (max-width:768px){.category-scroll-container{right:5px}.category-pill{padding:6px 10px;font-size:12px}}.scroll-arrows{display:none;position:absolute;right:20px;z-index:100;flex-direction:column;gap:5px}.scroll-arrows.top{top:15px}.arrow-btn{width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.arrow-btn:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1)}.arrow-btn svg{color:white;width:24px;height:24px}@media (min-width:1024px){.video-slide-item{cursor:grab}.video-slide-item:active{cursor:grabbing}}@media (max-width:768px){.video-slider-container{top:64px;align-items:stretch;justify-content:stretch}.video-slide-content,.video-slide-item{max-width:none;width:100%;height:100%}.video-slide-content{max-height:none;border-radius:0}.video-slide-content .video-player{object-fit:cover;border-radius:0;width:100%;height:100%}.video-slide-content .video-player.landscape,.video-slide-content .video-player.portrait{object-fit:cover;max-width:none;max-height:none;width:100%;height:100%}.video-info{margin-left:0;padding-left:0;max-width:65%}.video-actions{margin-right:0;padding-right:0;gap:1.2rem;margin-bottom:100px}.video-bottom-controls{padding:15px 0 20px;justify-content:space-between;width:100%}.interaction-btn svg{width:26px;height:26px}.video-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:rgba(255,255,255,.3);z-index:25;border-radius:0;overflow:hidden}.video-progress-bar{height:100%;background:linear-gradient(90deg,#ff4757,#ff6b6b,#ffa502);transition:width .1s ease;border-radius:0}.video-title{font-size:18px;font-weight:600;color:#ffffff;margin-bottom:8px;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8)}.video-description{font-size:14px;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.video-tag{background-color:rgba(255,255,255,.2);color:#ffffff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}}.video-transitioning .video-slide-content{opacity:.8;transition:opacity .4s ease-in-out}.video-buffering-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background-color:rgba(0,0,0,.5);border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 15px rgba(0,0,0,.3)}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}video.buffering{opacity:.7}.simple-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10;pointer-events:none;background-color:rgba(0,0,0,.7);border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 0 20px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.6),inset 0 0 20px rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.simple-play-icon.visible{opacity:.95;animation:playIconPulse 2s ease-in-out infinite}@keyframes playIconPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.6),0 0 0 0 rgba(255,255,255,.4),inset 0 0 20px rgba(255,255,255,.1)}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 25px rgba(0,0,0,.9),0 0 50px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.2),inset 0 0 25px rgba(255,255,255,.15)}}.play-triangle{width:0;height:0;border-color:transparent transparent transparent rgba(255,255,255,.95);border-style:solid;border-width:25px 0 25px 40px;filter:drop-shadow(0 0 8px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(0,0,0,.6));margin-left:8px}@media (max-width:768px){.simple-play-icon{width:80px;height:80px;border-width:2px}.play-triangle{border-width:20px 0 20px 32px;margin-left:6px}}@media (max-width:480px){.simple-play-icon{width:70px;height:70px}.play-triangle{border-width:18px 0 18px 28px;margin-left:5px}}.volume-control{position:absolute;top:72px;right:10px;z-index:500;pointer-events:auto;padding:5px;isolation:isolate}.volume-btn{background-color:rgba(0,0,0,.6);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(2px);pointer-events:all}.volume-btn:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1)}.volume-btn:active{transform:scale(.95)}@media (min-width:1024px){.video-slider-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#000000!important;z-index:1!important;overflow:hidden!important;box-sizing:border-box!important;touch-action:auto!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important}.video-slide-item,.video-slider-container{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}.video-slide-item{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;cursor:grab!important;width:auto!important;height:auto!important;transition:transform .3s ease-in-out!important;margin:0!important}.video-slide-item:active{cursor:grabbing!important}.video-slide-content{position:relative!important;width:405px!important;height:720px!important;background-color:#000!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 32px rgba(0,0,0,.8),0 16px 64px rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.video-slide-content .video-player{object-position:center;border-radius:12px}.video-slide-content .video-player,.video-slide-content .video-player.landscape,.video-slide-content .video-player.portrait{width:100%;height:100%;object-fit:cover}.video-info-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:20;border-radius:12px}.video-bottom-controls{position:absolute;bottom:20px;left:5px;right:80px;display:flex;justify-content:flex-start;align-items:flex-end;pointer-events:none}.video-info{max-width:100%;pointer-events:none;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 70%,transparent);border-radius:8px}.video-title{font-size:18px;font-weight:600;color:#ffffff;margin-bottom:8px;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8)}.video-description{font-size:14px;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.video-tag{background-color:rgba(255,255,255,.2);color:#ffffff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.video-actions{gap:20px;pointer-events:none;position:absolute;right:33px;bottom:20px;top:auto;height:auto;justify-content:flex-end}.interaction-btn,.video-actions{display:flex;flex-direction:column;align-items:center}.interaction-btn{pointer-events:auto;background-color:rgba(255,255,255,.15);border-radius:50%;padding:0;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:48px;height:48px;justify-content:center;cursor:pointer}.interaction-btn:hover{background-color:rgba(255,255,255,.25);transform:scale(1.05);border-color:rgba(255,255,255,.4)}.interaction-btn svg{width:20px;height:20px;margin-bottom:2px}.interaction-btn span{font-size:10px;font-weight:600;text-align:center;line-height:1}.volume-control{position:absolute;top:16px;right:16px;z-index:30}.volume-btn{background-color:rgba(0,0,0,.7);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);pointer-events:auto}.volume-btn:hover{background-color:rgba(0,0,0,.9);transform:scale(1.05);border-color:rgba(255,255,255,.5)}.volume-btn svg{width:18px;height:18px}.video-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:rgba(255,255,255,.3);z-index:25;border-radius:0 0 12px 12px;overflow:hidden}.video-progress-bar{height:100%;background:linear-gradient(90deg,#ff4757,#ff6b6b,#ffa502);transition:width .1s ease;border-radius:0}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.play-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;opacity:0;transition:opacity .3s ease;pointer-events:none}.play-pause-indicator.show{opacity:1}.play-pause-icon{width:80px;height:80px;background-color:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.play-pause-icon svg{width:40px;height:40px;color:#ffffff}}.no-more-videos-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(10px);animation:fadeIn .3s ease-in-out}.no-more-videos-message{background-color:rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;text-align:center;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.6);max-width:300px;animation:slideUp .4s ease-out}.no-more-videos-icon{font-size:48px;margin-bottom:16px;animation:bounce 1s ease-in-out infinite}.no-more-videos-message h3{color:#ffffff;font-size:24px;font-weight:600;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.no-more-videos-message p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.5;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.no-more-videos-message{padding:30px 20px;max-width:280px;margin:0 20px}.no-more-videos-icon{font-size:40px;margin-bottom:12px}.no-more-videos-message h3{font-size:20px;margin-bottom:8px}.no-more-videos-message p{font-size:14px}}