﻿/* v155 — mobile story online dot final polish */
@media(max-width:850px){
 .story-bubble .story-online{left:50%!important;bottom:7px!important;transform:translateX(-50%)!important;width:12px!important;height:12px!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
 .story-bubble .story-online i{display:block!important;width:11px!important;height:11px!important;border:0!important;outline:0!important;border-radius:50%!important;background:#39f07d!important;box-shadow:0 0 10px rgba(57,240,125,.7)!important;animation:storyOnlineDotPulse 1.05s ease-in-out infinite!important}
}
@keyframes storyOnlineDotPulse{0%,100%{transform:scale(.78);opacity:.45;box-shadow:0 0 4px rgba(57,240,125,.35)}50%{transform:scale(1.12);opacity:1;box-shadow:0 0 15px rgba(57,240,125,.95)}}

/* v157: isolated story social controls and paused panels */
.story-actions{grid-template-columns:1fr 1fr!important}
.story-avatar-link{display:block;flex:none;line-height:0;border-radius:50%;touch-action:manipulation}
.story-avatar-link:focus-visible,.story-social button:focus-visible{outline:2px solid #ff168d;outline-offset:3px}
[data-story-viewer] .story-edge{width:42px!important}
.story-social{position:absolute;z-index:90030;right:max(56px,calc((100vw - 600px)/2 + 56px));bottom:max(138px,calc(env(safe-area-inset-bottom) + 126px));display:flex;flex-direction:column;gap:6px;width:48px;touch-action:manipulation}
.story-social button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:46px;width:48px;padding:4px;border:0;border-radius:12px;color:white;background:rgba(0,0,0,.2);cursor:pointer;text-shadow:0 1px 5px #000}
.story-social svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #000)}
.story-social b{font:600 11px/1.2 Manrope,sans-serif;color:inherit}
.story-social .liked,.story-social .is-favorite{color:#ff168d}
.story-social .liked svg,.story-social .is-favorite svg{fill:currentColor}
.story-comment-panel{max-height:72%;overflow-y:auto;overscroll-behavior:contain}
.story-comment-panel h3{margin:0 40px 18px 0;font-size:20px}
.story-comment-list{max-height:30dvh;overflow-y:auto;overscroll-behavior:contain;margin-bottom:16px}
.story-comment-list article{border-bottom:1px solid #ffffff18;padding:12px 0}
.story-comment-list small{display:block;color:#888;font-size:11px;margin-top:3px}
.story-comment-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;color:#ddd}
.story-comment-panel input,.story-comment-panel textarea{display:block;width:100%;box-sizing:border-box;padding:12px;margin:8px 0;border:1px solid #ffffff26;border-radius:12px;background:#17161d;color:#fff;font:400 16px Manrope,sans-serif}
.story-comment-panel form>button{padding:12px 20px;border:0;border-radius:12px;background:#ff168d;color:#fff;font-weight:700}
.story-comment-panel button:disabled{opacity:.5}
.story-comment-panel [role=status]{font-size:13px;color:#ddd;margin:8px 0 0}
@media(max-width:850px){.story-social{right:56px}}
@media(max-height:580px){.story-social{bottom:126px;gap:2px}.story-social button{min-height:38px}.story-social svg{width:23px;height:23px}}

/* v158: transparent edge controls, tap priority and double-tap heart */
[data-story-viewer] .story-social{right:8px!important;bottom:max(122px,calc(env(safe-area-inset-bottom) + 110px))!important;z-index:90030!important}
[data-story-viewer] .story-social button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:48px!important;touch-action:manipulation}
[data-story-viewer] .story-social svg{width:28px;height:28px;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
[data-story-viewer] .story-social [data-story-share] svg,[data-story-viewer] .story-social [data-story-bookmark] svg{stroke-linejoin:miter}
[data-story-viewer] .story-edge{width:58px!important;bottom:12%!important}
[data-story-viewer] .story-actions{bottom:max(54px,calc(env(safe-area-inset-bottom) + 42px))!important}
[data-story-viewer] .story-sheet-handle{bottom:max(6px,env(safe-area-inset-bottom))!important}
[data-story-viewer] [data-story-image]{touch-action:manipulation}
.story-like-burst{position:absolute;z-index:90035;pointer-events:none;width:94px;height:94px;transform:translate(-50%,-50%);animation:storyHeartFly .95s ease-out forwards}
.story-like-burst svg{width:100%;height:100%;fill:#ff168d;filter:drop-shadow(0 4px 15px #0006)}
@keyframes storyHeartFly{0%{opacity:0;transform:translate(-50%,-30%) scale(.3) rotate(-12deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(0)}40%{opacity:1;transform:translate(-50%,-55%) scale(1)}100%{opacity:0;transform:translate(-50%,-150%) scale(.7)}}
@media(min-width:851px){[data-story-viewer] .story-social{right:max(8px,calc((100vw - 600px)/2 + 8px))!important}}
@media(prefers-reduced-motion:reduce){.story-like-burst{animation-duration:.3s}}

[data-story-viewer] .story-social{pointer-events:none!important}
[data-story-viewer] .story-social button{pointer-events:auto!important}

/* v160: full profile pages follow the vertical gesture */
[data-story-viewer]{overflow:hidden}
.story-slide-current,.story-slide-preview{position:absolute;inset:0;width:100%;height:100%;background:#020205;will-change:transform}
.story-slide-current{z-index:2}
.story-slide-preview{z-index:1;pointer-events:none!important}
.story-slide-preview *{pointer-events:none!important}
.story-transitioning .story-slide-current{pointer-events:none}
.story-transitioning .story-progress i.active:after{animation-play-state:paused!important}
[data-story-viewer] .story-stage,[data-story-viewer] [data-story-image]{touch-action:none}
[data-story-viewer] .story-edge:after{position:absolute;top:var(--story-arrow-offset,35%);left:50%;transform:translate(-50%,-50%);line-height:1}
[data-story-viewer] [data-story-share] svg{stroke-linejoin:round!important;stroke-linecap:round!important;stroke-width:1.9}

/* v161: compact information pages and full right-side next-photo target */
main[data-compact-info]>.page-hero{padding-bottom:0!important}
main[data-compact-info]>.page-hero>p{margin-bottom:0!important}
main[data-compact-info]>.page-hero+section{padding-top:24px!important}
main[data-compact-info].reviews-page{padding-top:32px!important}
main[data-compact-info]>.reviews-hero{padding:0!important;margin:0!important}
main[data-compact-info]>.reviews-hero>p{margin-bottom:0!important}
main[data-compact-info]>.reviews-feed{padding-top:0!important;margin-top:24px!important}
[data-story-viewer] .story-edge-next{width:30%!important;right:0!important;top:84px!important;bottom:110px!important}
[data-story-viewer] .story-edge-next:after{left:calc(100% - 32px)!important}
@media(min-width:851px){main[data-compact-info].reviews-page{padding-top:40px!important}main[data-compact-info]>.page-hero+section{padding-top:32px!important}}
