/* A short, scroll-triggered conversation; the transcript remains readable. */
.chat-arrive{animation:chatMessageIn .24s cubic-bezier(.2,.7,.3,1) both}.chat-typing{display:flex;align-items:center;gap:4px;min-width:46px;min-height:27px;padding:10px 12px!important;flex-shrink:0;box-shadow:0 1px 1px #0002}.chat-typing>span{width:5px;height:5px;background:#92998c;border-radius:50%;animation:typingDot 1s ease-in-out infinite}.chat-typing>span:nth-child(2){animation-delay:.14s}.chat-typing>span:nth-child(3){animation-delay:.28s}.chat-playback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f5f6f5;color:#777;border-top:1px solid #e1e4df;min-height:36px;font-family:var(--sans)}.chat-playback-toolbar>span{font:6px var(--mono);letter-spacing:.05em;line-height:1.7}.chat-replay{display:inline-flex;align-items:center;gap:5px;background:transparent;color:#3c695c;font:10px var(--sans);padding:3px 2px;white-space:nowrap;min-height:22px}.chat-replay>span{font-size:16px;line-height:1}.chat-replay:hover{color:#111}.chat-replay:focus-visible{outline:2px solid #576c54;outline-offset:3px;border-radius:3px}.hero-phone .chat-playback-toolbar{padding:8px 11px;min-height:35px}.hero-phone .chat-playback-toolbar>span{font-size:6px}.hero-phone .chat-replay{font-size:10px}.hero-phone .chat-typing{padding:12px!important;min-width:48px}.hero-phone .chat-typing>span{height:5px;width:5px}.chat-window{position:relative}.chat-window .wa-chat{min-height:270px}.story-visual:has(.chat-window){height:auto;min-height:420px;padding-top:22px;padding-bottom:22px}.story-panel:has(.chat-window){min-height:550px}.chat-window .chat-playback-toolbar{min-height:34px;padding:6px 14px}.chat-window .chat-replay{font-size:9px}.chat-window .chat-playback-toolbar>span{font-size:6px}.chat-window .chat-typing{min-height:26px;padding:9px 11px!important}.chat-window .chat-typing>span{width:4px;height:4px}
@keyframes chatMessageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes typingDot{0%,60%,100%{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:760px){.story-visual:has(.chat-window){min-height:400px;padding:20px 12px}.story-panel:has(.chat-window){min-height:540px}.chat-window .wa-chat{min-height:265px}.chat-window .chat-playback-toolbar{padding:7px 12px}.chat-window .chat-replay{font-size:9px}.chat-window .chat-playback-toolbar>span{font-size:5px}.hero-phone .chat-playback-toolbar{padding:8px 11px}.hero-phone .chat-playback-toolbar>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.chat-arrive,.chat-typing>span{animation:none!important}}