.chat-client{font:16px/1.5 "Helvetica Neue",Arial,sans-serif;color:#222}
.chat-client *{box-sizing:border-box}
.chat-client__panel{width:100%;height:100%;display:flex;flex-direction:column;color:#222;background:#fff;border:1px solid #ddd;border-radius:16px;overflow:hidden}
.chat-client header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:10px 18px;min-height:58px;border-bottom:1px solid #eee}
.chat-client header strong{font-size:20px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.chat-client button{font:16px/1.5 "Helvetica Neue",Arial,sans-serif;cursor:default;min-height:44px;border:0;border-radius:8px;background:#292733;color:#fff;padding:10px 14px}
.chat-client header button{background:none;color:#555;min-width:44px;font-size:22px;pointer-events:none}
.chat-client .messages{height:auto;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.chat-client .message{flex:none;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f0f5;border-radius:10px;padding:10px 12px;max-width:94%;margin:0;font-size:16px;line-height:1.45;color:#222;animation:chat-message-in .5s ease both}
.chat-client .mine{align-self:flex-end;background:#eaf4ee;max-width:88%}
.chat-client form{flex:none;padding:12px 18px;border-top:1px solid #eee;display:grid;gap:8px;margin:0}
.chat-client textarea{font:16px/1.5 "Helvetica Neue",Arial,sans-serif;resize:none;height:50px;min-height:44px;border:1px solid #bbb;border-radius:8px;padding:9px;color:#222;background:white;width:100%;cursor:default}
.chat-client .typing-indicator{display:flex;align-items:center;gap:7px;padding:4px 18px 8px;min-height:32px;color:#777;font:16px/1.5 Arial,sans-serif}
.chat-client .typing-dots{display:inline-flex;gap:3px}.chat-client .typing-dots i{width:4px;height:4px;background:currentColor;border-radius:50%;animation:chat-think 1.2s infinite ease-in-out}.chat-client .typing-dots i:nth-child(2){animation-delay:.15s}.chat-client .typing-dots i:nth-child(3){animation-delay:.3s}
.chat-client [hidden]{display:none!important}.chat-client .typing-indicator[hidden]{display:flex!important;visibility:hidden}.chat-client button:disabled{opacity:1}
.chat-client[data-paused] .typing-dots i{animation-play-state:paused}
@keyframes chat-message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.chat-client .message,.chat-client .typing-dots i{animation:none}}