.story-marquee{display:flex;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.story-group{display:flex;flex-shrink:0;gap:20px;padding:6px 20px 6px 0;min-width:max-content;animation:story-marquee var(--dur, 90s) linear infinite}.story-group:first-child{padding-left:20px}.story-marquee:hover .story-group{animation-play-state:paused}@keyframes story-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.story-marquee{overflow-x:auto}.story-group{animation:none}.story-group[aria-hidden=true]{display:none}}@media (max-width: 767px){.story-marquee{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.story-marquee::-webkit-scrollbar{display:none}.story-group{animation:none!important}.story-group[aria-hidden=true]{display:none}.story-card{flex-basis:76vw;max-width:76vw;scroll-snap-align:center}.story-card:hover,.story-card:hover .story-glass{transform:none}}.story-card{position:relative;flex:0 0 272px;max-width:80vw;display:block;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px -22px #10182873;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;will-change:transform}.story-card:after{content:"";position:absolute;inset:0;z-index:4;border-radius:24px;pointer-events:none;border:1px solid rgba(255,255,255,.1);background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);background-size:250% 100%;background-position:140% 0;transition:background-position .8s ease,border-color .45s ease}.story-card:hover{transform:translateY(-10px);box-shadow:0 36px 70px -26px #3849f08c,0 0 0 1px #3849f040}.story-card:hover:after{background-position:-40% 0;border-color:#3849f073}.story-card.is-placeholder{opacity:.9}.story-media{position:relative;aspect-ratio:9 / 15;background:#0b1024}.story-media-fallback{position:absolute;inset:0}.story-media-fallback:before{content:"";position:absolute;inset:0}.story-card:nth-child(4n+1) .story-media-fallback{background:linear-gradient(150deg,#3849f0,#2330a8 55%,#0c1030)}.story-card:nth-child(4n+2) .story-media-fallback{background:linear-gradient(155deg,#5b2bd6,#3849f0 55%,#141037)}.story-card:nth-child(4n+3) .story-media-fallback{background:linear-gradient(150deg,#1f7ae0,#2c39c9 55%,#0a1230)}.story-card:nth-child(4n) .story-media-fallback{background:linear-gradient(160deg,#0f1736,#233bce 60%,#3849f0)}.story-media-fallback:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 18% 82%,rgba(254,218,21,.1),transparent 45%)}.story-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.2) 100%)}.story-play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:9999px;z-index:5;cursor:pointer;background:#fffffff5;color:#3849f0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;animation:sdPlayPulse 2.6s ease-in-out infinite}.story-card:hover .story-play{transform:translate(-50%,-50%) scale(1.1)}@keyframes sdPlayPulse{0%,to{box-shadow:0 8px 24px -6px #00000073,0 0 #ffffff80}50%{box-shadow:0 8px 24px -6px #00000073,0 0 0 14px #fff0}}@media (prefers-reduced-motion: reduce){.story-play{animation:none}}.story-glass{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;color:#fff;padding:13px 14px 15px;border-radius:18px;background:linear-gradient(to top,#080a16d1,#080a164d);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px -12px #0000008c,inset 0 1px #ffffff29;transition:transform .45s cubic-bezier(.22,1,.36,1)}.story-card:hover .story-glass{transform:translateY(-3px)}.story-glass-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.story-id{display:flex;align-items:center;gap:7px;min-width:0}.story-avatar{width:28px;height:28px;border-radius:9999px;object-fit:contain;border:1.5px solid rgba(255,255,255,.7);flex-shrink:0;background:#0d1024;padding:2px}.story-avatar-ph{display:flex;align-items:center;justify-content:center;background:#3849f0;color:#fff;font-weight:800;font-size:12px;text-transform:uppercase}.story-glass-name{font-size:12.5px;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-avatar-wrap{position:relative;flex-shrink:0;display:inline-flex}.story-verified{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:9999px;background:#fff;padding:1px;box-shadow:0 1px 3px #00000073}.story-loopvid{pointer-events:none}.story-loc{display:inline-flex;align-items:center;gap:5px;margin:0 0 6px;max-width:100%;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:9999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-statline{display:flex;align-items:baseline;gap:6px}.story-stat{font-size:26px;font-weight:800;line-height:1;background:linear-gradient(180deg,#fff,#dfe4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.story-stat-label{font-size:11px;font-weight:500;color:#ffffffb8}.story-title{font-size:13.5px;font-weight:600;line-height:1.25;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-cta{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:13px;font-weight:700;color:#feda15}.is-placeholder .story-cta{color:#ffffffa6}