/* folha */
.veu{position:fixed;inset:0;background:rgba(10,27,77,.32);opacity:0;pointer-events:none;transition:opacity .25s;z-index:20}
.folha{position:fixed;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:21;max-width:560px;margin:0 auto;background:#F2F6FF;border-radius:22px 22px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .38s cubic-bezier(.2,.9,.2,1),visibility .38s;display:flex;flex-direction:column}
.aberta .veu{opacity:1;pointer-events:auto}.aberta .folha{transform:none;visibility:visible}
.fh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;position:relative}
.alca{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:36px;height:5px;border-radius:3px;background:var(--linha)}
.fh .data{font-size:13px;color:var(--sec);margin-top:8px}
.x{width:32px;height:32px;border-radius:50%;background:var(--card2);display:flex;align-items:center;justify-content:center;margin-top:8px}
.rolo{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px calc(28px + env(safe-area-inset-bottom,0px));flex:1}
.topo-f{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;margin-top:4px}
.topo-f img{width:78px;height:110px;object-fit:cover;border-radius:12px}
.cat{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 9px 4px 7px;border-radius:999px;color:#000}
.gg{font-size:40px;font-weight:800;line-height:1;margin-top:8px}
.gg small{font-size:15px;font-weight:600;color:var(--sec);margin-left:4px;letter-spacing:0}
.rt{font-size:15px;font-weight:600;color:var(--laranja);margin-top:4px;display:flex;align-items:center;gap:6px}
.bloco{background:var(--card);border-radius:20px;padding:16px;margin-top:12px}
.bloco h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--sec);display:flex;align-items:center;gap:6px}
.bloco h4 svg{width:14px;height:14px}
.destaque{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.destaque em{font-style:normal;color:var(--sec);font-weight:600;font-size:15px}
.nota-f{font-size:13px;color:var(--sec);margin-top:6px;line-height:1.4}
.q4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.q4 div{background:var(--card);border-radius:16px;padding:12px 14px}
.q4 b{display:block;font-size:24px;font-weight:700;line-height:1.1}
.q4 span{font-size:12px;color:var(--sec)}

/* seletor de visão */
.seg{display:grid;background:var(--card2);border-radius:10px;padding:2px;margin-bottom:14px}
.seg button{height:32px;border-radius:8px;font-size:13.5px;font-weight:600;text-align:center;color:var(--sec)}
.seg button[aria-pressed="true"]{background:var(--royal);color:#fff}
.frase{font-size:24px;font-weight:700;line-height:1.15;min-height:54px}
.frase .sub{display:block;font-size:14px;font-weight:500;color:var(--sec);margin-top:3px}
.graf{position:relative;margin-top:10px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.graf svg{display:block;width:100%;height:180px;overflow:visible}
.bolha{position:absolute;top:-8px;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:10px;padding:5px 9px;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 4px 14px rgba(0,0,0,.4);z-index:2}
.bolha span{display:block;font-size:11px;font-weight:500;color:#AFC0E6}
.bolha.on{opacity:1}
.eixo{display:flex;justify-content:space-between;font-size:11px;color:var(--sec);margin-top:6px}
.dica{font-size:12px;color:var(--sec);text-align:center;margin-top:8px}
.faixas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.faixas button{height:34px;border-radius:10px;background:var(--card2);font-size:13px;font-weight:600;text-align:center;color:var(--sec)}
.faixas button[aria-pressed="true"]{background:var(--navy);color:#fff}

/* ondas */
.pilha{display:flex;height:30px;border-radius:9px;overflow:hidden;margin-top:14px;gap:2px}
.pilha i{display:block;height:100%}
.ondas-lista{margin-top:12px;display:flex;flex-direction:column}
.onda{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--linha)}
.onda .bol{width:12px;height:12px;border-radius:4px}
.onda b{font-size:15px;font-weight:600;display:block}
.onda small{font-size:12px;color:var(--sec)}
.onda .val{text-align:right;font-size:18px;font-weight:700}
.onda .val small{display:block;font-weight:500}

/* calendário */
.cal-meses{display:grid;gap:4px;font-size:11px;color:var(--sec);margin-top:12px;height:14px}
.cal{display:grid;grid-auto-flow:column;gap:4px;margin-top:4px}
.cal i{display:block;aspect-ratio:1;border-radius:5px;background:#E3EAF8;position:relative}
.cal i.vazio{background:transparent}
.cal i.melhor{box-shadow:0 0 0 2px var(--royal)}
.cal i.sel{box-shadow:0 0 0 2px var(--navy)}
.cal-leg{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-size:11px;color:var(--sec);margin-top:10px}
.cal-leg i{width:12px;height:12px;border-radius:3px;display:block}
.info-cal{min-height:40px;margin-top:10px;background:var(--card2);border-radius:12px;padding:10px 12px;font-size:14px}
.info-cal b{font-size:17px}

/* blocos de detalhe */
.idiomas{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.idi{display:grid;grid-template-columns:28px 1fr 62px;gap:10px;align-items:center;font-size:14px}
.idi .cod{font-size:11px;font-weight:800;background:var(--card2);border-radius:6px;padding:3px 0;text-align:center}
.tr{height:10px;border-radius:5px;background:var(--card2);overflow:hidden}
.tr i{display:block;height:100%;border-radius:5px;background:var(--azul);width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.idi b{text-align:right;font-weight:600}
.reacoes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px;text-align:center}
.reacoes svg{width:22px;height:22px;margin:0 auto 4px;display:block}
.reacoes b{display:block;font-size:16px;font-weight:700}
.reacoes span{font-size:10.5px;color:var(--sec)}
.idades{display:flex;align-items:flex-end;gap:5px;height:84px;margin-top:14px}
.idades div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.idades i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:#C9D5EC;height:0;transition:height .9s cubic-bezier(.2,.8,.2,1)}
.idades .foco i{background:var(--roxo)}
.idades span{font-size:10px;color:var(--sec)}
.idades b{font-size:11px}
.chave{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sec);margin-top:8px}
.chave i{width:10px;height:10px;border-radius:3px;background:var(--roxo);display:block}
.medidor{height:12px;border-radius:6px;background:var(--card2);overflow:hidden;margin-top:12px}
.medidor i{display:block;height:100%;background:var(--verde);border-radius:6px;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.formato{display:grid;grid-template-columns:72px 1fr 64px;gap:10px;align-items:center;margin-top:10px;font-size:14px}
.formato b{text-align:right}
.cidades{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cidades span{background:var(--card2);border-radius:999px;padding:6px 10px;font-size:13px}
.cidades b{margin-left:4px}
.trouxe{display:flex;gap:8px;overflow-x:auto;margin:12px -16px 0;padding:0 16px;scrollbar-width:none}
.trouxe::-webkit-scrollbar{display:none}
.trouxe div{flex:0 0 104px;position:relative;border-radius:12px;overflow:hidden;height:150px}
.trouxe img{width:100%;height:100%;object-fit:cover}
.trouxe div::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85))}
.trouxe b{position:absolute;left:8px;bottom:8px;z-index:1;font-size:18px;color:var(--verde)}

@media (min-width:720px){.reels{grid-template-columns:repeat(6,minmax(0,1fr))}.app{padding-top:10px}}
@media (prefers-reduced-motion:reduce){.reel img,.pulso,.reel.fogo::before{animation:none}.folha,.veu{transition:none}}
/* ficha do Instagram: gênero e cidades (vídeo de revisão 23/09) */
#card-ig{cursor:pointer}
.gen3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.gen3>div{border-radius:14px;padding:12px 14px;background:var(--card2)}
.gen3 b{display:block;font-size:26px;font-weight:800;letter-spacing:-.5px}
.gen3 span{font-size:13px;color:var(--sec)}
.gen3 .h b{color:var(--azul)}.gen3 .m b{color:var(--rosa)}
.gen3-barra{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:10px 0 14px}
.gen3-barra span:first-child{background:var(--azul)}.gen3-barra span:last-child{background:var(--rosa)}
.cid3>div{display:grid;grid-template-columns:22px 92px 1fr 48px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--linha)}
.cid3 .p{font-size:13px;font-weight:800;color:var(--sec);text-align:center}
.cid3 .nm{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cid3 .tr{height:8px;border-radius:4px;background:var(--card2);overflow:hidden}
.cid3 .tr i{display:block;height:100%;width:0;border-radius:4px;background:var(--royal);transition:width .6s ease}
.cid3 b{text-align:right;font-size:14px}
/* seguidores: entraram · saíram · saldo */
.seg-res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}
.seg-res>div{border-radius:12px;padding:10px;background:var(--card2);text-align:center}
.seg-res b{display:block;font-size:20px;font-weight:800}
.seg-res span{font-size:12px;color:var(--sec)}
.seg-res .e b{color:var(--verde)}.seg-res .s b{color:var(--sec)}.seg-res .t b{color:var(--navy)}
.seg-res small{grid-column:1/-1;font-size:11px;color:var(--sec);text-align:center}