.reels-container{display:none;position:fixed;inset:0;z-index:1050;background:#000;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reels-container::-webkit-scrollbar{display:none}body.reels-mode{overflow:hidden}body.reels-mode .reels-container{display:block}body.reels-mode .video-grid,body.reels-mode .sticky-container,body.reels-mode #sentinel,body.reels-mode #loading{display:none!important}.reel-item{height:100vh;height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}.reel-media{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.reel-iframe{width:100%;height:100%;border:0;display:block}.reel-info{position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;padding:60px 20px 24px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;text-align:start;pointer-events:none;z-index:2}.reel-info h5{margin:0;font-weight:700;font-size:1rem;line-height:1.4;word-break:break-word}.reel-actions{position:absolute;inset-inline-end:12px;bottom:120px;display:flex;flex-direction:column;gap:18px;z-index:3}.reel-action-btn{background:transparent;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:1.6rem;cursor:pointer;padding:6px;transition:transform .15s ease}.reel-action-btn:hover{transform:scale(1.15)}.reel-action-btn span{font-size:.7rem}.reel-action-btn.liked i{color:#ff3b5c}.reel-close{position:fixed;top:16px;inset-inline-end:16px;z-index:1060;color:#fff;background:rgba(0,0,0,.5);border:0;border-radius:50%;width:44px;height:44px;font-size:1.2rem;display:none;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px)}.reel-close:hover{background:rgba(0,0,0,.75)}body.reels-mode .reel-close{display:flex}.reel-counter{position:fixed;top:16px;inset-inline-start:16px;z-index:1060;color:#fff;background:rgba(0,0,0,.5);padding:6px 12px;border-radius:50rem;font-size:.85rem;display:none;backdrop-filter:blur(4px)}body.reels-mode .reel-counter{display:inline-block}.reel-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;z-index:5}.reel-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:reel-spin .8s linear infinite}@keyframes reel-spin{to{transform:rotate(360deg)}}@media (min-width:768px){.reel-item{max-width:480px;margin:0 auto}.reels-container{background:#111}}@media (max-width:767.98px){.reel-item::before,.reel-item::after{content:'';position:absolute;left:0;right:0;height:33%;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.reel-item::before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,0.05),transparent)}.reel-item::after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,0.05),transparent)}.reel-item.touch-top::before,.reel-item.touch-bottom::after{opacity:1}.reel-actions{bottom:100px;inset-inline-end:8px;gap:14px}.reel-action-btn{font-size:1.4rem;padding:8px}.reel-action-btn span{font-size:.65rem}.reel-info{padding:50px 60px 24px 16px}.reel-info h5{font-size:.95rem}.reel-info p{font-size:.8rem}.reel-nav{bottom:16px;gap:16px}.reel-nav button{width:52px;height:52px;font-size:1.5rem;background:rgba(255,255,255,.25);backdrop-filter:blur(8px)}.reel-close{top:12px;inset-inline-end:12px;width:48px;height:48px;font-size:1.3rem}.reel-counter{top:12px;inset-inline-start:12px;font-size:.75rem;padding:5px 10px}}@supports (padding:max(0px)){body.reels-mode .reel-close{top:max(12px,env(safe-area-inset-top))}body.reels-mode .reel-counter{top:max(12px,env(safe-area-inset-top))}body.reels-mode .reel-nav{bottom:max(16px,env(safe-area-inset-bottom))}}.reel-hint{position:fixed;bottom:80px;inset-inline-start:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:50rem;font-size:.85rem;z-index:1070;backdrop-filter:blur(8px);opacity:0;transition:opacity 0.5s ease;pointer-events:none;text-align:center}body.reels-mode .reel-hint.show{opacity:1;animation:reel-hint-pulse 2s ease}@keyframes reel-hint-pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}@media (prefers-contrast:more){.reel-info{background:linear-gradient(transparent,rgba(0,0,0,.95))}}@media (prefers-reduced-motion:reduce){.reel-action-btn:hover{transform:none}.reel-spinner{animation-duration:2s}.reel-item::before,.reel-item::after{transition:none}}.reel-info{pointer-events:none}.reel-lawyer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;pointer-events:auto}.reel-lawyer-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:1;min-width:180px;pointer-events:auto}.reel-lawyer-avatar,.reel-lawyer-avatar-placeholder{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.3)}.reel-lawyer-avatar-placeholder i{font-size:1.4rem;color:rgba(255,255,255,0.85)}.reel-lawyer-info{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.reel-lawyer-eyebrow{font-size:0.65rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px;line-height:1.2}.reel-lawyer-name{font-size:0.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.reel-lawyer-meta{font-size:0.72rem;color:rgba(255,255,255,0.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.reel-lawyer-wa{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff;text-decoration:none;padding:9px 16px;border-radius:50rem;font-size:0.82rem;font-weight:600;flex-shrink:0;transition:background 0.2s ease,transform 0.12s ease;pointer-events:auto}.reel-lawyer-wa:hover{background:#1da851;color:#fff}.reel-lawyer-wa:active{transform:scale(0.95)}.reel-lawyer-wa i{font-size:1rem;line-height:1}@media (max-width:767.98px){.reel-lawyer{gap:8px}.reel-lawyer-card{min-width:130px;gap:8px}.reel-lawyer-avatar,.reel-lawyer-avatar-placeholder{width:38px;height:38px}.reel-lawyer-avatar-placeholder i{font-size:1.2rem}.reel-lawyer-eyebrow{font-size:0.6rem}.reel-lawyer-name{font-size:0.85rem}.reel-lawyer-meta{font-size:0.68rem}.reel-lawyer-wa{padding:7px 13px;font-size:0.76rem}.reel-lawyer-wa i{font-size:0.95rem}.reel-info{padding:50px 14px 20px!important}}body.reels-mode #lawyer-float{display:none!important}