:root{color-scheme:dark;font:16px "Segoe UI",sans-serif;background:#0b1020;color:#edf3ff}*{box-sizing:border-box}body{margin:0;background:#0b1020;min-height:100vh}header{display:flex;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #334}header #status{margin-right:auto;color:#9ab}button,select,input,textarea{font:inherit;color:inherit;background:#192541;border:1px solid #405276;border-radius:.5rem;padding:.6rem}#messages,#composer{width:min(900px,calc(100% - 2rem));margin:1rem auto}#messages{padding-bottom:10rem}article{padding:1rem;margin:1rem 0;background:#111a2f;border-radius:.8rem}article.user{margin-left:10%;background:#19294c}pre{white-space:pre-wrap;overflow-wrap:anywhere}#composer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:#0b1020;padding:1rem}textarea{width:100%}#composer div{text-align:right;margin-top:.5rem}.login{display:grid;place-items:center}.login main{width:min(400px,90vw);padding:2rem;background:#111a2f;border-radius:1rem}.login label{display:grid;gap:.4rem;margin:1rem 0}#login-error{color:#f99}@media(max-width:650px){header{flex-wrap:wrap}article.user{margin-left:0}}