:root{
  --gelo:#f4f6f8; --branco:#fff; --gelo-linha:#e7ebf1;
  --terracota:#9b514c; --terracota-light:#b87168; --terracota-dark:#7a3e3a;
  --terracota-bg:#f7efee;
  --tinta:#1a1a1a; --tinta-suave:#4b5563; --tinta-fraca:#8a94a6;
  --sombra:0 4px 24px -8px rgba(30,41,59,.12);
  --sombra-terra:0 6px 20px -8px rgba(155,81,76,.30);
  color-scheme:light;
}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--gelo);color:var(--tinta);font-family:"Poppins",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 15% -5%,rgba(155,81,76,.06) 0%,transparent 40%),radial-gradient(circle at 90% 105%,rgba(148,163,184,.06) 0%,transparent 42%);}
.serif{font-family:"Cormorant Garamond",Georgia,serif;}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;margin:0;}
.barra-topo{height:4px;background:linear-gradient(90deg,var(--terracota-dark),var(--terracota) 50%,var(--terracota-light));position:fixed;top:0;left:0;right:0;z-index:20;}
.oculto{display:none!important;}
button{font-family:inherit;cursor:pointer;border:none;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--terracota);color:#fff;padding:12px 20px;border-radius:12px;font-weight:500;font-size:15px;box-shadow:var(--sombra-terra);transition:background .15s,transform .05s;}
.btn:hover{background:var(--terracota-dark);}
.btn:active{transform:translateY(1px);}
.btn:disabled{opacity:.6;cursor:default;}
.btn-ghost{background:var(--branco);color:var(--terracota-dark);border:1px solid var(--gelo-linha);padding:11px 18px;border-radius:12px;font-weight:500;font-size:14px;transition:background .15s;}
.btn-ghost:hover{background:var(--gelo-linha);}
.btn-bloco{width:100%;}

/* LOGIN */
.view-login{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.login-card{background:var(--branco);border-radius:22px;box-shadow:var(--sombra);width:100%;max-width:400px;padding:44px 34px;text-align:center;}
.login-card .logo{font-size:42px;color:var(--terracota);line-height:1;font-weight:600;}
.login-sub{color:var(--tinta-suave);font-size:14px;margin:8px 0 26px;font-weight:300;}
.field{text-align:left;margin-bottom:16px;}
.field label{display:block;font-size:12px;font-weight:500;color:var(--tinta-suave);margin-bottom:6px;letter-spacing:.02em;}
/* Mínimo de 16px em campos evita o zoom automático do iOS (viewport intacto = pinça funciona). */
input,textarea,select{font-size:16px;}
.field input,textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--gelo-linha);background:var(--gelo);font-family:inherit;font-size:16px;color:var(--tinta);outline:none;transition:border-color .15s,background .15s;}
.field input:focus,textarea:focus{border-color:var(--terracota-light);background:var(--branco);}
.senha-wrap{position:relative;}
.senha-wrap input{padding-right:46px;}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--tinta-fraca);padding:8px;border-radius:8px;display:flex;align-items:center;transition:color .15s;}
.olho:hover{color:var(--terracota-dark);}
.olho svg{width:20px;height:20px;}
.olho .ico-eye-off{display:none;}
.olho.on .ico-eye{display:none;}
.olho.on .ico-eye-off{display:block;}
.login-card .btn-bloco{margin-top:6px;}
.login-msg{font-size:13px;margin:14px 0 0;min-height:18px;color:var(--tinta-suave);}
.login-msg.erro{color:#b91c1c;}

/* APP */
.view.app{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:22px 20px 0;}
#view-historico.app,#view-perfil.app{max-width:760px;}

/* Layout da tela Hoje: empilhado no celular, 2 colunas no desktop */
.hoje-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.hoje-col-a{display:flex;flex-direction:column;gap:14px;}
.hoje-col-a .card{margin-bottom:0;}
.hoje-col-b .card{margin-bottom:0;}
@media (min-width:900px){
  .hoje-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;}
  .hoje-col-a{position:sticky;top:22px;}
}
@media (max-width:899px){
  .hoje-col-a{order:-1;}
}
.topo{margin:6px 2px 16px;}
.topo-data{font-size:13px;color:var(--tinta-fraca);margin:0 0 2px;text-transform:capitalize;font-weight:300;}
.topo h1{font-size:38px;font-weight:600;color:var(--terracota);line-height:1.05;}
.card{background:var(--branco);border:1px solid rgba(231,235,241,.8);border-radius:18px;box-shadow:var(--sombra);padding:18px 18px;margin-bottom:14px;}
.card-titulo{font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-fraca);margin-bottom:12px;}

/* HERO */
.hero{background:linear-gradient(160deg,#fff 55%,var(--terracota-bg));}
.hero-linha{display:flex;justify-content:space-between;align-items:center;}
.dia-pill{background:var(--terracota-bg);color:var(--terracota-dark);font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;cursor:pointer;border:none;font-family:inherit;transition:background .15s;}
.dia-pill::after{content:" ›";font-weight:700;}
.dia-pill:hover{background:var(--terracota-light);color:#fff;}

/* Modal leituras feitas */
.modal-overlay{position:fixed;inset:0;z-index:40;background:rgba(30,41,59,.45);display:flex;align-items:center;justify-content:center;padding:20px;}
.modal-card{background:var(--branco);border-radius:18px;box-shadow:var(--sombra);width:100%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--gelo-linha);}
.modal-head h3{font-size:24px;font-weight:600;color:var(--terracota);}
.modal-x{background:none;border:none;font-size:26px;line-height:1;color:var(--tinta-fraca);cursor:pointer;padding:0 4px;}
.modal-x:hover{color:var(--terracota-dark);}
.lidas-lista{overflow-y:auto;padding:8px 20px 18px;}
.lida-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--gelo-linha);}
.lida-row:last-child{border-bottom:none;}
.lida-esq{display:flex;flex-direction:column;gap:2px;}
.lida-dia{font-size:12px;color:var(--tinta-fraca);}
.lida-ref{font-size:15px;font-weight:500;color:var(--tinta);}
.lida-data{font-size:12px;color:var(--tinta-fraca);white-space:nowrap;}
.lidas-vazio{color:var(--tinta-suave);font-size:14px;padding:20px 0;text-align:center;}
.hero-pct{font-size:13px;color:var(--tinta-fraca);font-weight:500;}
.progress{height:7px;background:var(--gelo);border-radius:999px;overflow:hidden;margin:12px 0 4px;}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--terracota),var(--terracota-light));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);}
.hero-ref{font-size:32px;font-weight:600;color:var(--tinta);margin-top:14px;line-height:1.1;}
.destaque{margin:14px 0 2px;padding:14px 16px;background:var(--terracota-bg);border-radius:14px;position:relative;}
.destaque blockquote{margin:0;font-family:"Cormorant Garamond",serif;font-size:19px;font-style:italic;line-height:1.5;color:var(--terracota-dark);}
.destaque figcaption{margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--terracota);text-transform:uppercase;}

/* LEITURA */
.texto-biblico{line-height:1.9;font-size:16px;color:#2b2b2b;font-weight:300;}
.texto-biblico h4{break-after:avoid;}
@media (min-width:900px){
  .texto-biblico{font-size:16.5px;column-width:330px;column-gap:44px;}
  .leitura{padding:26px 30px;}
}
.texto-biblico h4{font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:600;color:var(--terracota);margin:16px 0 6px;}
.texto-biblico h4:first-child{margin-top:0;}
.texto-biblico .v{font-size:11px;color:var(--terracota-light);font-weight:600;vertical-align:super;margin-right:3px;}
.vsc{border-radius:3px;transition:background .12s;}
.vsc.grifado{background:#bfe0ff;}
#btn-grifar{position:absolute;z-index:30;background:var(--tinta);color:#fff;border:none;border-radius:9px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:500;box-shadow:0 6px 18px -4px rgba(0,0,0,.4);cursor:pointer;}

textarea{min-height:96px;resize:none;overflow:hidden;line-height:1.6;}
.obs-acao{display:flex;justify-content:flex-end;margin-top:10px;}

.btn-feito{width:100%;padding:15px;font-size:16px;border-radius:14px;margin-top:2px;}
.btn-feito.feita{background:var(--terracota-bg);color:var(--terracota-dark);box-shadow:none;border:1px solid var(--terracota-light);}
.check-ico{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;display:inline-block;position:relative;}
.btn-feito.feita .check-ico{background:var(--terracota);border-color:var(--terracota);}
.btn-feito.feita .check-ico::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.stat-card{background:var(--branco);border:1px solid rgba(231,235,241,.8);border-radius:16px;box-shadow:var(--sombra);padding:16px 8px;text-align:center;}
.stat-num{display:block;font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:600;color:var(--terracota);line-height:1;}
.stat-lbl{display:block;font-size:11px;color:var(--tinta-fraca);margin-top:5px;letter-spacing:.03em;}

/* CALENDÁRIO */
.calendario{display:grid;grid-template-columns:repeat(auto-fill,minmax(11px,1fr));gap:5px;}
.cal-dia{aspect-ratio:1;border-radius:4px;background:var(--gelo);border:1px solid var(--gelo-linha);transition:transform .1s;}
.cal-dia.lida{background:var(--terracota);border-color:var(--terracota);}
.cal-dia.atual{background:var(--branco);border:2px solid var(--terracota);}
.cal-dia:hover{transform:scale(1.35);}
.legenda{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--tinta-fraca);}
.legenda .dot{width:11px;height:11px;border-radius:3px;background:var(--gelo);border:1px solid var(--gelo-linha);display:inline-block;}
.legenda .dot.lida{background:var(--terracota);border-color:var(--terracota);}
.legenda .dot.atual{background:#fff;border:2px solid var(--terracota);}

/* PERFIL */
#perfil-dados .p-linha{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--gelo-linha);font-size:14px;}
#perfil-dados .p-linha:last-child{border-bottom:none;}
#perfil-dados .p-rot{color:var(--tinta-fraca);}
#perfil-dados .p-val{color:var(--tinta);font-weight:500;text-align:right;word-break:break-word;}

/* NAV */
.espaco-nav{height:78px;}
.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid var(--gelo-linha);padding:8px 0 max(8px,env(safe-area-inset-bottom));}
.tabbar button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--tinta-fraca);font-size:11px;font-weight:500;padding:4px;transition:color .15s;}
.tabbar button svg{width:24px;height:24px;stroke:currentColor;}
.tabbar button.ativo{color:var(--terracota);}

/* Progresso: plano completo por etapas */
.plano-dica{font-size:12px;color:var(--tinta-fraca);margin:-4px 0 12px;}
.plano-lista{display:flex;flex-direction:column;gap:10px;}
.sec-grupo{border:1px solid var(--gelo-linha);border-radius:14px;overflow:hidden;background:var(--branco);}
.sec-head{width:100%;display:grid;grid-template-columns:1fr 64px 16px;align-items:center;gap:12px;background:none;border:none;padding:13px 15px;cursor:pointer;text-align:left;font-family:inherit;}
.sec-head:hover{background:var(--gelo);}
.sec-tit{display:flex;flex-direction:column;gap:3px;min-width:0;}
.sec-nome{font-size:13.5px;font-weight:600;color:var(--tinta);line-height:1.25;}
.sec-cont{font-size:11.5px;color:var(--tinta-fraca);}
.sec-barra{height:6px;background:var(--gelo);border-radius:99px;overflow:hidden;}
.sec-fill{height:100%;background:linear-gradient(90deg,var(--terracota),var(--terracota-light));border-radius:99px;transition:width .4s ease;}
.sec-chev{color:var(--tinta-fraca);font-size:20px;line-height:1;transition:transform .18s;justify-self:center;}
.sec-grupo.aberto .sec-chev{transform:rotate(90deg);}
.sec-grupo.completa .sec-nome{color:var(--terracota-dark);}
.sec-corpo{border-top:1px solid var(--gelo-linha);padding:4px 15px 8px;}
.sec-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--gelo-linha);font-size:14px;color:var(--tinta-suave);}
.sec-item:last-child{border-bottom:none;}
.sec-chk{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--gelo-linha);flex:0 0 auto;position:relative;}
.sec-item.lido .sec-chk{background:var(--terracota);border-color:var(--terracota);}
.sec-item.lido .sec-chk::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.sec-item.lido .sec-ref{color:var(--tinta);}
.sec-item.atual{color:var(--terracota-dark);font-weight:600;}
.sec-item.atual .sec-chk{border-color:var(--terracota);border-width:2px;}