:root{--fundo:#f4f6f3;--caixa:#fff;--texto:#17231b;--suave:#5a6a60;--marca:#16713f;--marca-texto:#fff;--borda:#ccd6cf;--aviso:#fdf0e1;--aviso-texto:#7a3e00;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--fundo:#0f1612;--caixa:#18221c;--texto:#e7eee9;--suave:#a0b0a6;--marca:#3cb371;--marca-texto:#07170e;--borda:#33423a;--aviso:#3a2a14;--aviso-texto:#f6d3a5}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--fundo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.caixa{width:100%;max-width:420px;background:var(--caixa);border:1px solid var(--borda);border-radius:12px;padding:24px}
h1{margin:0;font-size:28px;line-height:1.2}
h2{margin:0 0 12px;font-size:20px}
.sub{margin:4px 0 20px;color:var(--suave)}
.dica{margin:4px 0 12px;font-size:14px;color:var(--suave)}
.aviso{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:var(--aviso);color:var(--aviso-texto)}
label{display:block;font-weight:600}
input[type=text]{width:100%;margin-top:4px;min-height:44px;padding:8px 12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--borda);border-radius:8px}
select{width:100%;margin-top:4px;min-height:44px;padding:8px 12px;font:inherit;color:inherit;background:var(--caixa);border:1px solid var(--borda);border-radius:8px}
h3{margin:16px 0 8px;font-size:16px}
.espaco{margin-top:12px}
.lista{list-style:none;margin:0 0 8px;padding:0}
.lista li{margin:0 0 8px}
.item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:10px 12px;text-align:left;background:transparent;color:var(--texto);border:1px solid var(--borda)}
.item .dica{margin:0;font-weight:400;overflow-wrap:anywhere}
.linha{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--borda)}
.linha .dica{margin:0}
.marca{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-weight:400}
.marca input{width:20px;height:20px;margin-top:2px;flex:none}
a{color:var(--marca)}
a.botao{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;font-weight:600;border-radius:8px;text-decoration:none}
a.botao.principal{color:var(--marca-texto)}
button{display:block;width:100%;min-height:44px;margin-top:12px;font:inherit;font-weight:600;border-radius:8px;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
.principal{background:var(--marca);color:var(--marca-texto);border:1px solid var(--marca)}
.secundario{background:transparent;color:var(--texto);border:1px solid var(--borda)}
:focus-visible{outline:3px solid var(--marca);outline-offset:2px}
.texto{max-width:640px}
.texto h2{margin-top:20px;font-size:18px}
.no-topo{align-items:flex-start}
.painel{max-width:720px}
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:16px}
.cartao{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--borda);border-radius:8px}
.cartao .dica{margin:0}
.numero{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.rolagem{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
th,td{padding:8px;text-align:right;border-bottom:1px solid var(--borda);white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{color:var(--suave);font-weight:600}
.qr{display:block;margin:12px auto;background:#fff;border-radius:8px}
.chave{overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:14px}
.relato{padding:10px 0;border-bottom:1px solid var(--borda)}
.relato-texto{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.relato .dica{margin:0}
.votacao{padding:10px 0;border-bottom:1px solid var(--borda)}
.votacao p{margin:0 0 4px}
.votacao .dica{margin:0}
.botoes{display:flex;gap:8px}
.botoes button{margin-top:8px}
button.pequeno{min-height:36px;margin-top:6px;font-size:14px}
.barras li{display:grid;grid-template-columns:3em 1fr 2.5em;gap:8px;align-items:center;padding:2px 0}.barras .barra{display:block;height:10px;border-radius:5px;background:var(--marca)}.botoes button[aria-pressed="true"]{outline:2px solid currentColor}
.aparelhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 16px}.aparelhos h4{margin:12px 0 4px;grid-column:auto}