*{box-sizing:border-box}body{color:#fafafa;background:#121212;flex-direction:column;height:100dvh;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5;display:flex}header{border-bottom:1px solid #262626;padding:1rem 1.25rem;font-weight:600}main{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:640px;margin:0 auto;padding:1.25rem;display:flex;overflow-y:auto}main p{white-space:pre-wrap;overflow-wrap:break-word;max-width:85%;margin:0}.user{background:#2c2c2c;border-radius:1.125rem;align-self:flex-end;padding:.5rem .875rem}.assistant{align-self:flex-start}form{width:100%;max-width:640px;margin:0 auto;padding:0 1.25rem 1.25rem}input{width:100%;color:inherit;font:inherit;background:#171717;border:1px solid #404040;border-radius:1.5rem;outline:none;padding:.75rem 1.125rem}input:focus{border-color:#525252}input:disabled{opacity:.5}