:root{--fundo:#0e1117;--fundo-elevado:#171b23;--borda:#262c38;--texto:#eef1f6;--texto-suave:#98a2b3;--destaque:#4f7cff;--destaque-suave:#1e2740;--erro:#ff6b6b;--raio:10px;--largura:640px}@media (prefers-color-scheme:light){:root{--fundo:#f7f8fa;--fundo-elevado:#ffffff;--borda:#dfe3ea;--texto:#16181d;--texto-suave:#5b6472;--destaque:#2f5fe0;--destaque-suave:#e8eeff}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fundo);color:var(--texto);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.progresso{position:fixed;inset:0 0 auto 0;height:3px;background:var(--borda);z-index:10}.progresso__barra{height:100%;background:var(--destaque);transition:width .26s ease}.palco{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:5rem 1.25rem 7rem}.cartao{width:100%;max-width:var(--largura);animation:entrar .28s ease}@keyframes entrar{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cartao{animation:none}.progresso__barra{transition:none}}.bloco{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--destaque);margin-bottom:.9rem}.bloco,.titulo{font-weight:600}.titulo{font-size:clamp(1.35rem,3.2vw,1.9rem);line-height:1.3;margin:0 0 .6rem}.opcional{font-size:.85rem;font-weight:400}.ajuda,.opcional{color:var(--texto-suave)}.ajuda{line-height:1.55;margin:0 0 1.6rem;font-size:.98rem}input[type=email],input[type=text],textarea{width:100%;background:transparent;border:none;border-bottom:2px solid var(--borda);color:var(--texto);font:inherit;font-size:1.15rem;padding:.65rem .15rem;border-radius:0;resize:vertical}textarea{min-height:8rem;line-height:1.55}input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;border-bottom-color:var(--destaque)}input::placeholder,textarea::placeholder{color:var(--texto-suave);opacity:.6}.opcoes{display:flex;flex-direction:column;gap:.6rem}.opcao{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;background:var(--fundo-elevado);border:1.5px solid var(--borda);border-radius:var(--raio);color:var(--texto);font:inherit;font-size:1rem;padding:.9rem 1rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.opcao:hover,.opcao[aria-pressed=true]{border-color:var(--destaque)}.opcao[aria-pressed=true]{background:var(--destaque-suave)}.opcao__tecla{flex:0 0 auto;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1.5px solid var(--borda);border-radius:5px;font-size:.78rem;font-weight:600;color:var(--texto-suave)}.opcao[aria-pressed=true] .opcao__tecla{border-color:var(--destaque);color:var(--destaque)}.escala{display:flex;gap:.45rem;margin-bottom:.75rem}.escala__ponto{flex:1 1;aspect-ratio:1;max-height:3.2rem;background:var(--fundo-elevado);border:1.5px solid var(--borda);border-radius:var(--raio);color:var(--texto);font:inherit;font-weight:600;cursor:pointer}.escala__ponto[aria-pressed=true]{border-color:var(--destaque);background:var(--destaque-suave);color:var(--destaque)}.escala__extremos{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--texto-suave)}.rodape{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:linear-gradient(to top,var(--fundo) 62%,transparent)}.rodape,.rodape__interno{display:flex;align-items:center;gap:1rem}.rodape__interno{width:100%;max-width:var(--largura);margin:0 auto}.botao{background:var(--destaque);color:#fff;border:none;border-radius:var(--raio);font:inherit;font-weight:600;padding:.75rem 1.5rem;cursor:pointer}.botao:disabled{opacity:.45;cursor:not-allowed}.botao--fantasma{background:transparent;padding:.75rem .6rem}.botao--fantasma,.dica{color:var(--texto-suave)}.dica{margin-left:auto;font-size:.8rem}.dica kbd{border:1px solid var(--borda);border-radius:4px;padding:.1rem .35rem;font-family:inherit;font-size:.75rem}.erro{color:var(--erro);font-size:.9rem;margin-top:.9rem}.fim{text-align:center}.fim h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:.75rem}.fim p{color:var(--texto-suave);line-height:1.6;max-width:34rem;margin:0 auto}@media (max-width:480px){.dica{display:none}}