:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#0d111b;color:#e7ebf5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:#171e30;border-bottom:1px solid #303951}header strong{font-size:1.25rem}#identity{margin-left:auto;color:#c3cdf0}main{max-width:72rem;margin:auto;padding:1rem}.notice{background:#34270e;color:#ffe2a1;padding:.75rem 1rem;border-radius:.6rem}#status:empty{display:none}#status{color:#ffcf92}button,input{font:inherit;border:1px solid #47536e;border-radius:.5rem;padding:.6rem .75rem;color:inherit;background:#172034}button{cursor:pointer}button:hover{background:#253250}button:focus-visible,input:focus-visible{outline:2px solid #a4b5ff;outline-offset:2px}button:disabled{opacity:.65;cursor:wait}.primary{background:#494bdb;border-color:#7072f0;color:white}.primary:hover{background:#595bec}#signin{max-width:30rem;margin:3rem auto;padding:2rem;background:#171e30;border-radius:1rem}#workspace{display:grid;grid-template-columns:minmax(14rem,19rem) minmax(0,1fr);margin-top:1rem;border:1px solid #303951;border-radius:.75rem;overflow:hidden}.sidebar,.thread{padding:1rem}.sidebar{background:#171e30}.sidebar h2,.thread h1{margin-top:0}.sidebar ul{list-style:none;padding:0}.sidebar li button{width:100%;text-align:left;margin-bottom:.4rem}.sidebar button[aria-current=true]{border-color:#a4b5ff}label{display:block}label input{display:block;width:100%;margin:.4rem 0}.thread{display:flex;flex-direction:column;min-height:55vh}#messages{flex:1;max-height:60vh;overflow:auto}#messages p{width:fit-content;max-width:85%;background:#253250;padding:.65rem .9rem;border-radius:.75rem;overflow-wrap:anywhere;white-space:pre-wrap}#messages .mine{background:#3e40ab;margin-left:auto}#composer{display:flex;align-items:center;gap:.5rem}#body{flex:1;min-width:0}#invite-result{margin-top:1rem}@media(max-width:650px){#workspace{grid-template-columns:1fr}.thread{min-height:45vh}}