.chat{display:flex;flex-direction:column;margin:0 auto;max-width:600px}.messages_wrapper{display:flex;flex-direction:column-reverse;height:calc(100vh - 140px);overflow-y:auto}.messages{border:1px solid #ccc;display:flex;flex:1;flex-direction:column;justify-content:end;margin-bottom:10px;padding:10px}.messages .user{color:#00f;text-align:right}.messages .message_content{animation:fadeIn .5s;border-radius:10px;clear:both;color:#444;margin-bottom:15px;max-width:85%;padding:10px 20px}.messages .user .message_content{background:#dfefff;float:right}.messages .bot .message_content{background:#e3e3e3;float:left}.messages .bot{color:green;text-align:left}.messages .error{color:red;text-align:center}.input-area{display:flex}.input-area textarea{border:1px solid #ccc;border-radius:5px 0 0 5px;flex:1;padding:5px}.input-area button{background-color:#007bff;border:1px solid #ccc;border-radius:0 5px 5px 0;color:#fff;padding:5px 10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}