body{background-color:#fff}.chat-container{max-width:800px;margin:0 auto}.chat-box{height:500px;overflow-y:auto;border:1px solid #dee2e6;border-radius:8px;padding:20px;background:#f8f9fa}.message{margin-bottom:15px;display:flex;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-content{max-width:70%;padding:10px 15px;border-radius:15px;margin:0 10px}.bot .message-content{background:#e3f2fd;color:#0d47a1}.user .message-content{background:#e8f5e9;color:#1b5e20}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.bot .avatar{background:#bbdefb;color:#0d47a1}.user .avatar{background:#c8e6c9;color:#1b5e20}.typing-indicator{padding:10px 15px;background:#e9ecef;border-radius:15px;display:none}.dot{display:inline-block;width:8px;height:8px;margin-right:3px;background:#6c757d;border-radius:50%;animation:typing 1s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.personality-selector{margin-bottom:20px}.personality-card{cursor:pointer;transition:all .3s;border:2px solid transparent}.personality-card:hover{transform:translateY(-5px)}.personality-card.active{border-color:#0d6efd;background:#e7f1ff}.chat-input{position:relative}.suggestions{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px;display:none}.suggestion-item{padding:5px 10px;cursor:pointer;border-radius:4px}.suggestion-item:hover{background:#f8f9fa}
/*# sourceMappingURL=ai-chatbot-content.css.map */