*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background:#111;justify-content:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}main{text-align:center;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:480px;padding:24px 16px;display:flex}h1{font-size:1.5rem}.aviso{color:#fc0;font-size:1.05rem}button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:12px;padding:18px;font-size:1.25rem}button:active{transform:scale(.98)}button.secundario{background:#333}button.perigo{background:#b91c1c}.botao-gigante{border-radius:20px;padding:42px 18px;font-size:1.6rem}.botao-mute{background:#a16207;padding:24px;font-size:1.5rem}.botao-mute.ativo{background:#b91c1c}input,select{color:#eee;background:#1c1c1c;border:1px solid #444;border-radius:10px;width:100%;padding:14px;font-size:1.1rem}.legenda{text-align:left;background:#1c1c1c;border:1px solid #333;border-radius:12px;min-height:96px;max-height:34vh;padding:14px;font-size:1.05rem;line-height:1.5;overflow-y:auto}.legenda p{margin-bottom:10px}.legenda p:last-child{margin-bottom:0}.aviso-louvor{text-align:left;background:#1e3a5f;border:1px solid #2d5a8f;border-radius:12px;padding:16px}.aviso-louvor strong{margin-bottom:6px;font-size:1.15rem;display:block}.aviso-louvor p{color:#cbd5e1;font-size:.98rem;line-height:1.45}button:disabled{opacity:.45}.banner-reconectando{color:#fff;background:#a16207;border-radius:10px;padding:10px}.status-vivo{color:#4ade80;font-weight:600}.linha{justify-content:space-between;align-items:center;font-size:1.05rem;display:flex}.medidor{background:#222;border-radius:7px;height:14px;overflow:hidden}.medidor>div{background:#4ade80;height:100%;transition:width 80ms linear}.qr-cheio{z-index:10;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.qr-cheio img{width:min(80vw,480px)}.qr-cheio p{color:#111;font-size:1.2rem}