:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}#app{min-height:100vh;display:grid}.card{flex-direction:column;place-self:center;gap:.75rem;width:100%;max-width:26rem;padding:2rem;display:flex}.card h1{margin:0;font-size:1.4rem}input[type=text]{box-sizing:border-box;border:1px solid #8888;border-radius:.4rem;width:100%;padding:.6rem;font-size:1rem}button{cursor:pointer;border:0;border-radius:.4rem;padding:.6rem 1rem;font-size:1rem}button.primary{color:#fff;background:#1083fe}button.secondary{background:#8883}button.link{color:#1083fe;text-align:left;background:0 0;padding:.2rem}button.big{padding:.4rem 1.6rem;font-size:2rem}button.room{text-align:left;background:0 0;border-radius:.3rem;padding:.4rem .6rem}button.room:hover{background:#8882}button.room.active{background:#1083fe22;font-weight:600}.status{opacity:.85;min-height:1.2em;margin:.3rem 0;font-size:.9rem}.status.error{color:#c62828;opacity:1}.layout{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:1px solid #8884;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}header .whoami{opacity:.7;flex:1;font-size:.85rem}.banner{background:#ffc10722;border-bottom:1px solid #ffc10755;padding:.6rem 1rem}.columns{flex:1;min-height:0;display:flex}.rooms{border-right:1px solid #8884;flex-direction:column;gap:.3rem;width:16rem;padding:.8rem;display:flex}.main{flex:1;padding:1.5rem}.count{font-variant-numeric:tabular-nums;font-size:5rem;font-weight:700}.ops{opacity:.6;font-size:.85rem}.row{align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.steps{margin:.8rem 0;padding-left:1.4rem}.steps li{opacity:.55;padding:.15rem 0}.steps li.current{opacity:1;font-weight:600}.steps li.current::marker{color:#1083fe}.steps li.done{opacity:.8;color:#2e7d32}.linkbox{border:1px dashed #8886;border-radius:.4rem;align-items:center;gap:.6rem;margin:.5rem 0;padding:.5rem .7rem;display:flex}.linkbox code{overflow-wrap:anywhere;flex:1;font-size:.85rem}.hidden{display:none}.hint{opacity:.75;font-size:.85rem}.rooms .section{text-transform:uppercase;opacity:.6;margin:.6rem 0 .2rem;font-size:.8rem}.invite{border:1px solid #8884;border-radius:.4rem;margin-bottom:.4rem;padding:.4rem .6rem}.invite .row{margin:.4rem 0 0}.invite button{padding:.3rem .7rem;font-size:.85rem}.members{padding:0;list-style:none}.members li{padding:.25rem 0}.badge{opacity:.7;font-size:.8rem}.badge.verified{color:#2e7d32;opacity:1}@media (width<=40rem){.columns{flex-direction:column}.rooms{border-bottom:1px solid #8884;border-right:0;width:auto}}