.welcome-image.story-preview{isolation:isolate;min-height:460px;background:#211c29}.welcome-image.story-preview:after{z-index:1;pointer-events:none;inset:0;background:linear-gradient(#0d0c16b3,transparent 27%,transparent 67%,#0d0c1699)}.story-preview .story-player,.story-preview .story-view{position:absolute;inset:0;touch-action:pan-y pinch-zoom}.story-preview .story-player{user-select:none;-webkit-user-select:none}.story-preview .story-media{position:absolute;inset:0;z-index:1;pointer-events:none}.story-preview .story-backdrop{position:absolute;inset:-28px;width:calc(100% + 56px);height:calc(100% + 56px);z-index:0;object-fit:cover;object-position:center;filter:blur(22px);opacity:.65;transform:scale(1.04);pointer-events:none}.story-preview .story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;z-index:1;background:transparent}.story-preview .story-cover{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,#16354b 0,transparent 65%),radial-gradient(ellipse at 10% 90%,#402337 0,transparent 65%),#191b27}.story-preview .story-cover.is-playing{opacity:0;transition:opacity .2s ease-out}.story-preview .story-header{position:absolute;inset:16px 16px auto;z-index:3;pointer-events:none}.story-preview .story-segments{display:flex;gap:3px;height:3px;direction:ltr}.story-preview .story-segment{flex:1;min-width:0;height:100%;overflow:hidden;border-radius:2px;background:#ffffff59}.story-preview .story-segment>span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.story-preview .story-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;margin-top:9px;padding-right:54px;color:#fff;font-size:12px;line-height:1.45}.story-preview .story-label{min-width:0;max-width:100%;padding:0;font-weight:500;letter-spacing:.1px;text-shadow:0 1px 4px #000;overflow-wrap:anywhere}.story-preview .story-touch-controls{position:absolute;inset:0;z-index:2;direction:ltr}.story-preview .story-tap-zone{position:absolute;display:grid;place-items:center;min-width:48px;min-height:48px;padding:0;border:0;outline:none;background:transparent;color:#fff;cursor:pointer;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}.story-preview .story-tap-toggle{inset:0;z-index:0}.story-preview .story-tap-next,.story-preview .story-tap-prev{top:82px;bottom:0;width:20%;z-index:1}.story-preview .story-tap-prev{left:0}.story-preview .story-tap-next{right:0}.story-preview .story-nav-symbol,.story-preview .story-play-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;background:#17131dd9;box-shadow:0 2px 10px #0002;pointer-events:none}.story-preview .story-nav-symbol{opacity:1}.story-preview .story-play-symbol{position:absolute;top:28px;right:16px}.story-preview .story-tap-zone:focus-visible .story-nav-symbol,.story-preview .story-tap-zone:focus-visible .story-play-symbol{outline:2px solid #fff;outline-offset:3px;opacity:1}.story-preview .story-hint{position:absolute;z-index:3;inset:auto 16px 16px;margin:0;text-align:center;color:#fff;font-size:11px;line-height:1.5;text-shadow:0 1px 4px #000;pointer-events:none}.story-preview .story-pointer-hint{display:none}.story-preview .story-initial-play{display:grid;place-items:center;color:#fff;background:#17131dd9;border:1px solid #ffffff66;border-radius:50%;padding:0;box-shadow:0 2px 10px #0002;position:absolute;z-index:2;top:28px;right:16px;width:44px;height:44px}.story-preview .story-initial-play:focus-visible{outline:2px solid #fff;outline-offset:3px}.story-preview .story-initial-play:hover{background:#3c2f41}.story-preview .story-initial-play:disabled{opacity:.65;cursor:default}.story-preview .story-error{position:absolute;z-index:3;inset:64% 18px auto;color:#fff;background:#17131ded;border-radius:8px;padding:10px 14px;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}@media(hover:hover) and (pointer:fine){.story-preview .story-tap-zone{cursor:grab}.story-preview .story-player[data-dragging] .story-tap-zone{cursor:grabbing}.story-preview .story-tap-toggle:hover .story-play-symbol,.story-preview .story-tap-zone:hover .story-nav-symbol{background:#302636;border-color:#ffffffa6}.story-preview .story-touch-hint{display:none}.story-preview .story-pointer-hint{display:inline}}@media(max-width:680px){.welcome-image.story-preview{height:400px;height:min(420px,62svh);min-height:320px}.story-preview .story-header{inset-inline:13px}.is-expanded .welcome-image.story-preview{height:min(420px,62svh);min-height:320px}}@media(prefers-reduced-motion:reduce){.story-preview *{scroll-behavior:auto}.story-preview .story-cover.is-playing{transition:none}}.story-preview .story-community{font-size:10px;line-height:1.4;color:#f0edf2;text-shadow:0 1px 4px #000;max-width:100%;overflow-wrap:anywhere}.story-preview .story-drag-cue{position:absolute;z-index:3;top:calc(50% + 41px);display:flex;align-items:center;gap:5px;max-width:calc(50% - 24px);padding:9px 12px;border:1px solid #ffffff45;border-radius:999px;background:#17131de6;color:#fff;font-size:12px;line-height:1.3;pointer-events:none;opacity:0;transform:translateY(-50%);direction:ltr}.story-preview .story-drag-back{left:16px}.story-preview .story-drag-next{right:16px}.story-preview .story-player[data-drag-direction=back] .story-drag-back,.story-preview .story-player[data-drag-direction=next] .story-drag-next{opacity:1}.story-preview .story-player[data-drag-direction=back] .story-tap-prev .story-nav-symbol,.story-preview .story-player[data-drag-direction=next] .story-tap-next .story-nav-symbol{opacity:0}.story-preview .story-loader,.story-preview .story-loading-mark{position:absolute;z-index:3;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#17131dd9;box-shadow:0 2px 14px #0003;pointer-events:none}.story-preview .story-loader>img,.story-preview .story-loading-mark>img{position:static;inset:auto;width:22px;height:26px;object-fit:contain;object-position:center}.story-preview .story-loader-ring{position:absolute;inset:0;border-color:#fff #e964ad #ffffff35 #ffffff35;border-style:solid;border-width:2px;border-radius:50%;animation:story-loading .9s linear infinite}@keyframes story-loading{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.story-preview .story-loader-ring{animation:none}}.story-preview .story-like{position:absolute;z-index:4;inset-inline-end:16px;inset-block-end:16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;max-width:168px;padding:10px 13px;border:1px solid #ffffff66;border-radius:999px;background:#17131de6;color:#fff;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}.story-preview .story-like svg{flex-shrink:0;pointer-events:none}.story-preview .story-like span{min-width:0;overflow-wrap:anywhere;pointer-events:none}.story-preview .story-like.is-liked{color:#ff8aaf;border-color:#ff8aaf88;background:#2b1726ed}.story-preview .story-like.is-liked svg{fill:currentColor}.story-preview .story-like:focus-visible{outline:2px solid #fff;outline-offset:3px}.story-preview .story-like:disabled{opacity:.4;cursor:default}.story-preview .story-like.is-pulsing svg{animation:story-like-pop .28s ease-out}.story-preview .story-hint{inset-inline-end:184px;text-align:start}@keyframes story-like-pop{0%,to{transform:scale(1)}45%{transform:scale(1.25)}}@media(hover:hover) and (pointer:fine){.story-preview .story-like:not(:disabled):hover{border-color:#ff8aaf;background:#30212ee6}}@media(max-width:680px){.story-preview .story-like{inset-inline-end:13px;inset-block-end:13px}.story-preview .story-hint{inset-inline-start:13px;inset-block-end:13px}}@media(prefers-reduced-motion:reduce){.story-preview .story-like.is-pulsing svg{animation:none}}