/* V36: swipe-down gallery with premium vs exclusive cinematic transitions. */
.r36-moment-lightbox{--r36-tint:#d5b397;--r36-halo:rgba(213,179,151,.16);--r36-duration:430ms;background:radial-gradient(ellipse at 50% 22%,var(--r36-halo),transparent 64%),linear-gradient(160deg,#151217,#20191c 54%,#100e12);overscroll-behavior:contain;isolation:isolate}
.r36-moment-lightbox.r36-exclusive{--r36-tint:#f1d397;--r36-halo:rgba(228,182,87,.21);--r36-duration:590ms;background:radial-gradient(ellipse at 50% 24%,rgba(244,204,137,.16),transparent 54%),radial-gradient(ellipse at 20% 80%,rgba(143,100,52,.1),transparent 52%),linear-gradient(160deg,#1b151b,#231b22 50%,#100e15)}
.r36-moment-lightbox::before{content:"";position:absolute;inset:0;background:linear-gradient(114deg,transparent 8%,rgba(255,255,255,.018) 29%,transparent 46%);pointer-events:none;z-index:-1}
.r36-moment-lightbox .r35-moment-top{position:relative;z-index:2;flex:none}
.r36-moment-lightbox .r35-moment-top span{color:var(--r36-tint)}
.r36-moment-lightbox .r35-moment-close{position:relative;z-index:3;min-width:44px;min-height:44px;background:rgba(20,17,19,.8);border:1px solid rgba(255,240,220,.38);color:#fff7e9;box-shadow:0 5px 20px rgba(0,0,0,.3)}
.r36-moment-lightbox .r35-moment-close:hover{background:#7e4d3f}
.r36-moment-lightbox .r35-moment-progress{flex:none;grid-auto-columns:minmax(0,1fr);gap:4px;overflow:hidden}
.r36-moment-lightbox .r35-moment-progress span{transition:background .3s ease,box-shadow .3s ease}
.r36-moment-lightbox .r35-moment-progress span.seen{background:color-mix(in srgb,var(--r36-tint) 60%,transparent)}
.r36-moment-lightbox .r35-moment-progress span.active{background:var(--r36-tint);box-shadow:0 0 9px var(--r36-halo)}
.r36-moment-lightbox .r35-moment-stage{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;position:relative;overflow:hidden;min-height:0;flex:1;touch-action:none;perspective:1200px;isolation:isolate}
.r36-moment-lightbox .r36-story-panel{grid-area:1 / 1;position:relative;max-width:520px;width:min(100%,520px);z-index:1;will-change:transform,opacity;backface-visibility:hidden}
.r36-moment-lightbox .r35-moment-frame{height:auto;max-height:unset;padding:4px;border-radius:22px;border:1px solid rgba(238,211,184,.31);background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.025));box-shadow:0 20px 50px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.19)}
.r36-moment-lightbox .r35-moment-frame img{display:block;width:100%;height:min(64dvh,calc(88vw * 1.32));max-height:min(64dvh,720px);object-fit:contain;border-radius:17px;background:#151115}
.r36-moment-lightbox.r36-exclusive .r35-moment-frame{border:1px solid rgba(244,206,143,.68);padding:6px;border-radius:26px;background:linear-gradient(120deg,#604429,#f4dc9e 17%,#6d4c32 37%,#e9c783 65%,#64472e 92%);box-shadow:0 30px 65px rgba(0,0,0,.52),0 0 0 3px rgba(217,171,100,.09),inset 0 2px 1px rgba(255,251,222,.55);transform:perspective(1200px) rotateX(1.1deg)}
.r36-moment-lightbox.r36-exclusive .r35-moment-frame img{border:1px solid rgba(255,246,216,.21);border-radius:19px}
.r36-moment-lightbox.r36-exclusive .r35-moment-meta strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;letter-spacing:.02em;color:#fbeacb}
.r36-moment-lightbox .r35-moment-meta span{color:var(--r36-tint)}
.r36-moment-lightbox .r35-moment-bottom{flex:none;position:relative;z-index:2}
.r36-moment-lightbox .r35-moment-nav{border-color:rgba(238,211,184,.3);background:rgba(255,255,255,.07);transition:background .2s ease,transform .2s ease}
.r36-moment-lightbox .r35-moment-nav:not(:disabled):hover{background:rgba(255,255,255,.17);transform:translateY(-2px)}
.r36-moment-lightbox .r35-moment-nav:disabled{opacity:.32;cursor:default}
.r36-moment-lightbox .r35-moment-help{color:#f1e2cd;max-width:320px;margin:auto}
.r36-screen-reader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.r36-moment-lightbox .r36-enter-next{z-index:2;animation:r36EnterNext var(--r36-duration) cubic-bezier(.18,.78,.2,1) both}
.r36-moment-lightbox .r36-leave-next{z-index:1;animation:r36LeaveNext var(--r36-duration) ease-in both}
.r36-moment-lightbox .r36-enter-prev{z-index:2;animation:r36EnterPrev var(--r36-duration) cubic-bezier(.18,.78,.2,1) both}
.r36-moment-lightbox .r36-leave-prev{z-index:1;animation:r36LeavePrev var(--r36-duration) ease-in both}
@keyframes r36EnterNext{from{transform:translate3d(0,60px,0) rotateX(-4deg) scale(.955);opacity:0;filter:blur(5px)}to{transform:translate3d(0,0,0) rotateX(0) scale(1);opacity:1;filter:blur(0)}}
@keyframes r36LeaveNext{from{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}to{transform:translate3d(0,-44px,0) rotateX(3deg) scale(.96);opacity:0;filter:blur(3px)}}
@keyframes r36EnterPrev{from{transform:translate3d(0,-60px,0) rotateX(4deg) scale(.955);opacity:0;filter:blur(5px)}to{transform:translate3d(0,0,0) rotateX(0) scale(1);opacity:1;filter:blur(0)}}
@keyframes r36LeavePrev{from{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}to{transform:translate3d(0,44px,0) rotateX(-3deg) scale(.96);opacity:0;filter:blur(3px)}}
.r36-moment-lightbox.r36-premium .r36-enter-next{animation-name:r36PremiumEnterNext}
.r36-moment-lightbox.r36-premium .r36-leave-next{animation-name:r36PremiumLeaveNext}
.r36-moment-lightbox.r36-premium .r36-enter-prev{animation-name:r36PremiumEnterPrev}
.r36-moment-lightbox.r36-premium .r36-leave-prev{animation-name:r36PremiumLeavePrev}
@keyframes r36PremiumEnterNext{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes r36PremiumLeaveNext{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px) scale(.99)}}
@keyframes r36PremiumEnterPrev{from{opacity:0;transform:translateY(-24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes r36PremiumLeavePrev{from{opacity:1;transform:none}to{opacity:0;transform:translateY(20px) scale(.99)}}
@media(max-width:760px){
 .r36-moment-lightbox .r35-moment-frame img{height:min(61dvh,calc(89vw * 1.32));max-height:61dvh}
 .r36-moment-lightbox .r35-moment-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 14px max(15px,env(safe-area-inset-bottom))}
 .r36-moment-lightbox .r35-moment-bottom .r35-moment-help{order:-1;grid-column:1 / -1}
 .r36-moment-lightbox .r35-moment-nav{padding:11px 8px}
 .r36-moment-lightbox .r35-moment-stage{padding:6px 10px 8px}
 .r36-moment-lightbox .r35-moment-top{padding-top:max(13px,env(safe-area-inset-top))}
}
@media(max-height:580px){.r36-moment-lightbox .r35-moment-frame img{height:min(51dvh,calc(90vw * 1.25));max-height:51dvh}.r36-moment-lightbox .r35-moment-top{padding-bottom:6px}.r36-moment-lightbox .r35-moment-bottom{padding-top:2px;padding-bottom:7px}}
@media(prefers-reduced-motion:reduce){
 .r36-moment-lightbox .r36-enter-next,.r36-moment-lightbox .r36-leave-next,.r36-moment-lightbox .r36-enter-prev,.r36-moment-lightbox .r36-leave-prev{animation:none!important}
 .r36-moment-lightbox .r35-moment-progress span,.r36-moment-lightbox .r35-moment-nav{transition:none!important}
}