:root{color:#1a1a1a;background:#fafafa;font-family:system-ui,sans-serif}body{margin:0}.signin,.chat{flex-direction:column;gap:.75rem;max-width:44rem;margin:0 auto;padding:1rem;display:flex}.chat{box-sizing:border-box;height:100vh}.chat header{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.messages{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.messages article{white-space:pre-wrap;border-radius:.6rem;max-width:85%;padding:.6rem .8rem}.messages .user{background:#dbeafe;align-self:flex-end}.messages .assistant{background:#fff;border:1px solid #e5e5e5;align-self:flex-start}form{flex-direction:column;gap:.5rem;display:flex}textarea,input{font:inherit;border:1px solid #ccc;border-radius:.4rem;padding:.5rem}button{font:inherit;color:#fff;cursor:pointer;background:#1a1a1a;border:0;border-radius:.4rem;align-self:flex-end;padding:.5rem .9rem}button:disabled{opacity:.5}.error{color:#b00020}