body{font-family:system-ui,sans-serif;margin:0;background:#f4f6f8;color:#1b2430}
main{max-width:860px;margin:0 auto;padding:1rem}
#login{max-width:340px;margin-top:12vh}
form label{display:block;margin:.6rem 0}
input{padding:.55rem;border:1px solid #b8c1cc;border-radius:6px;font:inherit}
#login input{width:100%;box-sizing:border-box}
button{padding:.55rem 1rem;border:0;border-radius:6px;background:#0b5cad;color:#fff;font:inherit;cursor:pointer}
button:disabled{opacity:.5}
.err{color:#b00020}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
#log{min-height:55vh;display:flex;flex-direction:column;gap:.7rem}
.msg{padding:.7rem .9rem;border-radius:8px;white-space:pre-wrap;word-break:break-word}
.user{background:#dbe9f8;align-self:flex-end;max-width:80%}
.bot{background:#fff;border:1px solid #d5dbe2}
.cites{margin-top:.6rem;font-size:.82rem;color:#445}
.cites ul{margin:.2rem 0 0;padding-left:1.2rem}
#chat-form{display:flex;gap:.5rem;margin-top:1rem}
#q{flex:1}