.reels-container{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#000}.reels-back-button{position:fixed;top:20px;left:20px;z-index:100;width:48px;height:48px;border-radius:50%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.reels-back-button:hover{background-color:rgba(0,0,0,.9);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.4)}.reels-back-button:active{transform:scale(.95)}.reels-back-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.reels-carousel{display:flex;flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden;height:100vh;width:100%;scrollbar-width:none;-ms-overflow-style:none}.reels-carousel::-webkit-scrollbar{display:none}.reels-item{scroll-snap-align:start;scroll-snap-stop:always;flex:none;height:100vh;background-color:#000}.reels-item,.video-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.video-wrapper{height:100%;max-width:100%;aspect-ratio:9/16;overflow:hidden}@media (min-width:768px){.video-wrapper{max-width:calc(100vh * 9 / 16);margin:0 auto;aspect-ratio:9/16}}.reel-video{-o-object-fit:contain;object-fit:contain}.react-player-wrapper,.reel-video{width:100%;height:100%;background-color:#000;aspect-ratio:9/16}.react-player-wrapper{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.react-player-wrapper>div{position:absolute!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.tiktok-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden;aspect-ratio:9/16}.tiktok-embed{margin:0 auto;max-width:100%;width:100%;height:100%;transform:scale(1)}@media (max-width:767px){.reel-video{-o-object-fit:contain;object-fit:contain}.tiktok-wrapper{padding:0;aspect-ratio:9/16}.tiktok-embed{max-width:100%;width:100%;height:100%}}.reels-info{position:absolute;bottom:80px;left:16px;right:80px;color:#fff;z-index:10;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);border-radius:8px;transition:opacity .2s ease,transform .25s ease}.reels-info.is-hidden{transform:translateY(120%)}.reels-info.is-hidden,.reels-item.is-fullscreen .reels-info{opacity:0;pointer-events:none}.reels-item.is-fullscreen:hover .reels-info{opacity:1;pointer-events:auto}.info-content{display:flex;flex-direction:column;gap:8px}.video-creator{font-weight:700;font-size:16px;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.video-title{font-weight:400;font-size:14px}.video-description,.video-title{margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-description{font-size:13px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.video-description.expanded{-webkit-line-clamp:unset;max-height:300px;overflow-y:auto;padding-right:8px}.description-container{position:relative;display:flex;flex-direction:column;align-items:flex-start}.description-toggle{background:transparent;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;margin-top:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:opacity .2s ease}.description-toggle:hover{opacity:.8}.info-toggle-button{position:absolute;bottom:24px;left:16px;z-index:12;background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .2s ease}.info-toggle-button:hover{background:rgba(0,0,0,.6)}.reels-actions{position:absolute;bottom:80px;right:16px;gap:24px;z-index:10}.action-button,.reels-actions{display:flex;flex-direction:column;align-items:center}.action-button{gap:4px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;padding:8px;border-radius:50%}.action-button:hover{transform:scale(1.1);background-color:hsla(0,0%,100%,.1)}.action-button:active{transform:scale(.95)}.action-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.action-button.liked{color:#ff3b5c;animation:likeAnimation .3s ease}@keyframes likeAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.action-label{font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-counter{position:absolute;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.6);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10;backdrop-filter:blur(10px)}@media (max-width:767px){.reels-info{bottom:60px;left:12px;right:70px;padding:12px}.video-creator{font-size:15px}.video-title{font-size:13px}.video-description{font-size:12px}.description-toggle{font-size:12px;display:inline-flex;align-items:center;gap:4px;position:relative;z-index:12;padding:4px 8px;background:rgba(0,0,0,.35);border-radius:999px}.reels-actions{bottom:60px;right:12px;gap:20px}.action-button{padding:6px}.action-button svg{width:22px;height:22px}.action-label{font-size:11px}.video-counter{top:16px;padding:6px 12px;font-size:12px}}@media (min-width:768px) and (max-width:1024px){.video-wrapper{max-width:calc(100vh * 9 / 16)}}.loading-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;z-index:20}.reels-carousel{scroll-behavior:smooth}.video-player-wrapper{position:relative;width:100%;padding-top:56.25%;background-color:#000}.video-player-wrapper>div{position:absolute!important;top:0;left:0;width:100%;height:100%}.tiktok-container{display:flex;justify-content:center;align-items:center;min-height:400px;background-color:#000;padding:20px}@media (max-width:767px){.tiktok-container{padding:10px}}.video-detail-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;overflow:hidden}.back-button{position:fixed;top:16px;left:16px;z-index:10001;background-color:rgba(0,0,0,.6);backdrop-filter:blur(10px);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:rgba(0,0,0,.8);transform:scale(1.05)}.video-detail-container{height:100vh;position:relative}.video-detail-container,.video-detail-player{width:100%;display:flex;align-items:center;justify-content:center}.video-detail-player{height:100%;background-color:#000}.video-detail-player video{max-width:100%;max-height:100vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@media (min-width:768px){.video-detail-player{max-width:calc(100vh * 9 / 16);margin:0 auto}}.video-detail-info{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 50%,transparent);z-index:10000;color:#fff}.info-header{margin-bottom:16px}.video-detail-title{font-size:20px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.video-detail-credits{font-size:14px;opacity:.9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.detail-action-btn{display:flex;align-items:center;gap:8px;background-color:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:10px 16px;border-radius:24px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.detail-action-btn:hover{background-color:hsla(0,0%,100%,.25);transform:translateY(-2px)}.detail-action-btn.liked{background-color:rgba(255,59,92,.3);border-color:rgba(255,59,92,.5);color:#ff3b5c}.view-count{display:flex;align-items:center;gap:6px;color:hsla(0,0%,100%,.8);font-size:14px;margin-left:auto}.info-panel{position:fixed;bottom:0;left:0;right:0;top:0;background-color:rgba(0,0,0,.95);z-index:10002;animation:slideUp .3s ease-out;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-panel-content{max-width:800px;margin:0 auto;color:#fff;padding:70px 24px 24px}.close-panel-btn{position:fixed;top:16px;right:16px;background-color:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10003}.close-panel-btn:hover{background-color:hsla(0,0%,100%,.25)}.panel-title{font-size:28px;font-weight:700;margin-bottom:24px}.panel-section{margin-bottom:32px}.panel-section h3{font-size:18px;font-weight:600;margin-bottom:12px;color:hsla(0,0%,100%,.9)}.panel-section p{line-height:1.6;color:hsla(0,0%,100%,.8)}.related-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.related-link{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);padding:12px;border-radius:8px;text-align:center;color:#fff;text-decoration:none;transition:all .2s ease;font-size:14px}.related-link:hover{background-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}@media (max-width:767px){.video-detail-title{font-size:18px}.video-detail-credits{font-size:13px}.video-detail-info{padding:16px}.detail-action-btn{padding:8px 12px;font-size:13px}.panel-title{font-size:24px}.info-panel-content{padding:70px 16px 16px}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:10010;display:flex;align-items:flex-end;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background-color:#1a1a1a;color:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:24px;animation:slideUp .3s ease;max-height:80vh;overflow-y:auto}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:18px;font-weight:600}.share-modal-close{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-modal-close:hover{transform:scale(1.1)}.share-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px}.share-option{display:flex;flex-direction:column;align-items:center;gap:12px;background:transparent;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:12px;transition:all .2s ease}.share-option:hover{transform:translateY(-4px)}.share-icon,.share-option:hover{background-color:hsla(0,0%,100%,.1)}.share-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-option:hover .share-icon{background-color:hsla(0,0%,100%,.2);transform:scale(1.1)}.copy-icon{background-color:rgba(100,150,200,.3);color:#64a0d8}.whatsapp-icon{background-color:rgba(37,211,102,.3);color:#25d366}.facebook-icon{background-color:rgba(59,89,152,.3);color:#3b5998}.twitter-icon{background-color:rgba(29,155,240,.3);color:#1d9bf0}.telegram-icon{background-color:rgba(0,136,204,.3);color:#08c}.reddit-icon{background-color:rgba(255,69,0,.3);color:#ff4500}.threads-icon{background-color:hsla(0,0%,7%,.35);color:#9ca3af}.email-icon{background-color:rgba(234,67,53,.3);color:#ea4335}.share-label{font-size:12px;text-align:center;font-weight:500}@media (max-width:767px){.share-modal{padding:20px}.share-options{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px}.share-icon{width:45px;height:45px}.share-label{font-size:11px}}