body{font-family:Arial,sans-serif;padding:20px;max-width:600px;margin:0 auto}h1{color:#4caf50}input,button{padding:10px;margin:10px 0;width:100%;font-size:16px}pre{background-color:#f4f4f4;padding:15px;border-radius:5px;overflow-x:auto}#chat-container{width:100%;max-width:600px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}#chat-box{max-height:400px;overflow-y:auto;margin-bottom:10px}#user-input{width:calc(100% - 90px);padding:10px;font-size:16px;border-radius:5px}#send-btn{padding:10px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px}.message{padding:8px;margin:5px 0;border-radius:5px}.user-message{background-color:#e3f2fd;text-align:left}.bot-message{background-color:#f1f8e9;text-align:right}.input-container{margin-bottom:20px}#result{margin-top:20px;font-size:18px}