.chat-container.open{display:flex;transform:scale(1);opacity:1}.message{display:flex;gap:10px;animation:slideIn .3s ease-out}.message.user{flex-direction:row-reverse}.message-content{max-width:75%;padding:10px 14px;border-radius:16px;word-wrap:break-word;line-height:1.4;font-size:14px}.message.bot .message-content{background:#fff;color:#000;border-bottom-left-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.message.user .message-content{background:linear-gradient(135deg,#9c8c7d 0%,#b8a697 100%);color:white;border-bottom-right-radius:4px}.message-avatar{width:28px;height:28px;border-radius:50%;background:#9c8c7d;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700;flex-shrink:0}.typing-indicator{display:flex;gap:10px;align-items:center;padding:12px 16px;animation:slideIn .3s ease-out}.typing-avatar{width:28px;height:28px;border-radius:50%;background:#9c8c7d;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700}.typing-dots{background:#fff;padding:10px 14px;border-radius:16px;border-bottom-left-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;gap:3px}.dot{width:5px;height:5px;background:#9c8c7d;border-radius:50%;animation:typing 1.4s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.error-message{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:12px;text-align:center;margin:6px 16px}.chat-widget.shake{animation:shake .5s ease-in-out}.chat-overlay.show{display:block;opacity:1}@media (max-width:480px){.chat-container.open{position:fixed;bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0;max-width:none}}