/* ===== Minha Banca — estilo NEWSPRINT (jornal editorial) ===== */
:root{
  --paper:#F1E7CE; --ink:#111111; --red:#CC0000; --green:#0B7A4B;
  --grey:#737373; --line:#111111; --muted:#E5E5E0;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box;border-radius:0;-webkit-tap-highlight-color:transparent;}
html,body{background:var(--paper);color:var(--ink);min-height:100dvh;}
body{
  font-family:'Lora',Georgia,serif;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23111111' fill-opacity='0.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.font-serif{font-family:'Playfair Display',serif;}
.font-sans{font-family:'Inter',sans-serif;}
.font-mono{font-family:'JetBrains Mono',monospace;}
#app{max-width:480px;margin:0 auto;padding:0 0 132px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);min-height:100dvh;}

/* centraliza verticalmente o conteúdo depois do cabeçalho (Início, Limite) */
.vcenter{min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;}

/* card de acesso à área premium (na Home) */
.premiumcard{display:block;margin:14px 18px 0;padding:16px 18px;border:1px solid var(--ink);
  background:var(--ink);color:var(--paper);text-decoration:none;
  font-family:'Inter',sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;}
.premiumcard span{display:block;margin-top:4px;font-weight:500;font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;opacity:.8;}

/* página de vendas (paywall premium) */
.sales{max-width:460px;margin:0 auto;padding:18px 20px 24px;}
.salestitle{font-family:'Playfair Display',serif;font-weight:900;font-size:30px;line-height:1;margin:6px 0 0;letter-spacing:-.5px;}
.benefits{list-style:none;margin:18px 0 0;padding:0;}
.benefits li{border:1px solid var(--ink);border-bottom:none;padding:14px 16px;}
.benefits li:last-child{border-bottom:1px solid var(--ink);}
.benefits li b{font-family:'Inter',sans-serif;font-size:15px;}
.benefits li span{display:block;margin-top:4px;font-family:'Lora',serif;font-size:13px;color:var(--grey);}
.pricebox{text-align:center;border:1px solid var(--ink);border-top:none;padding:18px;background:var(--paper);}
.price{font-family:'Playfair Display',serif;font-weight:900;font-size:46px;line-height:1;}
.pricenote{font-family:'Inter',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey);margin-top:6px;}
.sales .cta{margin:18px 0 0;width:100%;}
/* tela "Você é Premium" — centralizada numa área que cabe sem rolagem (100svh = altura visível) */
.premium-ok{min-height:calc(100svh - 230px);display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px 28px;}
.premium-ok .okmark{font-size:60px;line-height:1;}
.premium-ok h1{font-family:'Playfair Display',serif;font-weight:900;font-size:38px;line-height:1;margin:8px 0 0;letter-spacing:-1px;}
.premium-ok .pill{display:inline-block;margin:16px 0 0;background:#0B7A4B;color:var(--paper);
  font-family:'Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;}
.premium-ok p{font-family:'Lora',serif;font-size:15px;line-height:1.5;margin-top:18px;max-width:340px;}

.premiumcard.rel{background:var(--paper);color:var(--ink);}

/* tour estilo coach marks */
.coach{position:fixed;inset:0;z-index:200;}
.coach.dark{background:rgba(17,17,17,.82);}
.coachspot{position:fixed;box-shadow:0 0 0 9999px rgba(17,17,17,.8);border:2px solid var(--red);pointer-events:none;}
.coachtip{position:fixed;left:18px;right:18px;max-width:340px;margin:0 auto;
  background:var(--paper);border:2px solid var(--ink);padding:16px 18px;box-shadow:6px 6px 0 0 var(--red);}
.coachtip h3{font-family:'Playfair Display',serif;font-weight:900;font-size:22px;margin-bottom:6px;}
.coachtip p{font-family:'Lora',serif;font-size:15px;line-height:1.5;}
.tourdots{display:flex;gap:7px;justify-content:center;margin:14px 0 4px;}
.tourdots span{width:8px;height:8px;border:1px solid var(--ink);display:inline-block;}
.tourdots span.on{background:var(--red);border-color:var(--red);}
.coachbtns{display:flex;gap:12px;align-items:center;margin-top:10px;}
.coachbtns .cta{flex:1;width:auto;margin:0;padding:13px;min-height:0;}
.tskip{background:none;border:none;color:var(--grey);font-family:'Inter',sans-serif;font-size:13px;
  font-weight:600;cursor:pointer;text-decoration:underline;white-space:nowrap;}

/* indique e ganhe */
.refcount{text-align:center;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;color:var(--grey);margin-top:8px;}
.why input[readonly],.form input[readonly]{cursor:pointer;}

/* pausa / autoexclusão */
.pausaops{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;}
.pausaops .cta{width:auto;margin:0;min-width:200px;}
.pausanote{margin:18px;padding:16px;border:2px solid var(--green);text-align:center;color:var(--green);
  font-family:'Inter',sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;}

/* metas pessoais */
.metacard{border:1px solid var(--ink);padding:14px 16px;margin-top:14px;text-align:left;}
.metah{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;}
.metah b{font-family:'JetBrains Mono',monospace;letter-spacing:0;}

/* ofensiva + conquistas */
.conqwrap{padding:12px 18px 24px;text-align:center;
  min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;}
.streakbig{font-family:'Playfair Display',serif;font-weight:900;font-size:62px;line-height:1;color:var(--red);}
.streaklbl{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-top:2px;}
.conqwrap .seh{text-align:center;}
.conqs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
.conq{border:1px solid var(--ink);padding:14px 8px;text-align:center;}
.conq .ce{font-size:30px;line-height:1;}
.conq .cn{font-family:'Inter',sans-serif;font-weight:700;font-size:13px;margin-top:6px;line-height:1.2;}
.conq .cd{font-family:'Lora',serif;font-size:11px;color:var(--grey);margin-top:4px;line-height:1.3;}
.conq.off{opacity:.5;}
.conq.off .ce{filter:grayscale(1);}

/* relatórios */
.relat{padding-bottom:8px;min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;}
.relsaldo{text-align:center;margin:14px 18px 0;font-family:'Playfair Display',serif;font-weight:900;font-size:22px;}
.relsaldo.g{color:var(--green);} .relsaldo.r{color:var(--red);}
.seh{margin:22px 18px 0;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--grey);}
.cofre{margin:14px 18px 0;border:2px solid var(--red);padding:14px 16px;text-align:center;}
.cofre b{font-family:'Inter',sans-serif;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--red);}
.cofre span{display:block;margin-top:6px;font-family:'Lora',serif;font-size:14px;line-height:1.5;}
.chartwrap{margin:10px 18px 0;border:1px solid var(--ink);padding:14px;}
.chart{width:100%;height:auto;display:block;}
.lockbox{text-align:center;padding:20px 28px;display:flex;flex-direction:column;align-items:center;}
.lockbox .okmark{font-size:54px;}
.lockbox h2{font-family:'Playfair Display',serif;font-weight:900;font-size:26px;margin:8px 0 0;}
.lockbox p{font-family:'Lora',serif;font-size:15px;line-height:1.55;max-width:330px;margin-top:12px;}
.lockbox .cta{width:auto;margin-top:22px;}

/* hub de aulas (premium liberado) */
.premiumhub{padding:8px 16px 24px;min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;}
.phhead{text-align:center;margin-bottom:8px;}
.phhead .pill{display:inline-block;background:var(--green);color:var(--paper);font-family:'Inter',sans-serif;
  font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;}
.phhead .sub{text-align:center;}
.aulas{display:flex;flex-direction:column;}
.aula{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--ink);
  background:var(--paper);padding:13px 16px;margin-top:10px;cursor:pointer;font-family:'Inter',sans-serif;color:var(--ink);}
.aula .ae{font-size:25px;line-height:1;}
.aula .at{flex:1;font-weight:700;font-size:16px;}
.aula .as{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);white-space:nowrap;}
.aula:not(.locked):hover{background:var(--ink);color:var(--paper);}
.aula:not(.locked):hover .as{color:var(--paper);opacity:.85;}
.aula.locked{opacity:.5;cursor:default;}
.aula.bonus{border-color:var(--red);border-width:2px;}
.aula.bonus:not(.locked) .at{color:var(--red);}

/* página da aula (vídeo) */
.aulaview{padding:10px 18px 24px;text-align:center;}
.aulaview h2{font-family:'Playfair Display',serif;font-weight:900;font-size:25px;margin:6px 0 16px;line-height:1.05;}
.videowrap{position:relative;width:100%;padding-bottom:56.25%;border:1px solid var(--ink);background:var(--ink);}
.videowrap iframe{position:absolute;inset:0;width:100%;height:100%;}
.soon{border:1px solid var(--ink);padding:46px 20px;font-family:'Inter',sans-serif;font-weight:700;font-size:22px;line-height:1.3;}
.soon span{display:block;margin-top:12px;font-family:'Lora',serif;font-weight:400;font-size:14px;color:var(--grey);}

#keybox{margin-top:10px;}
.sales input{width:100%;margin-top:10px;padding:13px 12px;border:2px solid var(--ink);background:var(--paper);
  font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--ink);text-align:center;}
.sales input:focus{outline:none;background:#E6D8B8;}

/* aviso fixo 18+ em TODAS as telas */
#aviso18{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:60;
  background:var(--ink);color:var(--paper);text-align:center;
  font-family:'Inter',sans-serif;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:8px 8px;border-top:1px solid var(--ink);}

/* ---- masthead / top ---- */
.top{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 18px 10px;border-bottom:4px solid var(--ink);}
.brand{font-family:'Playfair Display',serif;font-weight:900;font-size:26px;letter-spacing:-.5px;line-height:.9;}
.ghost{background:none;border:none;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;font-size:11px;
  text-transform:uppercase;letter-spacing:.15em;text-decoration:none;cursor:pointer;border-bottom:2px solid var(--red);padding-bottom:2px;}
.sub{padding:10px 18px 0;color:var(--grey);font-family:'JetBrains Mono',monospace;font-size:11px;
  text-transform:uppercase;letter-spacing:.18em;}
.sub.empty{padding:48px 18px;text-align:center;font-family:'Lora',serif;text-transform:none;letter-spacing:0;font-size:15px;}

/* ---- hero / placar (bloco invertido) ---- */
.hero{margin:14px 18px 0;padding:22px 20px;border:1px solid var(--ink);position:relative;
  background:var(--ink);color:var(--paper);}
.hero.red{background:var(--red);}
.hero .week{position:absolute;top:14px;right:16px;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;opacity:.85;}
.hero .lbl{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.85;}
.hero .big{font-family:'Playfair Display',serif;font-weight:900;font-size:52px;line-height:.92;margin-top:8px;letter-spacing:-1px;}
.hero .pill{display:inline-block;margin-top:14px;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;padding:6px 12px;}

/* ---- limite ---- */
.limit{margin:0 18px;border:1px solid var(--ink);border-top:none;padding:16px 18px;}
.limit .row{display:flex;justify-content:space-between;align-items:baseline;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;}
.limit .mut{font-family:'JetBrains Mono',monospace;letter-spacing:0;color:var(--ink);}
.bar{height:14px;border:1px solid var(--ink);background:
  repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.06) 4px,rgba(0,0,0,.06) 5px);overflow:hidden;}
.bar>i{display:block;height:100%;background:var(--red);transition:width .4s ease;}
.warn{margin-top:10px;font-family:'Lora',serif;font-size:13px;color:var(--ink);}
.warn.warn{color:var(--ink);font-style:italic;} .warn.over{color:var(--red);font-weight:600;}
.limit .link{font-family:'Inter',sans-serif;font-weight:600;}

/* ---- stats (grid de colunas com bordas coladas) ---- */
.stats{display:flex;margin:0 18px;border:1px solid var(--ink);border-top:none;}
.stat{flex:1;padding:14px 8px;text-align:center;border-right:1px solid var(--ink);}
.stat:last-child{border-right:none;}
.stat small{font-family:'Inter',sans-serif;color:var(--grey);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;}
.stat .n{font-family:'Playfair Display',serif;font-weight:700;font-size:18px;margin-top:4px;}
.stat.g .n{color:var(--green);} .stat.r .n{color:var(--red);}

/* ---- botão (CTA) ---- */
.cta{display:block;text-align:center;margin:18px;width:calc(100% - 36px);cursor:pointer;text-decoration:none;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);
  font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.18em;
  padding:16px;min-height:48px;transition:all .2s ease;}
.cta:hover{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 0 var(--ink);transform:translate(-2px,-2px);}
.cta:active{transform:none;box-shadow:none;}
.cta:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none;}

/* ---- auth ---- */
.auth{max-width:400px;margin:0 auto;padding:24px 26px;display:flex;flex-direction:column;text-align:center;
  min-height:calc(100dvh - 150px);justify-content:center;}
.auth h1{font-family:'Playfair Display',serif;font-weight:900;font-size:34px;line-height:.95;margin-bottom:6px;letter-spacing:-1px;}
.auth .sub{text-align:center;padding:6px 0 18px;}
.auth input{margin-top:14px;padding:12px 4px;border:none;border-bottom:2px solid var(--ink);background:transparent;
  font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--ink);}
.auth input:focus{outline:none;background:#E6D8B8;}
.auth .cta{width:100%;margin:20px 0 0;}
.link{display:inline-block;margin-top:18px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;font-size:13px;
  text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:2px;}
.err{color:var(--red);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;margin-top:12px;min-height:18px;
  text-transform:uppercase;letter-spacing:.08em;}
.privacy{color:var(--grey);font-family:'Inter',sans-serif;font-size:11px;margin-top:16px;line-height:1.5;}

/* ---- form ---- */
.form{max-width:440px;margin:0 auto;padding:14px 20px 24px;display:flex;flex-direction:column;}
.form label{display:flex;flex-direction:column;gap:6px;margin-top:16px;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.1em;}
.form input{padding:11px 4px;border:none;border-bottom:2px solid var(--ink);background:transparent;
  font-family:'JetBrains Mono',monospace;font-size:16px;color:var(--ink);}
.form input:focus{outline:none;background:#E6D8B8;}
.form .hint{margin-top:10px;color:var(--grey);font-family:'Lora',serif;font-size:13px;line-height:1.45;}
.form .cta{width:auto;margin:24px 0 0;}

/* ---- histórico ---- */
.hgroup{margin:16px 18px 0;border:1px solid var(--ink);padding:14px 16px;}
.hhead{display:flex;justify-content:space-between;align-items:baseline;
  font-family:'Inter',sans-serif;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey);
  margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--ink);}
.hhead b{font-family:'Playfair Display',serif;font-size:17px;}
.hrow{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;cursor:pointer;
  background:none;border:none;border-top:1px solid var(--muted);color:var(--ink);
  font-family:'Lora',serif;font-size:14px;padding:10px 2px;min-height:44px;}
.hrow:hover{background:#E6D8B8;}
.hrow:first-of-type{border-top:none;}
.g{color:var(--green);} .r{color:var(--red);}

/* ---- tabbar ---- */
#tabbar{position:fixed;bottom:31px;left:0;right:0;max-width:480px;margin:0 auto;background:var(--paper);
  display:flex;border-top:4px solid var(--ink);}
#tabbar[hidden]{display:none;}
#tabbar a{flex:1 1 0;min-width:0;padding:12px 1px 18px;text-align:center;text-decoration:none;border-right:1px solid var(--ink);
  font-family:'Inter',sans-serif;font-size:8.5px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#tabbar a .ic{display:block;font-size:17px;margin-bottom:3px;}
#tabbar a:last-child{border-right:none;}
#tabbar a .ic{display:block;font-size:18px;margin-bottom:4px;}
#tabbar a.on{background:var(--ink);color:var(--paper);}

/* ---- olhinho da senha ---- */
.pwd{position:relative;display:flex;align-items:center;margin-top:14px;}
.pwd input{margin-top:0;flex:1;padding-right:44px;}
.eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;
  cursor:pointer;font-size:18px;line-height:1;padding:8px;min-width:44px;min-height:44px;}

/* ---- configurações ---- */
.top .gear{font-size:20px;border-bottom:none;padding-bottom:0;line-height:1;}
.info{border:1px solid var(--ink);margin-top:6px;}
.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--muted);}
.info-row:last-child{border-bottom:none;}
.info-row span{font-family:'Inter',sans-serif;color:var(--grey);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;}
.info-row b{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:13px;text-align:right;}
.seclabel{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;
  margin:26px 0 4px;border-bottom:2px solid var(--ink);padding-bottom:6px;}
.ok{color:var(--green);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;margin-top:8px;min-height:16px;
  text-transform:uppercase;letter-spacing:.06em;}
.cta.ghost-btn{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-top:28px;letter-spacing:.12em;}

/* botões de ação no topo do Histórico */
.hactions{display:flex;flex-direction:column;gap:0;margin-top:6px;}
.hactions .cta{margin:12px 18px 0;}
.cta.jogue{background:var(--red);color:#fff;border-color:var(--red);}
.cta.jogue:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.cta.ghost-btn:hover{background:var(--ink);color:var(--paper);box-shadow:none;transform:none;}

/* ---- Equilíbrio (controle emocional) ---- */
.breathe-cta{background:var(--red);color:#fff;border-color:var(--red);}
.breathe-cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.tcard{margin:14px 16px 0;border:1px solid var(--ink);padding:14px 16px;}
.tcard h3{font-family:'Playfair Display',serif;font-weight:700;font-size:19px;line-height:1.15;margin-bottom:8px;}
.tcard p{font-family:'Lora',serif;font-size:14.5px;line-height:1.55;}

/* corpo da aba Equilíbrio — centralizado verticalmente na tela */
.eqbody{min-height:calc(100dvh - 190px);display:flex;flex-direction:column;justify-content:center;}

/* carrossel de técnicas (desliza pro lado) */
.tcarousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:16px 16px 20px;scroll-padding:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.tcarousel::-webkit-scrollbar{display:none;}
.tcarousel .tcard{flex:0 0 83%;margin:0;scroll-snap-align:center;min-height:200px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 0 var(--ink);
  padding:18px 16px;}
.tnum{position:absolute;top:-16px;right:2px;font-family:'Playfair Display',serif;font-weight:900;font-size:96px;line-height:1;
  color:transparent;-webkit-text-stroke:2px rgba(204,0,0,.18);pointer-events:none;}
.thead{display:flex;align-items:center;gap:9px;margin-bottom:10px;position:relative;z-index:1;}
.tico{font-size:27px;line-height:1;}
.tkick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--red);font-weight:600;border:1px solid var(--red);padding:3px 8px;}
.tcarousel .tcard h3{font-family:'Playfair Display',serif;font-weight:900;font-size:22px;line-height:1.12;margin:0 0 10px;position:relative;z-index:1;}
.tcarousel .tcard p{font-family:'Lora',serif;font-size:14px;line-height:1.55;position:relative;z-index:1;}
.helpcard{margin:12px 16px 0;background:var(--ink);color:var(--paper);padding:12px 15px;}
.helpcard h3{font-family:'Playfair Display',serif;font-size:16px;line-height:1.2;margin-bottom:8px;}
.helplist{list-style:none;display:flex;flex-direction:column;gap:6px;}
.helplist li{font-family:'Inter',sans-serif;font-size:11.5px;line-height:1.35;color:#e9e2d0;}
.helpcard p{font-family:'Lora',serif;font-size:14px;line-height:1.5;margin-top:12px;}
.helpcard small{color:#d7cfbd;font-size:12px;}
.helpcard a{color:var(--paper);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--red);text-decoration-thickness:2px;font-weight:600;}

/* ---- Respira comigo ---- */
/* ---- Respira: menu de exercícios ---- */
.rmenu{padding:6px 18px 24px;text-align:center;
  min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;}
.rmenu .sub{text-align:center;}
.ract{display:block;width:100%;text-align:center;border:1px solid var(--ink);background:var(--paper);
  padding:15px 18px;margin-top:12px;cursor:pointer;font-family:'Inter',sans-serif;color:var(--ink);}
.ract b{font-size:16px;}
.ract span{display:block;margin-top:3px;font-family:'Lora',serif;font-size:13px;color:var(--grey);}
.ract:hover{background:var(--ink);color:var(--paper);}
.ract:hover span{color:var(--paper);opacity:.85;}

/* atividades genéricas (aterrissar / surfar) */
.activity{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:calc(100svh - 230px);padding:24px 28px;gap:22px;}
.activity h2{font-family:'Playfair Display',serif;font-weight:900;font-size:27px;line-height:1.1;}
.activity p{font-family:'Lora',serif;font-size:15px;line-height:1.55;max-width:340px;}
.activity .okmark{font-size:58px;line-height:1;}
.activity .cta{width:auto;}
.dots{display:flex;gap:12px;justify-content:center;}
.dots i{width:20px;height:20px;border:2px solid var(--ink);display:inline-block;transition:background .15s;}
.dots i.on{background:var(--red);border-color:var(--red);}
.timer{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:58px;line-height:1;}
.bigwave{font-size:56px;line-height:1;}

/* Meu porquê */
.why{padding:6px 20px 24px;display:flex;flex-direction:column;text-align:center;
  min-height:calc(100dvh - 200px);justify-content:center;}
.why label{text-align:center;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;color:var(--grey);margin-top:18px;}
.why textarea{width:100%;min-height:84px;border:2px solid var(--ink);background:var(--paper);padding:10px 12px;
  margin-top:6px;font-family:'Lora',serif;font-size:15px;color:var(--ink);resize:vertical;text-align:center;}
.why textarea:focus{outline:none;background:#E6D8B8;}
.why .cta{width:auto;margin-top:22px;}

.breath{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:72px 24px 24px;gap:48px;min-height:calc(100dvh - 200px);}
.bbox{width:150px;height:150px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;
  transform:scale(1);transition:transform 4s ease-in-out;
  font-family:'Inter',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:14px;}
.bmsg{font-family:'Lora',serif;font-size:15px;line-height:1.55;max-width:330px;}
.breath .cta{width:auto;margin:0;padding:16px 44px;}