:root{color-scheme:dark;font:16px system-ui;background:#0d1e29;color:#eef4f6}body{margin:0}main{max-width:820px;margin:3rem auto;padding:1rem}label{display:block;margin:1rem 0}input{display:block;box-sizing:border-box;width:100%;margin-top:.4rem;padding:.8rem;border:1px solid #65808e;border-radius:8px;background:#213743;color:white}button{padding:.8rem 1.2rem;border:0;border-radius:8px;background:#fac43d;color:#122b38;font:inherit;cursor:pointer;margin:.4rem .4rem .4rem 0}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#status{color:#fac43d}#room{margin-top:2rem}p{line-height:1.5}
header{display:flex;align-items:center;gap:1rem}header .brand{font-size:1.4rem;font-weight:750;margin-right:auto}header button{font-size:.85rem}footer{font-size:.8rem;color:#b2c4cc;margin-top:3rem}details{margin:1rem 0}summary{cursor:pointer}#identity{font-size:.9rem}