*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#1e1f22;color:#dbdee1}input,button{font:inherit;border:0;border-radius:6px;padding:10px;background:#383a40;color:inherit}button{background:#5865f2;color:#fff;cursor:pointer}a{color:#00a8fc;cursor:pointer}.auth{max-width:320px;margin:15vh auto;display:flex;flex-direction:column;gap:10px;padding:16px}.err{color:#f23f42}.app{display:flex;height:100dvh}aside{width:240px;background:#2b2d31;padding:8px;overflow:auto}aside input{width:100%;margin:8px 0}.me{padding:8px;font-weight:600}.peer{padding:10px;border-radius:6px;cursor:pointer}.peer:hover,.peer.on{background:#404249}main{flex:1;display:flex;flex-direction:column;min-width:0}header{padding:14px;border-bottom:1px solid #111}header small{opacity:.5;margin-left:8px}.list{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.msg{max-width:70%;padding:8px 12px;border-radius:12px;background:#313338;align-self:flex-start;white-space:pre-wrap;word-break:break-word}.msg.mine{align-self:flex-end;background:#5865f2;color:#fff}.msg.mine a{color:#fff}.bar{display:flex;gap:8px;padding:12px}.bar input{flex:1}.clip{padding:10px;cursor:pointer}.empty{margin:auto;opacity:.5}@media (max-width:640px){aside{width:96px}}