html:has(.reels-shell),html:has(.reels-shell) body{overflow:hidden;overscroll-behavior:none}body:has(.reels-shell) .cinematic-footer-wrapper{display:none}.reels-shell{--reels-top:61px;--reels-action-fg:#ffffff;--reels-action-bg:rgba(0,0,0,0.32);--reels-action-bg-hover:rgba(0,0,0,0.5);--reels-nav-bg:rgba(255,255,255,0.1);--reels-nav-fg:#ffffff;position:relative;width:100%;height:calc(100vh - var(--reels-top) - var(--dock-space, 0px));height:calc(100dvh - var(--reels-top) - var(--dock-space, 0px));background:#000;font-family:var(--font-arabic,var(--font-readex),sans-serif);overflow:hidden}.reels-feed{list-style:none;margin:0;padding:0;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.reels-feed::-webkit-scrollbar{display:none}.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.reel-stage{position:absolute;inset:0;isolation:isolate;color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.reel-halo{position:absolute;inset:8% 4%;z-index:-1;border-radius:50%;background:var(--reel-accent,#38bdf8);filter:blur(80px);opacity:0;transition:opacity .8s ease;pointer-events:none}.reel-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#05070b}.reel-backdrop{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(34px) brightness(.42) saturate(1.2);transform:scale(1.1);pointer-events:none}.reel-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 45%;animation:reelKenBurns 14s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.reel.is-playing .reel-cover{animation-play-state:running}.reel:not(.is-active) .reel-cover{animation:none}@keyframes reelKenBurns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.07) translate3d(0,-1.5%,0)}}.reel-iframe{position:absolute;top:50%;left:0;width:100%;aspect-ratio:16/9;height:auto;transform:translateY(-50%);border:0;pointer-events:none;opacity:0;transition:opacity .6s ease .2s;background:transparent}.reel-iframe.is-loaded{opacity:1}.reel-vignette{background:linear-gradient(180deg,rgba(0,0,0,.42) 0,transparent 16%,transparent 55%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.85));pointer-events:none}.reel-tap,.reel-vignette{position:absolute;inset:0}.reel-tap{z-index:2;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}.reel-tap:focus-visible{outline:2px solid var(--reel-accent,#38bdf8);outline-offset:-4px}.reel-pulse{position:absolute;top:50%;left:50%;z-index:3;width:76px;height:76px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:reelPulse .7s cubic-bezier(.16,1,.3,1) forwards}.reel.is-paused.is-active .reel-pulse{animation:reelPulseHold .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes reelPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes reelPulseHold{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:.9;transform:translate(-50%,-50%) scale(1)}}.reel-sound{position:absolute;top:14px;inset-inline-end:14px;z-index:6;display:inline-flex;align-items:center;gap:0;height:38px;min-width:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,gap .3s ease}.reel-sound:hover{background:rgba(0,0,0,.7)}.reel-sound:active{transform:scale(.95)}.reel-sound-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .35s ease,opacity .25s ease}.reel.is-active .reel-sound.is-muted{gap:7px}.reel.is-active .reel-sound.is-muted .reel-sound-label{max-width:180px;opacity:1}.reel-info{position:absolute;z-index:4;bottom:22px;inset-inline-start:16px;inset-inline-end:76px;pointer-events:none;text-align:start}.reel-title{margin:0 0 4px;font-size:1.02rem;line-height:1.4;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}.reel-caption,.reel-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-caption{margin:0;font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.86);text-shadow:0 1px 6px rgba(0,0,0,.6)}.reel-caption.is-expanded{-webkit-line-clamp:unset;display:block;max-height:38vh;overflow-y:auto;pointer-events:auto}.reel-more{pointer-events:auto;margin-top:2px;padding:2px 0;border:0;background:none;color:#fff;font:inherit;font-size:.8rem;font-weight:700;opacity:.85;cursor:pointer}.reel-more:hover{opacity:1;text-decoration:underline}.reel-progress{position:absolute;inset-inline:0;bottom:0;z-index:4;height:3px;background:rgba(255,255,255,.18);overflow:hidden;pointer-events:none}.reel-progress span{display:block;height:100%;background:var(--reel-accent,#38bdf8);box-shadow:0 0 10px var(--reel-accent,#38bdf8);transform:scaleX(0);transform-origin:left center;animation:reelProgress var(--reel-dur,30s) linear infinite;animation-play-state:paused}[dir=rtl] .reel-progress span{transform-origin:right center}.reel.is-playing .reel-progress span{animation-play-state:running}.reel:not(.is-active) .reel-progress span{animation:none}@keyframes reelProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reel-actions{position:absolute;z-index:5;bottom:84px;inset-inline-end:8px;gap:14px}.reel-action,.reel-actions{display:flex;flex-direction:column;align-items:center}.reel-action{gap:3px;min-width:52px;padding:0;border:0;background:none;color:var(--reels-action-fg);font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.reel-action-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--reels-action-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease}.reel-action:hover .reel-action-icon{background:var(--reels-action-bg-hover)}.reel-action:active .reel-action-icon{transform:scale(.9)}.reel-action:focus-visible{outline:none}.reel-action:focus-visible .reel-action-icon{outline:2px solid #38bdf8;outline-offset:2px}.reel-action-label{font-size:.72rem;font-weight:600;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);white-space:nowrap}.reel-action.is-liked{color:#ff3b5c}.reel-action.is-liked .reel-action-label{color:var(--reels-action-fg)}.reel-action.is-popping .reel-action-icon{animation:reelLikePop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes reelLikePop{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.92)}to{transform:scale(1)}}.reel-action.is-saved .reel-action-icon{color:#facc15}.reel-action--live .reel-action-icon{color:var(--reel-accent,#38bdf8)}.reels-nav{display:none}@media (min-width:600px){.reels-shell{--reels-top:65px;--reels-action-fg:var(--text-main,#e2e8f0);--reels-action-bg:rgba(255,255,255,0.1);--reels-action-bg-hover:rgba(255,255,255,0.18);--reels-nav-bg:rgba(255,255,255,0.1);--reels-nav-fg:var(--text-main,#e2e8f0);background:var(--bg-main,#030712)}.reel{padding:14px 0;gap:14px}.reel-stage{position:relative;inset:auto;height:100%;aspect-ratio:9/16;max-width:calc(100vw - 120px);border-radius:20px;box-shadow:0 24px 60px -18px rgba(0,0,0,.6)}.reel.is-active .reel-halo{opacity:.28}.reel-info{inset-inline-end:16px}.reel-progress{border-radius:0 0 20px 20px}.reel-actions{position:static;align-self:flex-end;margin-bottom:18px}.reel-action-icon{filter:none}.reel-action-label{text-shadow:none}}@media (min-width:1024px){.reels-shell{--reels-top:79px}.reels-nav{position:absolute;top:50%;inset-inline-end:28px;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:12px}.reels-nav-btn{width:50px;height:50px;border-radius:50%;border:0;background:var(--reels-nav-bg);color:var(--reels-nav-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease}.reels-nav-btn:hover:not(:disabled){background:rgba(56,189,248,.22);transform:scale(1.06)}.reels-nav-btn:disabled{opacity:.3;cursor:default}.reels-nav-btn:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}}@media (min-width:600px){[data-theme=light] .reels-shell{--reels-action-fg:#0f172a;--reels-action-bg:rgba(15,23,42,0.06);--reels-action-bg-hover:rgba(15,23,42,0.12);--reels-nav-bg:rgba(15,23,42,0.07);--reels-nav-fg:#0f172a}[data-theme=light] .reel-stage{box-shadow:0 24px 60px -22px rgba(15,23,42,.45)}[data-theme=light] .reel.is-active .reel-halo{opacity:.2}}@media (prefers-reduced-motion:reduce){.reel-cover,.reel.is-playing .reel-cover{animation:none}.reel-halo,.reel-iframe{transition:none}}.reels-comments-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:reelsOverlayIn .2s ease-out}@keyframes reelsOverlayIn{0%{opacity:0}to{opacity:1}}.reels-comments-sheet{width:100%;max-width:480px;max-height:70vh;max-height:70dvh;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.5);padding-bottom:env(safe-area-inset-bottom,0);animation:reelsSheetUp .32s cubic-bezier(.16,1,.3,1)}@keyframes reelsSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reels-comments-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.reels-comments-header h3{margin:0;font-size:1rem;font-weight:700}.reels-comments-close{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.reels-comments-list{flex:1 1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-height:120px}.reels-comments-empty{margin:auto;color:#94a3b8;font-size:.85rem;text-align:center}.reels-comment{display:flex;gap:10px}.reels-comment-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#0284c7,#0d9488);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.reels-comment-body{flex:1 1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 12px}.reels-comment-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:2px}.reels-comment-author{font-size:.8rem;font-weight:700}.reels-comment-date{font-size:.7rem;color:#64748b}.reels-comment-text{margin:0;font-size:.84rem;line-height:1.5;color:#cbd5e1}.reels-comments-form{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.reels-comments-signin{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#94a3b8;font:inherit;font-size:.78rem;cursor:pointer}.reels-comments-row{display:flex;align-items:center;gap:8px}.reels-comments-input{flex:1 1;min-width:0;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px;outline:none}.reels-comments-input:focus{border-color:#38bdf8}.reels-comments-send{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:0;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=light] .reels-comments-sheet{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.1)}[data-theme=light] .reels-comments-form,[data-theme=light] .reels-comments-header{border-color:#f1f5f9}[data-theme=light] .reels-comments-close{background:#f1f5f9;color:#475569}[data-theme=light] .reels-comment-body{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .reels-comment-text{color:#334155}[data-theme=light] .reels-comments-signin{border-color:#cbd5e1;background:#f8fafc;color:#475569}[data-theme=light] .reels-comments-input{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.reels-shell--skeleton .reel-stage{background:rgba(127,127,127,.12);overflow:hidden}.reels-shell--skeleton .reel-action-icon{background:rgba(127,127,127,.18)}.reels-topbar{display:none}@media (max-width:599.98px){body:has(.reels-shell) #navbar{display:none!important}.reels-shell{position:fixed;inset:0;z-index:900;height:100vh;height:100dvh}.reels-topbar{position:absolute;top:0;inset-inline:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:calc(6px + env(safe-area-inset-top, 0px)) 8px 6px;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);pointer-events:none}.reels-topbar-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));-webkit-tap-highlight-color:transparent}.reels-topbar-btn:active{transform:scale(.9)}.reels-topbar-title{color:#fff;font-size:19px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}.reel-sound{top:calc(56px + env(safe-area-inset-top, 0px));padding:0;width:36px;min-width:36px;justify-content:center}.reel-sound-label{display:none}.reel-actions{bottom:calc(96px + env(safe-area-inset-bottom, 0px));inset-inline-end:6px;gap:14px}.reel-action-icon{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.reel-action-label{text-shadow:0 1px 3px rgba(0,0,0,.7)}.reel-action--live{display:none!important}.reel-info{padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))}}.reel-sound{transition:opacity .3s ease,transform .2s ease}.reel.is-playing:not(.is-peek) .reel-sound{opacity:0;pointer-events:none}.reel.reel--video.is-active.is-paused .reel-tap:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;margin:-22px 0 0 -14px;border-color:transparent transparent transparent rgba(255,255,255,.92);border-style:solid;border-width:22px 0 22px 36px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));pointer-events:none}.reel-local-video{opacity:1;transition:opacity .6s ease .2s;object-fit:cover;object-position:center}.reel-cover.is-covered{opacity:0!important;animation:none!important;visibility:hidden}.reel-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 55%);animation:reel-loading-in .25s ease .15s both}.reel-loading-ring{width:54px;height:54px;border-radius:50%;border-color:#00d2ff #00d2ff rgba(255,255,255,.22) rgba(255,255,255,.22);border-style:solid;border-width:4px;animation:reel-loading-spin .85s linear infinite;filter:drop-shadow(0 0 10px rgba(0,210,255,.45))}@keyframes reel-loading-spin{to{transform:rotate(1turn)}}@keyframes reel-loading-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reel-loading-ring{animation-duration:1.8s}}