.chat-box{width:360px;min-height:400px;background:#f7f8fa;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:10px;font-family:Inter,sans-serif;overflow:hidden}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.4;animation:fadeUp .3s ease}.chat-bubble.ai{background:#ffffff;align-self:flex-start}.chat-bubble.user{background:linear-gradient(135deg,#5b7cfa,#7a5cff);color:white;align-self:flex-end}.typing{display:flex;gap:4px}.typing span{width:6px;height:6px;background:#bbb;border-radius:50%;animation:blink 1.4s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}