@charset "UTF-8";:root{--font-family: system-ui, sans-serif;--padding: .5rem .75rem;--color: #555}html,body{margin:0}body{font-family:var(--font-family);padding:0 .5rem 3.5rem}form{position:fixed;bottom:0;left:0;width:100%;display:flex;gap:.5rem;padding:.5rem;background:#fff;border-top:1px solid var(--color);box-sizing:border-box}form input{flex-grow:1;padding:var(--padding);border:none;border-radius:.5rem;font-size:1rem;outline:none}form button{background:#1e90ff;color:#fff;border:none;border-radius:.25rem;padding:var(--padding);font-size:1rem;cursor:pointer}form button:disabled{opacity:.5;cursor:not-allowed}.message{width:max-content;max-width:70%;border:1px solid var(--color);padding:var(--padding);border-radius:.5rem;white-space:pre-wrap;font-family:var(--font-family)}.message.from-user{margin-left:auto}.message.generating:after{content:"\258b";animation:fade-cursor ease-in-out .5s infinite alternate}@keyframes fade-cursor{0%{opacity:25%}to{opacity:100%}}