*{font-family:sans-serif}#chats{position:fixed;width:20vw;height:100vh;top:0;left:0;background:#eee;display:flex;flex-direction:column}#chats>button{padding:1em;border:none;cursor:pointer}#chats>button:nth-child(2n){background:#ddd}.messages{position:fixed;width:80vw;height:90vh;top:0;right:0;display:flex;flex-direction:column-reverse;overflow-y:scroll}.messages>div{padding:1em;margin:1em;line-break:anywhere;white-space:pre-wrap;width:fit-content}.messages>div.me{border-radius:1em 1em 0;background:#6495ed;color:#fff;align-self:flex-end}.messages>div:not(.me){border-radius:1em 1em 1em 0;background:#ddd;align-self:flex-start}.messages>div.me>small{color:#fff}.messages>div:not(.me)>small{color:gray}.messages>div>small.red{color:red}.messages>div.service{color:gray;background:none;align-self:center}#compose{position:fixed;width:80vw;height:10vh;bottom:0;right:0;background:#eee}#msg{width:70%;left:0}#sendkey,#send,#check{width:10%;cursor:pointer;background:#6495ed;color:#fff}#msg,#sendkey,#send,#check{position:absolute;height:100%;border:none;border-left:2px solid black;border-top:2px solid black;box-sizing:border-box}#send{left:70%}#sendkey{left:80%}#check{left:90%}