.gl-strip{position:relative;z-index:5}
.gl-strip .mq-sec{padding:10px 0 30px;overflow:hidden}
.gl-strip .mq{display:flex;width:max-content;animation:mqRun 45s linear infinite}
.gl-strip .mq:hover{animation-play-state:paused}
.gl-strip .mq-in{display:flex;gap:22px;padding-right:22px}
.gl-strip .mq-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--txt,#fff);font-weight:700;font-size:13px;width:110px;text-align:center}
.gl-strip .mq-item img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--rose,#ff69aa);box-shadow:0 0 18px rgba(255,105,170,.35);transition:transform .25s}
.gl-strip .mq-item:hover img{transform:scale(1.08)}
@keyframes mqRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce) and (max-width:1px){.gl-strip .mq{animation:none;width:auto;flex-wrap:nowrap;overflow-x:auto}.gl-strip .mq-in[aria-hidden]{display:none}.gl-strip .hc-slide{transform:none !important;opacity:1 !important}}
/* v4 marquee halo */
.gl-strip .mq-top{padding:18px 0 22px}
.gl-strip .mq-av{position:relative;display:block;width:96px;height:96px;border-radius:50%;padding:0}
.gl-strip .mq-av::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,#ff69aa,#b44cff,#ff2d95,#7a3cff,#ff69aa);animation:mqSpin 3.2s linear infinite,mqGlow 2.4s ease-in-out infinite;animation-delay:var(--d,0s),var(--d,0s);z-index:0}
.gl-strip .mq-av::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:#1a0b14;z-index:0}
.gl-strip .mq-item .mq-av img{position:relative;z-index:1;border:0;box-shadow:none}
.gl-strip .mq-item:hover .mq-av::before{animation-duration:1.2s,2.4s}
@keyframes mqSpin{to{transform:rotate(360deg)}}
@keyframes mqGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(255,105,170,.55))}50%{filter:drop-shadow(0 0 16px rgba(180,76,255,.9))}}
@media(prefers-reduced-motion:reduce) and (max-width:1px){.gl-strip .mq-av::before{animation:none;filter:drop-shadow(0 0 8px rgba(255,105,170,.6))}}
/* v5 story circles */
.gl-strip .mq-item{position:relative;padding-top:6px}
.gl-strip .mq-av{animation:mqBob 4s ease-in-out infinite;animation-delay:var(--b,0s);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.gl-strip .mq-av::before{background:conic-gradient(from 0deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#d62976,#feda75)}
.gl-strip .mq-ph{position:relative;z-index:1;display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid #1a0b14}
.gl-strip .mq-ph img{width:100%!important;height:100%!important;border:0!important;animation:mqKB 9s ease-in-out infinite alternate;animation-delay:var(--b,0s)}
.gl-strip .mq-item:hover .mq-av,.gl-strip .mq-item:focus-visible .mq-av{transform:scale(1.14);animation-play-state:paused}
.gl-strip .mq-item::after{content:attr(data-tip);position:absolute;top:-22px;left:50%;transform:translate(-50%,6px);white-space:nowrap;background:linear-gradient(90deg,#ff4f9a,#b44cff);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:3}
.gl-strip .mq-item:hover::after,.gl-strip .mq-item:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.gl-strip .mq-top{padding-top:30px}
@keyframes mqBob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.04)}}
@keyframes mqKB{from{transform:scale(1.08) translate(0,0)}to{transform:scale(1.22) translate(-4%,3%)}}
@media(prefers-reduced-motion:reduce) and (max-width:1px){.gl-strip .mq-av,.gl-strip .mq-ph img{animation:none}}
/* v7 stories: no gap, talking */
.gl-strip .mq-sec.mq-top{padding:34px 0 10px;border-top:0;margin:0;background:transparent}
.gl-strip .mq-item{animation:mqHop 2.8s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:var(--b,0s)}
@keyframes mqHop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-9px)}90%{transform:translateY(0)}95%{transform:translateY(-3px)}}
.gl-strip .mq-item:hover .mq-av{animation:mqWig .5s ease-in-out 2}
@keyframes mqWig{0%,100%{transform:scale(1.14) rotate(0)}25%{transform:scale(1.14) rotate(-9deg)}75%{transform:scale(1.14) rotate(9deg)}}
.gl-strip .mq-say{position:absolute;top:-14px;left:50%;z-index:4;white-space:nowrap;background:#fff;color:#c2367a;font-size:12px;font-weight:800;padding:5px 11px;border-radius:16px;box-shadow:0 4px 18px rgba(255,105,170,.6);transform:translate(-30%,0) scale(0);transform-origin:20% 100%;animation:sayIn .45s cubic-bezier(.34,1.8,.64,1) forwards}
.gl-strip .mq-say::after{content:"";position:absolute;left:22%;bottom:-6px;border:6px solid transparent;border-top-color:#fff;border-bottom:0}
.gl-strip .mq-say.out{animation:sayOut .35s ease-in forwards}
@keyframes sayIn{to{transform:translate(-30%,0) scale(1)}}
@keyframes sayOut{from{transform:translate(-30%,0) scale(1);opacity:1}to{transform:translate(-30%,-8px) scale(.6);opacity:0}}
.gl-strip .mq-talk .mq-av{transform:scale(1.1)}
.gl-strip .mq-new{position:absolute;top:84px;left:50%;transform:translateX(-50%);z-index:3;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#ff2d55,#ff69aa);padding:2px 8px;border-radius:10px;border:2px solid #1a0b14;animation:newP 1.6s ease-in-out infinite}
@keyframes newP{50%{box-shadow:0 0 14px #ff2d55}}
@media(prefers-reduced-motion:reduce) and (max-width:1px){.gl-strip .mq-item,.gl-strip .mq-new{animation:none}}
/* v8 calmer stories + taller showcase */
.gl-strip .mq{animation-duration:95s}
.gl-strip .mq-item{animation-duration:5.5s}
.gl-strip .mq-item.mq-talk{z-index:6}
.mq-sec.mq-sw{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.mq-sec.mq-sw::-webkit-scrollbar{display:none}
.mq-sec.mq-sw .mq{animation:none!important;transform:none!important}