html,body{height:100%;-webkit-text-size-adjust:100%}
.feed{scroll-snap-type:y mandatory;height:100svh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.reel{height:100svh;scroll-snap-align:start;position:relative;background:#0b0b0b}
.bg-media{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.85));pointer-events:none}
.panel{position:absolute;left:0;right:0;bottom:0;padding:16px;color:#fff}
.btn{background:rgba(255,255,255,.22);padding:10px 14px;border-radius:999px;transition:transform .08s ease, filter .12s ease}
.btn:active{transform:scale(.96);filter:brightness(1.1)}
.like-btn{backdrop-filter:blur(4px)}