body.story-player-open{overflow:hidden!important}.story-player{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#020307!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important;font-family:system-ui,sans-serif}.story-player::backdrop{background:#000}.story-player-stage{position:relative;isolation:isolate;width:min(100vw,520px);height:100%;margin:auto;background:#050710;overflow:hidden;touch-action:none}.story-player-media{position:absolute;inset:0;z-index:-2;display:grid;place-items:center}.story-player-media img,.story-player-media video{width:100%;height:100%;max-height:none!important;object-fit:contain;border-radius:0!important}.story-text-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 35%,color-mix(in srgb,var(--story-color) 40%,#030610),#030610 85%)}.story-player-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#000a,transparent 25%,transparent 60%,#000d);pointer-events:none}.story-player-head{position:absolute!important;top:0;left:0;right:0;display:block!important;margin:0!important;padding:max(12px,env(safe-area-inset-top)) 14px 20px!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;z-index:3;height:auto!important;min-height:0!important}.story-player-progress{display:flex;gap:4px;margin-bottom:13px}.story-player-progress i{height:3px;background:#ffffff45;flex:1;border-radius:2px;overflow:hidden}.story-player-progress i.complete{background:#fff}.story-player-progress i.current:before{content:'';display:block;height:100%;background:var(--story-color);transform-origin:left;transform:scaleX(var(--story-completion,0));box-shadow:0 0 7px var(--story-color)}.story-player-identity{display:flex;align-items:center;gap:10px}.story-player-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;width:34px;height:34px;background:#142135;border:1px solid #fff7;flex-shrink:0}.story-player-avatar img{width:100%;height:100%;object-fit:cover}.story-player-identity>div{flex:1;min-width:0}.story-player-identity strong{display:block;font:650 13px/1.4 system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-player-identity small{display:block;color:#ddd;font-size:10px}.story-player button{color:white!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px;padding:8px;line-height:1;min-width:34px;min-height:34px}.story-player-identity button{font-size:24px}.story-player-caption{position:absolute;bottom:174px;left:20px;right:20px;pointer-events:none}.story-player-caption p{font:500 17px/1.5 system-ui;text-shadow:0 2px 10px #000;white-space:pre-wrap;overflow-wrap:anywhere;max-height:25dvh;overflow:auto}.story-player-footer{position:absolute;bottom:0;left:0;right:0;margin:0;padding:12px 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000a);color:#fff}.story-quick-reactions{display:flex;justify-content:space-between;margin-bottom:10px;gap:4px}.story-quick-reactions button{font-size:25px;transition:transform .18s}.story-quick-reactions button:active{transform:scale(1.25)}#storyPlayerReply{display:flex;gap:8px;align-items:center}#storyPlayerReply input{min-width:0;flex:1;border:1px solid #ffffff65;border-radius:24px;background:#07111e55;color:#fff;font:13px system-ui;padding:13px 17px;backdrop-filter:blur(8px)}#storyPlayerReply input::placeholder{color:#e2e8ef}#storyPlayerReply button{font-size:23px}#storyReplyStatus{display:block;font:9px/1.4 system-ui;color:#d4dae4;margin-top:9px;letter-spacing:0}.story-side{position:absolute;top:45%;z-index:2;font-size:35px!important;opacity:.55}.story-side.previous{left:0}.story-side.next{right:0}.story-side:disabled{opacity:.15}#storyReactionSky{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}#storyReactionSky span{position:absolute;bottom:135px;font-size:34px;animation:storyReactionFloat 2.2s ease-out both;filter:drop-shadow(0 0 8px #ffffff40)}@keyframes storyReactionFloat{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1;transform:translate(8px,-30px) scale(1.15)}75%{opacity:.9}100%{opacity:0;transform:translate(var(--reaction-drift),-65dvh) scale(.8)}}@media(min-width:700px){.story-player-stage{border-left:1px solid #ffffff15;border-right:1px solid #ffffff15}}@media(prefers-reduced-motion:reduce){#storyReactionSky span{animation:none;bottom:180px}.story-quick-reactions button{transition:none}}

.story-player-head{background:linear-gradient(#020710cc,transparent)!important}.story-player-identity{padding:9px 8px;border-top:1px solid color-mix(in srgb,var(--story-color) 35%,transparent);border-bottom:1px solid #ffffff10;background:linear-gradient(90deg,color-mix(in srgb,var(--story-color) 9%,transparent),transparent);border-radius:14px 4px 14px 4px}.story-player-avatar{border-color:var(--story-color);box-shadow:0 0 13px color-mix(in srgb,var(--story-color) 30%,transparent)}.story-player-progress{gap:6px}.story-player-progress i{height:4px;border:1px solid #ffffff18;background:#ffffff15;transform:skewX(-18deg)}.story-player-progress i.current:before{background:linear-gradient(90deg,var(--story-color),#e7faff);box-shadow:0 0 12px var(--story-color)}.story-player-stage:before{content:'';position:absolute;inset:105px 10px 184px;pointer-events:none;z-index:1;background:linear-gradient(var(--story-color),var(--story-color)) left top/18px 1px no-repeat,linear-gradient(var(--story-color),var(--story-color)) left top/1px 18px no-repeat,linear-gradient(var(--story-color),var(--story-color)) right bottom/18px 1px no-repeat,linear-gradient(var(--story-color),var(--story-color)) right bottom/1px 18px no-repeat;opacity:.65;filter:drop-shadow(0 0 5px var(--story-color))}.story-player-footer{padding-top:16px;border-top:1px solid color-mix(in srgb,var(--story-color) 25%,transparent);background:linear-gradient(#050c16bb,#02050bed);backdrop-filter:blur(12px);border-radius:20px 20px 0 0;box-shadow:0 -5px 28px #0003}.story-player-caption{bottom:185px}.story-player-caption p{display:inline-block;background:#03091765;backdrop-filter:blur(8px);padding:7px 12px;border-left:2px solid var(--story-color);border-radius:0 10px 10px 0;font-size:15px}
.story-neon-reaction{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--reaction-color);position:relative}.story-neon-reaction svg{width:34px;height:34px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--reaction-color) 70%,transparent));transition:transform .25s,filter .25s}.reaction-shell{fill:color-mix(in srgb,var(--reaction-color) 12%,transparent)}.reaction-core{stroke:#e8faff;stroke-width:1.1}.story-neon-reaction>small{font:650 8px/1.2 system-ui;letter-spacing:.03em;color:var(--reaction-color)}.story-quick-reactions button{padding:6px 4px;min-width:40px;flex:1}.story-quick-reactions button:hover svg,.story-quick-reactions button:focus-visible svg{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 0 9px var(--reaction-color))}.story-quick-reactions button:focus-visible{outline:1px solid #d4f7ff!important;outline-offset:2px}#storyReactionSky .story-neon-reaction svg{width:45px;height:45px}#storyReactionSky .story-neon-reaction>small{display:none}#storyPlayerReply input{border-color:color-mix(in srgb,var(--story-color) 45%,#ffffff44);background:linear-gradient(120deg,color-mix(in srgb,var(--story-color) 10%,#07101c),#07101c99);box-shadow:inset 0 1px 0 #ffffff14}.story-player-identity button{color:#d9f5ff!important}.story-side{opacity:.4;filter:drop-shadow(0 0 5px var(--story-color))}@media(prefers-reduced-motion:reduce){.story-neon-reaction svg{transition:none}}

.story-player #storyPlayerRewind:disabled{opacity:.25;cursor:default}.story-player #storyPlayerRewind{font-size:23px;color:var(--story-color)!important}
/* Sculpted luminous reactions, compact touch targets. */
.story-quick-reactions{gap:5px;padding:5px 0 10px}.story-quick-reactions .story-neon-reaction{gap:7px;padding-top:5px}.story-quick-reactions .story-neon-reaction:before{content:'';position:absolute;top:0;left:50%;width:44px;height:44px;transform:translateX(-50%);border-radius:16px;background:radial-gradient(ellipse at 35% 15%,color-mix(in srgb,var(--reaction-color) 27%,white),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--reaction-color) 17%,#091324),#030812);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--reaction-color) 55%,white),inset 0 -3px 5px #0008,0 4px 0 #0004,0 0 20px color-mix(in srgb,var(--reaction-color) 10%,transparent);opacity:.78;pointer-events:none}.story-quick-reactions .story-neon-reaction svg{width:34px;height:34px;position:relative;stroke-width:1.85;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px color-mix(in srgb,var(--reaction-color) 70%,transparent));margin:0 0 5px}.story-neon-reaction .reaction-shell{fill:color-mix(in srgb,var(--reaction-color) 23%,#07101a);stroke:var(--reaction-color)}.story-neon-reaction .reaction-core{stroke:#f4fdff;stroke-width:1.2;filter:drop-shadow(0 0 2px var(--reaction-color))}.story-neon-reaction>small{font-weight:700;font-size:8px;letter-spacing:.06em;text-shadow:0 0 9px color-mix(in srgb,var(--reaction-color) 40%,transparent)}.story-quick-reactions button:hover .story-neon-reaction:before,.story-quick-reactions button:focus-visible .story-neon-reaction:before{opacity:1;box-shadow:inset 0 1px 0 #fff9,0 4px 0 #0005,0 0 25px color-mix(in srgb,var(--reaction-color) 35%,transparent)}.story-quick-reactions button:active{transform:translateY(3px) scale(.94)}.story-quick-reactions button:active .story-neon-reaction:before{box-shadow:inset 0 2px 6px #0006,0 0 22px color-mix(in srgb,var(--reaction-color) 35%,transparent)}
.story-player-footer{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}.story-quick-reactions .story-neon-reaction:before{display:none!important}.story-quick-reactions{background:transparent!important}.story-player-stage:after{background:linear-gradient(#0008,transparent 25%,transparent)!important}.story-neon-reaction>small,#storyReplyStatus{text-shadow:0 1px 5px #000,0 0 10px #000}.story-neon-reaction svg{filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 5px var(--reaction-color))}

#storyReactionSky>span{animation:storyReactionStream 3.1s linear both;animation-delay:var(--reaction-delay,0s);will-change:transform,opacity;transform-origin:center}
#storyReactionSky>span:after{content:'';position:absolute;width:3px;height:35px;left:50%;top:75%;border-radius:50%;background:linear-gradient(var(--reaction-color),transparent);filter:blur(2px);opacity:.45;pointer-events:none}
@keyframes storyReactionStream{0%{opacity:0;transform:translate3d(0,12px,0) scale(.55)}8%{opacity:.9;transform:translate3d(8px,-3dvh,0) scale(var(--reaction-size,1)) rotate(-4deg)}25%{opacity:1;transform:translate3d(calc(var(--reaction-drift)*.4 + 20px),-16dvh,0) scale(var(--reaction-size,1)) rotate(3deg)}45%{opacity:.95;transform:translate3d(calc(var(--reaction-drift)*.65 - 10px),-31dvh,0) scale(var(--reaction-size,1)) rotate(-3deg)}65%{opacity:.75;transform:translate3d(calc(var(--reaction-drift)*.8 + 12px),-46dvh,0) scale(.85) rotate(2deg)}85%{opacity:.35;transform:translate3d(var(--reaction-drift),-61dvh,0) scale(.75)}100%{opacity:0;transform:translate3d(calc(var(--reaction-drift) - 8px),-73dvh,0) scale(.65)}}
@media(prefers-reduced-motion:reduce){#storyReactionSky>span{animation:none!important;opacity:1;transform:none}#storyReactionSky>span:after{display:none}}
.prism-motion-off #storyReactionSky>span{animation:none!important}.prism-motion-off #storyReactionSky>span:after{display:none}

.story-neon-reaction .reaction-volume{stroke:color-mix(in srgb,var(--reaction-color) 65%,white);stroke-width:1;stroke-linejoin:round;paint-order:stroke fill}.story-neon-reaction .reaction-core{stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 1px #14213f88);stroke-linecap:round;stroke-linejoin:round}.reaction-glint{stroke:#fff;stroke-width:2.2;opacity:.6;stroke-linecap:round}.story-quick-reactions .story-neon-reaction svg{filter:drop-shadow(0 3px 2px #0006) drop-shadow(0 0 6px color-mix(in srgb,var(--reaction-color) 35%,transparent));transition:transform .3s cubic-bezier(.22,1,.36,1)}.story-quick-reactions button:hover svg{transform:translateY(-4px) rotate(-4deg) scale(1.13)}
