.story-slide{flex:0 0 calc((100% - 24px)/4)}@media(min-width:768px){.story-slide{flex-basis:calc((100% - 40px) / 6)}}.story-trigger{aspect-ratio:1 / 1;border-radius:9999px;border:2px solid var(--story-ring, #000)}.story-media{position:relative;aspect-ratio:1 / 1}.story-media>img,.story-media>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.story-play svg{width:34px;height:34px;color:#fff;background:#00000073;border-radius:9999px;padding:7px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.story-caption{margin-top:6px;text-align:center;line-height:1.2}.story-name{display:block;font-weight:700;font-size:13px;color:#000}.story-desc{display:block;font-size:12px;color:#666}.stories--cards .story-slide{flex:0 0 110px}.stories--cards .story-trigger{aspect-ratio:9 / 16;border-radius:12px;border:none;padding:0}.stories--cards .story-media{border-radius:12px;aspect-ratio:9 / 16}.stories--cards .story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.stories--cards .story-play svg{width:40px;height:40px;color:#fff;background:#00000059;border-radius:9999px;padding:10px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.sp-overlay{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.sp-container{position:relative;width:100%;height:100%;max-width:56.25dvh;touch-action:none}.sp-viewport{width:100%;height:100%;overflow:hidden}.sp-slides{display:flex;flex-direction:column;height:100%}.sp-slide{position:relative;flex:0 0 100%;min-height:0;height:100%}.sp-poster,.sp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sp-progress-bar{position:absolute;top:0;left:0;right:0;display:flex;gap:3px;padding:10px 8px 4px;z-index:2;pointer-events:none}.sp-seg{flex:1;height:2px;background:#fff6;border-radius:2px;overflow:hidden}.sp-seg-fill{height:100%;background:#fff;transform:scaleX(0);transform-origin:left;will-change:transform}.sp-seg--done .sp-seg-fill{transform:scaleX(1)}.sp-header{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;padding:0 10px;z-index:3;pointer-events:none}.sp-actions{display:flex;gap:8px;pointer-events:auto}.sp-btn{background:#00000059;border:none;color:#fff;cursor:pointer;width:36px;height:36px;border-radius:9999px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.sp-nav{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:3}.sp-nav-btn{background:#00000059;border:none;color:#fff;cursor:pointer;width:36px;height:36px;border-radius:9999px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}@media(min-width:1024px){.sp-overlay{background:transparent;justify-content:flex-end;padding:0 24px;pointer-events:none}.sp-container{width:auto;height:88dvh;max-width:none;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;pointer-events:auto;box-shadow:0 12px 48px #00000059}}.sp-overlay--video{justify-content:center}.sp-overlay--video .sp-container{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto}.sp-overlay--video .sp-video,.sp-overlay--video .sp-poster{object-fit:contain;background:#000}@media(min-width:1024px){.sp-overlay--video{background:#000000e6;justify-content:center;padding:0 24px;pointer-events:auto}.sp-overlay--video .sp-container{width:min(90vw,calc(85dvh * 16 / 9));height:auto;max-width:90vw;aspect-ratio:16 / 9}}