/* Layout: uma coluna de celular; perguntas uma por tela; resultado em etapas por tempo, com caixas de "feito" */
:root{
  --bg:#F2F4F6; --card:#FFFFFF; --fg:#1B2430; --muted:#45505E; --line:#7E8794; --line-soft:#DCE1E7;
  --accent:#2F5D8A; --accent-ink:#FFFFFF; --accent-soft:#E3ECF5; --accent-deep:#1D3E5E;
  --warm:#FFF1D6; --warm-ink:#5C3A06; --alert:#FBE3E1; --alert-ink:#7A1F17; --focus:#B4570F;
  --font:'Atkinson Hyperlegible','Segoe UI',system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#12161B; --card:#1C232B; --fg:#EEF2F6; --muted:#C3CCD6; --line:#7D8896; --line-soft:#2D3640;
    --accent:#8DB6E0; --accent-ink:#0E1A26; --accent-soft:#1E2F42; --accent-deep:#BFD7F0;
    --warm:#3A2D14; --warm-ink:#F5D9A6; --alert:#3D1D1A; --alert-ink:#F6C1BB; --focus:#F0A35C; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#12161B; --card:#1C232B; --fg:#EEF2F6; --muted:#C3CCD6; --line:#7D8896; --line-soft:#2D3640;
  --accent:#8DB6E0; --accent-ink:#0E1A26; --accent-soft:#1E2F42; --accent-deep:#BFD7F0;
  --warm:#3A2D14; --warm-ink:#F5D9A6; --alert:#3D1D1A; --alert-ink:#F6C1BB; --focus:#F0A35C; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
[hidden]{display:none!important}
html{font-size:18px}
body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px));padding-block:0}
.wrap{max-width:540px;margin:0 auto;padding-block:16px 40px;display:flex;flex-direction:column;gap:16px}
button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance}
p{margin:0}
.teste{background:var(--warm);color:var(--warm-ink);border-radius:12px;padding:8px 12px;font-size:.8rem;font-weight:700;text-align:center}
.marca{display:flex;align-items:center;gap:10px;font-weight:700}
.marca .ico{width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.card{background:var(--card);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}
.lead{font-size:1.05rem;color:var(--muted)}
.h1{font-size:1.6rem}
.h2{font-size:1.4rem}
.btn{min-height:60px;border:none;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:1.1rem;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.link{min-height:48px;border:none;background:transparent;color:var(--accent);font-size:1rem;font-weight:700;width:100%}
.checks{display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.checks div{display:flex;gap:10px;align-items:flex-start}
.checks svg{color:var(--accent);flex-shrink:0;margin-top:3px}
.prog{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--muted)}
.bar{height:10px;border-radius:6px;background:var(--line-soft)}
.bar div{height:10px;border-radius:6px;background:var(--accent)}
.ajuda{color:var(--muted)}
.opts{display:flex;flex-direction:column;gap:12px}
.opt{min-height:62px;border:2px solid var(--line);border-radius:16px;background:var(--card);font-size:1.05rem;font-weight:700;text-align:left;padding:12px 16px;display:flex;align-items:center;gap:14px;width:100%}
.opt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.box{width:28px;height:28px;flex-shrink:0;border-radius:8px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}
.opt[aria-pressed="true"] .box{background:var(--accent);border-color:var(--accent)}
.opt[aria-pressed="false"] .box svg{visibility:hidden}
.acolhe{background:var(--accent-soft);color:var(--accent-deep);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px}
.acolhe h2{font-size:1.35rem}
.feitos{font-weight:700;color:var(--accent-deep)}
.etapa{display:flex;flex-direction:column;gap:10px}
.etapa-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 4px 0}
.etapa-top h3{font-size:1.25rem}
.etapa-top span{font-size:.9rem;color:var(--muted);flex-shrink:0}
.passo{background:var(--card);border-radius:18px;padding:16px;display:flex;gap:14px;align-items:flex-start;border:2px solid transparent}
.passo.feito{opacity:.72}
.passo.urgente{border-color:var(--alert-ink)}
.marcar{width:44px;height:44px;flex-shrink:0;border-radius:12px;border:2px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}
.marcar[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.marcar[aria-pressed="false"] svg{visibility:hidden}
.passo-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.passo-txt b{font-size:1.05rem;line-height:1.3}
.passo.feito .passo-txt b{text-decoration:line-through}
.passo-txt p{color:var(--muted);font-size:.95rem}
.chip{align-self:flex-start;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}
.chip.urg{background:var(--alert);color:var(--alert-ink)}
.chip.dir{background:var(--accent-soft);color:var(--accent-deep)}
.chip.ate{background:var(--warm);color:var(--warm-ink)}
.cuidado{background:var(--warm);color:var(--warm-ink);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.cuidado h3{font-size:1.15rem}
.cuidado ul,.ajudas ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.ajudas{background:var(--card);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.ajudas h3{font-size:1.15rem}
.ajudas ul.lista-zap{list-style:none;padding-left:0}
.lista-zap span{display:inline-block;width:1.4em;font-weight:700;color:var(--accent)}
.opt-txt{display:flex;flex-direction:column;gap:4px}
.opt-txt small{font-size:.9rem;font-weight:400;color:var(--muted);line-height:1.4}
.fb-card h3{font-size:1.2rem}
.fb-botoes{display:flex;flex-direction:column;gap:10px}
.fb-btn{min-height:58px;border:2px solid var(--accent);border-radius:16px;background:var(--card);color:var(--accent-deep);font-size:1.05rem;font-weight:700;width:100%}
.fb-label{font-weight:700}
.fb-aviso{background:var(--warm);color:var(--warm-ink);border-radius:12px;padding:10px 12px;font-size:.92rem}
textarea{font-family:inherit;font-size:1rem;color:var(--fg);background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px;width:100%;resize:vertical}
.fb-conta{font-size:.85rem;color:var(--muted);text-align:right}
.rodape{font-size:.85rem;color:var(--muted);text-align:center}