.mini-chat {height:440px;min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;scrollbar-width:thin}
.mini-chat > [data-demo-message] {flex-shrink:0;max-width:90%}
.mini-chat [data-demo-message] p {white-space:pre-line}
.mini-chat > [hidden],.chat-controls[hidden] {display:none!important}
.demo-caption {font-size:.8rem;color:var(--muted);margin-bottom:12px}
.chat-typing {display:flex;flex-shrink:0;align-self:flex-start;gap:5px;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;background:#fff}
.chat-typing.typing-outgoing {align-self:flex-end;background:#e7fad7}
.instagram-chat .typing-outgoing {background:var(--purple);color:#fff}
.chat-typing i {width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}
.chat-controls {display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.chat-motion-control {padding:6px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.875rem;text-decoration:underline;cursor:pointer}
@media(prefers-reduced-motion:no-preference){.chat-running .message-arrived{animation:chat-arrival .25s ease-out both}.chat-running .chat-typing i{animation:chat-dot .7s ease-in-out infinite alternate}.chat-running .chat-typing i:nth-child(2){animation-delay:.15s}.chat-running .chat-typing i:nth-child(3){animation-delay:.3s}}
@keyframes chat-dot{to{transform:translateY(-4px);opacity:1}}
@keyframes chat-arrival{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.mini-chat{height:420px}}