.continuity-stage{position:relative;padding-bottom:35px}
.story-pause{position:absolute;right:0;bottom:0;background:transparent;color:#a6abb6;font-size:11px;padding:8px 0 0 15px}
.story-step{position:relative}.story-step.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#9fc7e6;transform:scaleX(var(--story-progress,0));transform-origin:left;transition:transform .1s linear}
.story-user,.story-answer,.story-bottom>span:first-child{transition:opacity .35s ease,transform .4s ease}
.story-conversation{position:relative}.story-user{opacity:1;transform:translateY(0)}
[data-phase="question"] .story-answer,[data-phase="routing"] .story-answer{opacity:0;transform:translateY(8px)}
[data-phase="question"] .story-bottom>span:first-child{opacity:.3}
[data-phase="answer"] .story-answer{opacity:1;transform:translateY(0)}
.story-pending{position:absolute;left:30px;top:115px;display:flex;gap:5px;opacity:0;transition:opacity .2s}
.story-pending i{display:block;width:4px;height:4px;border-radius:50%;background:#99b8cf;animation:story-dot 1.2s ease-in-out infinite}.story-pending i:nth-child(2){animation-delay:.15s}.story-pending i:nth-child(3){animation-delay:.3s}
[data-phase="routing"] .story-pending{opacity:1}
[data-running="false"] .story-pending i{animation-play-state:paused}
@keyframes story-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:767px){.story-step.active:after{height:2px}.story-pending{left:20px;top:112px}.story-pause{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-pending{display:none}.story-user,.story-answer,.story-bottom>span:first-child{transition:none!important;opacity:1!important;transform:none!important}.story-step.active:after{transform:scaleX(1);transition:none}}
