.message{margin-bottom:15px;display:flex}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-bubble{max-width:80%;padding:10px 15px;border-radius:18px;word-wrap:break-word}@media (max-width: 600px){.message-bubble{max-width:100%;font-size:12px;padding:8px 12px}}.user-message .message-bubble{background-color:#007bff;color:#fff;border-bottom-right-radius:2px}.bot-message .message-bubble{background-color:#e9e9eb;color:#333;border-bottom-left-radius:2px}code{text-wrap:auto;background-color:#b7b9bb;margin:0;padding:2px;border-radius:2px}pre{background-color:#b7b9bb;border-radius:5px}.input-area{display:flex;padding:15px;border-top:1px solid #eee}.input-area input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px;margin-right:10px;font-size:16px}.input-area button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.input-area button:hover{background-color:#218838}body{font-family:sans-serif;margin:0;background-color:#cdcaca;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{background-color:#a29393;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:90%;max-width:600px;min-width:400px;display:flex;flex-direction:column;overflow:hidden;height:100vh}@media (max-width: 600px){.app-container{width:100%;min-width:100%;height:80vh}}h1{text-align:center;color:#333;padding:15px;margin:0;border-bottom:1px solid #eee}.chat-window{flex-grow:1;padding:15px;overflow-y:auto;height:77vh;display:flex;flex-direction:column}@media (max-width: 500px){.chat-window{height:72vh}}.loading{padding:10px;font-style:italic;color:#666}