body,html{margin:0;padding:0;height:100dvh;overflow:hidden;background:#000}.reels-container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reel-wrapper{scroll-snap-align:start;position:relative;height:100dvh;max-width:450px;display:flex;margin:0 auto;justify-content:center;align-items:center}.reel-content{position:absolute;top:0;left:0;height:100dvh;width:100%;z-index:1;overflow:hidden;align-items:center}.reel-content video{width:100%;height:100%;object-fit:cover;display:block}.dynamic-blur-bg{position:absolute;inset:0;z-index:0;filter:blur(60px);transition:background .5s ease}.top-bar{position:absolute;top:15px;left:0;right:0;z-index:3;color:#fff;display:flex;justify-content:space-between;padding:0 20px}.top-bar i{font-size:18px;margin-left:15px;cursor:pointer}.content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:15px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;z-index:3}.user-info{font-size:15px;color:#fff;pointer-events:auto}.right-buttons{display:flex;gap:20px;margin-top:10px;color:#000}.right-buttons i{font-size:24px;cursor:pointer}.reels-container::-webkit-scrollbar{display:none}.custom-opacity-card{background:rgba(255,255,255,.75);border-radius:12px}.right-buttons [data-tooltip]{position:relative;transition:color .3s ease;color:#000}.right-buttons [data-tooltip]:hover{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:#ff9800}.right-buttons [data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:100%;top:30%;transform:translateY(-50%) translateX(12px);background:rgba(30,30,30,.95);color:#fff;padding:6px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:10}.right-buttons [data-tooltip]:hover::after,.right-buttons [data-tooltip]:focus::after{opacity:1;transform:translateY(-60%) translateX(16px)}.unmute-overlay{position:absolute;top:20px;right:20px;left:auto;bottom:auto;transform:none;background-color:rgba(0,0,0,.75);color:#fff;padding:8px 14px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px;z-index:10;cursor:pointer;pointer-events:auto;animation:fadeIn .6s ease}.unmute-overlay i{font-size:16px}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.feed-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;text-align:center}