/* TikTok-style reels feed */
body.is-reels{background:#000;overflow:hidden}
body.is-reels .topbar,body.is-reels .breaking,body.is-reels .foot,body.is-reels .chipnav,body.is-reels .navbar,body.is-reels .cob-stripe{display:none}
body.is-reels main{padding:0!important}
.reels{height:calc(100dvh - 76px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:#000;position:relative}
.reels::-webkit-scrollbar{display:none}
.reel{position:relative;height:calc(100dvh - 76px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;overflow:hidden}
.reel-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.45);transform:scale(1.1)}
.reel-v{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;object-fit:cover;background:#000;box-shadow:0 0 80px rgba(0,0,0,.6)}
.reel-ui{position:absolute;inset:0;margin:0 auto;height:100%;aspect-ratio:9/16;max-width:100%;pointer-events:none}
.reel-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 84px 22px 16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7);background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
.reel-cap b{display:block;font:700 16px/1.4 var(--head);margin-top:8px;opacity:.95}
.reel-brand{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--ui);background:rgba(0,0,0,.35);padding:4px 12px 4px 4px;border-radius:999px}
.reel-brand img{width:28px;height:28px}
.reel-side{position:absolute;right:10px;bottom:90px;display:flex;flex-direction:column;gap:18px;pointer-events:auto}
.rbtn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#fff;cursor:pointer;font-family:var(--ui)}
.rbtn span{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:22px}
.rbtn small{font-size:12px;font-weight:700;text-shadow:0 1px 6px #000}
.reel-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2)}.reel-bar i{display:block;height:100%;width:0;background:var(--red)}
.reel-tap{position:absolute;inset:0 70px 120px 0}
.reel-hint{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);color:#fff;font:700 15px var(--ui);background:rgba(0,0,0,.5);padding:8px 16px;border-radius:999px;animation:hint 2.4s ease 1.5s 2 both;pointer-events:none}
@keyframes hint{0%,100%{opacity:0;transform:translate(-50%,10px)}30%,70%{opacity:1;transform:translate(-50%,0)}}
.reel-pp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:64px;color:#fff;opacity:0;pointer-events:none;text-shadow:0 4px 20px rgba(0,0,0,.6)}
.reel-pp.show{animation:pp .7s ease}
@keyframes pp{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
@media (max-width:860px){.reels,.reel{height:calc(100dvh - 58px - 66px)}.reel-v,.reel-ui{aspect-ratio:auto;width:100%}.reel-v{object-fit:cover}}