:root{--fundo: #000;--texto: #fff;--secundario: #b5b5b5;--botao: #1c1c1e;--borda: #3a3a3c;--destaque: #ffd60a;--ok: #30d158;--erro: #ff453a;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--fundo);color:var(--texto)}body{font:20px/1.3 -apple-system,system-ui,sans-serif;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);min-height:100dvh;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.topo{position:sticky;top:0;background:var(--fundo);padding:10px 0;z-index:1}.rede{display:block;font-size:15px;color:var(--ok);margin-bottom:8px}.rede.offline{color:var(--destaque)}.abas{display:grid;grid-template-columns:1fr 1fr;gap:8px}.aba{padding:14px 8px;border-radius:14px;border:2px solid var(--borda);background:var(--botao);font-weight:600}.aba.ativa{background:var(--destaque);color:#000;border-color:var(--destaque)}.grade{display:grid;grid-template-columns:1fr;gap:10px;padding:8px 0 24px}.frase{min-height:64px;padding:14px 16px;text-align:left;border-radius:14px;border:2px solid var(--borda);background:var(--botao);font-size:21px}.frase:active{background:var(--destaque);color:#000}.mostrar{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fundo);z-index:10;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px)}.mostrar[hidden]{display:none}.mostrar-it{font-size:clamp(36px,10vw,64px);font-weight:700;line-height:1.15;margin:0}.mostrar-pt{font-size:22px;color:var(--secundario);margin:0}.aviso-audio{color:var(--erro);font-weight:600;margin:0}.mostrar-botoes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.botao{min-height:72px;border-radius:16px;border:2px solid var(--borda);background:var(--botao);font-size:22px;font-weight:600}.linha-topo{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.linha-topo .rede{margin-bottom:0}.link-teste{color:var(--secundario);font-size:15px}.link-conversa{background:var(--destaque);color:#000;font-weight:700;text-decoration:none;padding:8px 14px;border-radius:12px;font-size:17px}