*{margin:0;padding:0}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;padding:20px;background-color:#f5f5f5}.connection-status{padding:10px;background-color:#333;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px}.messages-container{flex:1;overflow-y:auto;padding:10px;background-color:#fff;border-radius:5px;margin-bottom:10px}.message{margin-bottom:15px;padding:10px;border-radius:8px;max-width:80%}.message.user{margin-left:auto;background-color:#dcf8c6}.message.bot{margin-right:auto;background-color:#e5e5ea}.message-timestamp{font-size:.75rem;color:#666;margin-top:4px}.input-area{display:flex;gap:10px}.input-area textarea{flex:1;padding:10px;border-radius:5px;border:1px solid #ccc;resize:none}.input-area button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.input-area button:disabled{background-color:#ccc;cursor:not-allowed}