:root{--fundo:#f4f7f6;--cartao:#fff;--texto:#11201d;--suave:#5b6b68;--borda:#d6e0dd;--marca:#0f766e;--marca-texto:#fff;--perigo:#b42318;--fala:#16a34a;--aviso-fundo:#fff4e5;--aviso-texto:#7a4100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fundo:#0b1412;--cartao:#13201d;--texto:#e6efec;--suave:#9fb2ad;--borda:#26403a;--marca:#14b8a6;--marca-texto:#04201c;--perigo:#f97066;--fala:#4ade80;--aviso-fundo:#3a2a10;--aviso-texto:#ffd59a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fundo);color:var(--texto);min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:480px;margin:0 auto;padding:24px 0 40px}h1{align-items:center;gap:10px;margin:0 0 4px;font-size:1.6rem;display:flex}h1 img{width:36px;height:36px}h2{margin:0 0 12px;font-size:1.05rem}p.sub{color:var(--suave);margin:0 0 20px}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;margin-bottom:14px;padding:16px}label{color:var(--suave);margin:10px 0 4px;font-size:.9rem;display:block}input[type=text],input[type=tel]{width:100%;font:inherit;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);border-radius:12px;padding:12px 14px}input:focus-visible,button:focus-visible{outline:3px solid var(--marca);outline-offset:2px}input.pin{letter-spacing:.5em;text-align:center;max-width:180px;font-size:1.3rem}.opcoes{gap:8px;margin-top:4px;display:flex}.opcoes label{text-align:center;border:1px solid var(--borda);cursor:pointer;color:var(--texto);border-radius:12px;flex:1;margin:0;padding:10px}.opcoes input{opacity:0;pointer-events:none;position:absolute}.opcoes label:has(input:checked){border-color:var(--marca);box-shadow:inset 0 0 0 1px var(--marca);font-weight:600}button,a.botao{font:inherit;cursor:pointer;border:1px solid var(--marca);background:var(--marca);color:var(--marca-texto);border-radius:12px;width:100%;margin-top:12px;padding:12px 16px;font-weight:600}button.contorno,a.botao.contorno{color:var(--marca);background:0 0}a.botao{box-sizing:border-box;text-align:center;text-decoration:none;display:block}a.botao:focus-visible{outline:3px solid var(--marca);outline-offset:2px}button.perigo{border-color:var(--perigo);color:var(--perigo);background:0 0}button:disabled{opacity:.55;cursor:default}.linha{gap:8px;display:flex}.linha>*{flex:1}.erro{color:var(--perigo);margin:10px 0 0;font-size:.95rem}.aviso{background:var(--aviso-fundo);color:var(--aviso-texto);border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.95rem}.dica{color:var(--suave);margin:6px 0 0;font-size:.85rem}.topo-sala{justify-content:space-between;align-items:center;gap:8px;display:flex}.topo-sala .id{word-break:break-all;font-size:1.15rem;font-weight:700}.status{color:var(--suave);font-size:.85rem}.status.ruim{color:var(--perigo)}ul.pessoas{margin:0;padding:0;list-style:none}ul.pessoas li{border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:10px 0;display:flex}ul.pessoas li:last-child{border-bottom:0}.avatar{background:var(--fundo);border:2px solid var(--borda);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:grid}li.falando .avatar{border-color:var(--fala);box-shadow:0 0 0 3px color-mix(in srgb, var(--fala) 35%, transparent)}.nome{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nome small{color:var(--suave);margin-left:6px}.icone-mudo{color:var(--perigo);font-size:.85rem}.microfone{border-radius:999px;padding:18px;font-size:1.1rem}.microfone.mudo{background:var(--perigo);border-color:var(--perigo);color:#fff}details.dispositivos{margin-top:14px}details.dispositivos summary{cursor:pointer;font-weight:600}select{width:100%;font:inherit;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);border-radius:12px;padding:12px 14px}.nivel{background:var(--fundo);border:1px solid var(--borda);border-radius:999px;height:10px;margin-top:6px;display:block;overflow:hidden}.nivel-barra{background:var(--fala);width:0;height:100%;transition:width 80ms linear;display:block}