.topo{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg1) 70%,rgba(251,244,239,0))}
.barra{height:4px;background:rgba(198,82,76,.15)}
.barra i{display:block;height:100%;width:0;background:var(--acao);border-radius:0 4px 4px 0;transition:width .35s ease}
.topo-linha{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:56px}
.topo-linha .logo{text-align:center;font-size:20px}
.voltar{width:44px;height:44px;border:0;background:none;color:var(--titulo);display:grid;place-items:center;cursor:pointer;padding:0}
.contador{font-size:14px;color:var(--sec);text-align:right;font-variant-numeric:tabular-nums}
#tela{padding-top:8px;padding-bottom:120px}
.entra{animation:entra .28s ease both}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.capa{text-align:center;padding-top:6px}
.capa h1{font-size:31px;margin:14px 0 10px}
.capa .sub{color:var(--sec);margin:0 auto 22px;max-width:340px}
.pergunta{font-family:var(--serif);color:var(--titulo);font-size:23px;line-height:1.3;margin:10px 0 18px}
.capa .pergunta{font-size:19px;text-align:left;margin:4px 0 12px}
.opcoes{display:grid;gap:10px}
.opcao{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:10px 16px 10px 10px;background:#fff;border:2px solid transparent;
  border-radius:20px;box-shadow:var(--sombra);font:500 16px var(--sans);color:var(--texto);text-align:left;cursor:pointer;transition:border-color .15s,transform .1s}
.opcao:active{transform:scale(.985)}
.opcao svg{flex:none}
.opcao .txt{flex:1}
.opcao[aria-pressed=true]{border-color:var(--acao);background:#FFF8F5}
.opcao .marca{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--pessego);display:grid;place-items:center}
.opcao[aria-pressed=true] .marca{background:var(--acao);border-color:var(--acao)}
.opcao[aria-pressed=true] .marca::after{content:"";width:10px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
.aviso{font-size:13px;color:var(--sec);text-align:center;margin:22px 0 0}
.afirma{padding:26px 22px;text-align:center;margin:8px 0 22px}
.afirma .rot{font-size:13px;color:var(--sec);margin:0 0 10px}
.afirma p.frase{font-family:var(--serif);font-size:23px;line-height:1.35;color:var(--titulo);margin:0}
.escala{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.escala button{border:2px solid transparent;background:#fff;border-radius:18px;padding:8px 0;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sombra);transition:transform .1s,border-color .15s}
.escala button:active{transform:scale(.95)}
.escala button[aria-pressed=true]{border-color:var(--acao);background:#FFF8F5}
.escala-rot{display:flex;justify-content:space-between;font-size:13px;color:var(--sec);margin:10px 2px 0}
.escala-sel{text-align:center;min-height:24px;margin-top:12px;color:var(--acao);font-weight:500}
.pausa{text-align:center;padding:30px 22px;margin-top:20px}
.pausa .ico{margin:0 auto 14px;width:64px}
.pausa p{font-family:var(--serif);font-size:21px;line-height:1.45;color:var(--titulo);margin:0}
.cargando{text-align:center;padding-top:30px}
.anel{width:120px;height:120px;margin:0 auto 22px;position:relative}
.anel svg{transform:rotate(-90deg)}
.anel b{position:absolute;inset:0;display:grid;place-items:center;font:600 24px var(--sans);color:var(--titulo)}
.linhas{list-style:none;padding:0;margin:22px auto 0;max-width:300px;text-align:left}
.linhas li{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--sec);transition:color .3s}
.linhas li i{width:24px;height:24px;border-radius:50%;border:2px solid var(--pessego);flex:none;display:grid;place-items:center;transition:all .3s}
.linhas li.ok{color:var(--texto)}
.linhas li.ok i{background:var(--acao);border-color:var(--acao)}
.linhas li.ok i::after{content:"";width:10px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
.email{padding-top:10px}
.email h2{font-size:25px;text-align:center;margin-bottom:18px}
.email .priv{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:var(--sec);margin-top:12px}
.erro{color:#A9413C;font-size:14px;margin:8px 2px 0;min-height:20px}
.voltar[hidden]{display:grid!important;visibility:hidden}