body{margin:0;padding:1em;font-family:Arial,sans-serif}main{max-width:800px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}h1{margin-top:0}.message{border-radius:5px;padding:.5em;margin:.5em 0;--message-color-ai: #d9dede;--message-color-user: #F95738}.message.ai{margin-right:2em;background-color:var(--message-color-ai);align-self:flex-start}.message.user{margin-left:2em;background-color:var(--message-color-user);color:#fff;align-self:flex-end}.input-form{display:flex;margin-top:auto;padding:1em 0}.input-form input[type=text]{margin-right:1rem;flex-grow:1;line-height:2;padding:.5em}.input-form input[type=submit]{padding:.5em 1em;background-color:#f95738;color:#fff;border:none;border-radius:5px;cursor:pointer}.messages-container{flex-grow:1;overflow-y:auto;margin-bottom:1em}