:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111;padding:32px;font-family:sans-serif}button{cursor:pointer;border:none;padding:8px 16px}pre{background:#333;margin-top:16px;padding:16px}section{border:1px solid #fff;margin:8px 0;padding:8px 16px}section>h2{border-bottom:1px solid #aaa;margin-bottom:8px;padding-bottom:4px;font-size:20px}.profile-info{align-items:center;display:flex}.profile-info img{width:36px;height:36px;margin-right:8px}.peer{background:#333;margin-bottom:4px;padding:8px}button.active{color:#000;background:#fff}.row{flex-direction:row;align-items:stretch;gap:16px;display:flex}.row>*{flex:1}#chat,#remote-media{height:calc(100vh - 280px);overflow-y:auto}.chat-btm{align-items:stretch;gap:4px;display:flex}#chatInput{border:none;flex:1;padding:8px}.message{display:block}.message.system{color:#ccc;font-style:italic}.message p{display:inline}.message-avatar{width:16px;height:16px;margin-right:4px}.message-author{color:#93ff2f;font-weight:700}.peer-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.peer-controls>button{width:32px;height:32px;padding:0}.peer-controls>button.red{color:#fff;background:#ff2f2f}img.peer-status-icon{width:16px;height:16px}@media screen and (width<=940px){.row{flex-direction:column;gap:0}.row>*{flex:1}#chat,#remote-media{height:calc(50vh - 220px);overflow-y:auto}}