.chat-widget.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.chat-widget.open:hover{transform:translateY(-2px) scale(1)}.chat-message{margin:16px 0;padding:18px 22px;border-radius:20px;max-width:85%;word-wrap:break-word;font-size:14px;line-height:1.6;position:relative;animation:messageSlideIn .3s ease-out;backdrop-filter:blur(10px);display:flex;align-items:flex-start;gap:12px}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2)}.message-content{flex:1;min-width:0}.message-content div{margin-bottom:8px}.message-content div:last-child{margin-bottom:0}.message-content strong{font-weight:600;color:inherit}.message-content ul,.message-content ol{margin:8px 0;padding-left:20px}.message-content li{margin:4px 0}.chat-message.user{background:linear-gradient(135deg,#f27267 0%,#e55a4e 100%);align-self:flex-end;margin-left:auto;color:#fff;box-shadow:0 4px 12px rgba(242,114,103,.3)}.chat-message.bot{background:rgba(255,255,255,.1);align-self:flex-start;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.typing-dots{display:flex;gap:6px;align-items:center;padding:4px 0}.typing-dots span{width:8px;height:8px;background:linear-gradient(135deg,#f27267 0%,#e55a4e 100%);border-radius:50%;display:inline-block;opacity:.4;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}.welcome-message{text-align:center;padding:20px;color:rgba(226,232,240,.8);font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.welcome-message .icon{font-size:24px;margin-bottom:8px;display:block}.chat-input button.loading{position:relative;color:transparent}.chat-input button.loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.message-time{font-size:11px;opacity:.6;margin-top:4px;text-align:right}.chat-message.bot .message-time{text-align:left}.chat-icon.hidden{opacity:0;transform:scale(.8);pointer-events:none}