/* Supercrítico — sistema de design (dark, Poppins). Compartilhado por todas as páginas. */
:root{
  --bg:#0B0D10; --surface:#15181D; --surface-2:#1C2027; --surface-3:#232830;
  --line:#272C34; --line-soft:#1B1F26;
  --ink:#EDEFF2; --ink-2:#9AA1AD; --ink-3:#646B76;
  --accent:#3B7BF6; --accent-strong:#2861EB; --accent-ink:#78A6FF; --accent-soft:#141E30;
  --ok:#5FCF8E; --ok-bg:#12241A; --ok-ln:#1E402C;
  --imp:#E3B052; --imp-bg:#261E10; --imp-ln:#40331A;
  --no:#EC6A54; --no-bg:#2A1613; --no-ln:#432019;
  --esp:#AE93F7; --esp-bg:#1D1830; --esp-ln:#332A4E;
  --op:#98A0AC; --op-bg:#191D23; --op-ln:#2A303A;
  --r-sm:8px; --r:12px; --r-lg:16px; --r-pill:999px;
  --glass:linear-gradient(180deg,#181C22 0%,#131519 100%);
  --edge:inset 0 1px 0 rgba(255,255,255,.04);
  --lift:0 1px 2px rgba(0,0,0,.4), 0 24px 60px -34px rgba(0,0,0,.75);
  --sans:"Poppins",system-ui,-apple-system,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6; letter-spacing:-.006em; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(900px 500px at 82% -8%,rgba(59,123,246,.09),transparent 60%),radial-gradient(700px 500px at -10% 4%,rgba(255,255,255,.03),transparent 55%); background-attachment:fixed}
::selection{background:rgba(59,123,246,.3)}
a{color:var(--accent-ink); text-decoration:none} a:hover{text-decoration:underline; text-underline-offset:3px}
img{max-width:100%}
.wrap{max-width:960px; margin:0 auto; padding:0 22px 100px}
.wrap-wide{max-width:1120px}

/* ---- topbar comum ---- */
.topbar{position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); background:rgba(11,13,16,.72); border-bottom:1px solid var(--line-soft)}
.topbar .in{max-width:1120px; margin:0 auto; padding:12px 22px; display:flex; align-items:center; justify-content:space-between; gap:14px}
.topbar .l{display:flex; align-items:center; gap:16px}
.tb-brand{display:flex; align-items:center; gap:10px}
.tb-brand .m{width:26px; height:26px; border-radius:7px; background:var(--glass); border:1px solid var(--line); box-shadow:var(--edge); display:grid; place-items:center; font-weight:600; font-size:15px}
.tb-brand b{font-family:var(--mono); font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-2); font-weight:500}
.seg{display:flex; background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-pill); padding:3px}
.seg a{font-size:13px; color:var(--ink-2); padding:6px 13px; border-radius:var(--r-pill)}
.seg a:hover{color:var(--ink); text-decoration:none} .seg a.on{background:var(--surface-3); color:var(--ink)}
.btn{font-family:var(--sans); font-size:13.5px; font-weight:500; padding:8px 15px; border-radius:var(--r-sm); border:1px solid transparent; cursor:pointer; display:inline-flex; align-items:center; gap:7px}
.btn.pri{background:var(--accent-strong); color:#fff} .btn.pri:hover{background:var(--accent); text-decoration:none}
.btn.ghost{background:var(--surface); border-color:var(--line); color:var(--ink)} .btn.ghost:hover{border-color:var(--ink-3)}
.btn.quiet{background:transparent; color:var(--ink-2)} .btn.quiet:hover{color:var(--ink)}

/* ---- tipografia ---- */
.eyebrow{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-ink); margin:0}
.lbl{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3)}
.mono{font-family:var(--mono)}
h1{font-weight:600; font-size:clamp(28px,4.4vw,44px); line-height:1.06; letter-spacing:-.03em; margin:0 0 12px; text-wrap:balance}
h2{font-weight:600; font-size:22px; letter-spacing:-.02em; margin:0}
.blk{font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:34px 0 14px; font-weight:500}
.dek{color:var(--ink-2); max-width:64ch; margin:0 0 22px; font-size:16.5px}
.crumb{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin:0 0 12px}
.crumb a{color:var(--accent-ink)}

/* ---- página: header ---- */
header.page{padding:44px 0 22px}

/* ---- cartão / vidro ---- */
.card{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--lift),var(--edge)}

/* ---- selos de veredito ---- */
.selo{display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; padding:3px 10px; border-radius:var(--r-pill); border:1px solid transparent; white-space:nowrap}
.selo::before{content:""; width:5px; height:5px; border-radius:50%}
.selo.correto{color:var(--ok); background:var(--ok-bg); border-color:var(--ok-ln)} .selo.correto::before{background:var(--ok)}
.selo.impreciso{color:var(--imp); background:var(--imp-bg); border-color:var(--imp-ln)} .selo.impreciso::before{background:var(--imp)}
.selo.falso{color:var(--no); background:var(--no-bg); border-color:var(--no-ln)} .selo.falso::before{background:var(--no)}
.selo.especulacao{color:var(--esp); background:var(--esp-bg); border-color:var(--esp-ln)} .selo.especulacao::before{background:var(--esp)}
.selo.juizo,.selo.proposta{color:var(--op); background:var(--op-bg); border-color:var(--op-ln)} .selo.juizo::before,.selo.proposta::before{background:var(--op)}

/* ---- faixa de métrica (número gigante) ---- */
.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:11px}
.stat{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); padding:15px 17px 17px; box-shadow:var(--edge)}
.stat .lbl{display:block; margin-bottom:9px}
.stat b{font-weight:600; font-size:34px; line-height:1; letter-spacing:-.025em; font-variant-numeric:tabular-nums; display:block}
.stat .sub{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-top:8px; display:block}

/* ---- barra de mix ---- */
.mix{display:flex; height:6px; border-radius:99px; overflow:hidden; background:var(--surface-3)}
.mix i{height:100%} .mix .correto{background:var(--ok)} .mix .impreciso{background:var(--imp)} .mix .falso{background:var(--no)} .mix .especulacao{background:var(--esp)} .mix .juizo,.mix .proposta{background:var(--op)}

/* ---- cartão de veredito ---- */
.vc{background:var(--glass); border:1px solid var(--line); border-left:3px solid var(--op); border-radius:var(--r-lg); padding:17px 20px; box-shadow:var(--lift),var(--edge)}
.vc.correto{border-left-color:var(--ok)} .vc.impreciso{border-left-color:var(--imp)} .vc.falso{border-left-color:var(--no)} .vc.especulacao{border-left-color:var(--esp)}
.vc-head{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:9px}
.vc-num{font-family:var(--mono); font-size:11.5px; color:var(--ink-3)} .vc-num b{color:var(--ink-2); font-weight:500}
.vc h3{font-weight:600; font-size:19px; letter-spacing:-.02em; line-height:1.28; margin:0 0 7px; text-wrap:balance}
.vc p{margin:0; color:var(--ink-2); font-size:15px}
.vc details{border-top:1px solid var(--line-soft); padding-top:9px; margin-top:11px}
.vc summary{cursor:pointer; font-family:var(--mono); font-size:11.5px; color:var(--accent-ink); letter-spacing:.02em}
.vc summary:hover{text-decoration:underline}
.vc .list{list-style:none; margin:11px 0 2px; padding:0; display:flex; flex-direction:column; gap:11px}
.vc .fontes li{background:var(--surface); border-radius:var(--r-sm); padding:9px 12px; font-size:13.5px}
.vc .fontes a{color:var(--accent-ink); font-weight:500}
.vc .fontes .pub{display:block; font-family:var(--mono); font-size:10.5px; color:var(--ink-3); margin-top:2px}
.vc .fontes q{display:block; color:var(--ink-2); font-size:13px; border-left:2px solid var(--line); padding-left:9px; margin-top:5px}
.vc .ocs li{border-left:2px solid var(--line); padding-left:11px}
.vc .ocs .u{font-family:var(--mono); font-size:12.5px; color:var(--accent-ink)}
.vc .ocs .when{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-left:7px}
.vc .ocs p{margin:3px 0 0; font-size:14.5px; white-space:pre-wrap; overflow-wrap:anywhere}
.vc .likes{margin-left:7px; font-family:var(--mono); font-size:10.5px; color:var(--ink-3)}

/* ---- afirmação do vídeo ---- */
.vid{background:var(--glass); border:1px solid var(--line); border-left:3px solid var(--op); border-radius:var(--r-lg); padding:17px 20px; box-shadow:var(--lift),var(--edge)}
.vid.correto{border-left-color:var(--ok)} .vid.impreciso{border-left-color:var(--imp)} .vid.falso{border-left-color:var(--no)} .vid.especulacao{border-left-color:var(--esp)}
.vid .min{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); display:flex; align-items:center; gap:9px; margin-bottom:10px}
.momento{color:var(--accent); text-decoration:none; font-weight:500}
.momento:hover{text-decoration:underline}
.fala{font-weight:500; font-size:19px; line-height:1.34; letter-spacing:-.02em; margin:0 0 9px; text-wrap:balance}
.vid p{margin:0; color:var(--ink-2); font-size:14.5px}
.vid-top{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:11px}
.vid-top .min{margin-bottom:0}
.vid .dito{font-size:14px; color:var(--ink-3); font-style:italic; margin:10px 0 0; padding-left:11px; border-left:2px solid var(--line)}
.vid .dito-l{font-style:normal; font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); margin-right:7px}
.trecho{margin-top:10px}
.trecho>summary{cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; letter-spacing:.02em; color:var(--ink-3); list-style:none}
.trecho>summary::-webkit-details-marker{display:none}
.trecho>summary::before{content:"▸"; font-size:9px; transition:transform .15s}
.trecho[open]>summary::before{transform:rotate(90deg)}
.trecho>summary:hover{color:var(--ink-2)}
.trecho-txt{margin:10px 0 0; padding:11px 13px; background:var(--surface); border-radius:var(--r-sm); border-left:2px solid var(--line); color:var(--ink-2); font-size:13.5px; line-height:1.62; font-style:italic}
.trecho-nota{display:block; margin-top:7px; font-family:var(--mono); font-size:10px; color:var(--ink-3)}

/* ---- zona de análise (a voz do Supercrítico, separada da fala do criador) ---- */
.analise{margin-top:15px; padding:13px 15px 14px; border-radius:var(--r); background:var(--bg); border:1px solid var(--line-soft); border-left:3px solid var(--op); box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.analise-l{display:block; font-family:var(--mono); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); margin-bottom:8px}
.analise>p{margin:0; color:var(--ink-2); font-size:14.5px; line-height:1.62}
.analise.correto{border-left-color:var(--ok)} .analise.correto .analise-l{color:var(--ok)}
.analise.impreciso{border-left-color:var(--imp)} .analise.impreciso .analise-l{color:var(--imp)}
.analise.falso{border-left-color:var(--no)} .analise.falso .analise-l{color:var(--no)}
.analise.especulacao{border-left-color:var(--esp)} .analise.especulacao .analise-l{color:var(--esp)}
.analise.juizo,.analise.proposta{border-left-color:var(--op)} .analise.juizo .analise-l,.analise.proposta .analise-l{color:var(--op)}
.analise details{border-top:1px solid var(--line); padding-top:10px; margin-top:12px}
.analise summary{cursor:pointer; font-family:var(--mono); font-size:11px; color:var(--accent-ink); letter-spacing:.02em}
.analise summary:hover{text-decoration:underline}
.analise .list{list-style:none; margin:11px 0 2px; padding:0; display:flex; flex-direction:column; gap:10px}
.analise .fontes li{background:var(--surface-3); border-radius:var(--r-sm); padding:9px 12px; font-size:13.5px}
.analise .fontes a{color:var(--accent-ink); font-weight:500}
.analise .fontes .pub{display:block; font-family:var(--mono); font-size:10.5px; color:var(--ink-3); margin-top:2px}

/* ---- header: barra de vereditos ---- */
.stat.span2{grid-column:span 2; min-width:240px}
.mixwrap{margin:13px 0 10px}
.legenda{display:flex; flex-wrap:wrap; gap:6px 14px; font-family:var(--mono); font-size:11px}
.legenda .lg{display:inline-flex; align-items:center; gap:6px; color:var(--ink-2)}
.legenda .lg::before{content:""; width:7px; height:7px; border-radius:2px; background:var(--op)}
.legenda .correto::before{background:var(--ok)} .legenda .impreciso::before{background:var(--imp)} .legenda .falso::before{background:var(--no)} .legenda .especulacao::before{background:var(--esp)} .legenda .juizo::before,.legenda .proposta::before{background:var(--op)}

/* ---- listas: temas, criadores, vídeos ---- */
.grid-cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px}
.tema-c{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); padding:16px 18px 18px; box-shadow:var(--edge); display:block; color:inherit}
.tema-c:hover{border-color:var(--accent); text-decoration:none}
.tema-c h3{font-size:18px; font-weight:600; letter-spacing:-.02em; margin:0 0 4px}
.tema-c .meta{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-bottom:12px}

.rank{display:flex; flex-direction:column; gap:2px}
.rk{display:grid; grid-template-columns:26px 36px 1fr 120px 66px; gap:12px; align-items:center; padding:11px 12px; border-radius:var(--r); border:1px solid transparent; color:inherit}
.rk:hover{background:var(--surface); border-color:var(--line-soft); text-decoration:none}
.rk .pos{font-family:var(--mono); font-size:13px; color:var(--ink-3); text-align:center}
.av{width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#2b3340,#171b21); border:1px solid var(--line); display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--ink-2)}
.rk .who .h{font-weight:500; font-size:14.5px} .rk .who .p{font-family:var(--mono); font-size:11px; color:var(--ink-3)}
.rk .idx{text-align:right} .rk .idx b{font-weight:600; font-size:19px; font-variant-numeric:tabular-nums; letter-spacing:-.02em}
.rk .idx .u{font-family:var(--mono); font-size:10px; color:var(--ink-3)}
.rk .idx .na{font-family:var(--mono); font-size:11px; color:var(--ink-3)}
.idxbar{height:5px; border-radius:99px; background:var(--surface-3); overflow:hidden; margin-top:6px}
.idxbar i{display:block; height:100%; border-radius:99px}

.vrow{display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; background:var(--glass); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; margin-bottom:8px; box-shadow:var(--edge); color:inherit}
.vrow:hover{border-color:var(--accent); text-decoration:none}
.vrow .m .t{font-weight:500; font-size:15.5px; letter-spacing:-.01em; line-height:1.3}
.vrow .m .vmix{display:flex; gap:1.5px; height:6px; margin-top:9px; max-width:360px; border-radius:3px; overflow:hidden; background:var(--surface-3)}
.vrow .m .vmix i{display:block; height:100%}
.vrow .m .s{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-top:7px}
.vrow .sc{text-align:right; white-space:nowrap} .vrow .sc b{font-weight:600; font-size:19px; font-variant-numeric:tabular-nums}
.vrow .sc .l2{font-family:var(--mono); font-size:10px; color:var(--ink-3); display:block}
.plat{font-family:var(--mono); font-size:10px; color:var(--ink-3); border:1px solid var(--line); border-radius:var(--r-pill); padding:1px 7px}

/* ---- criador header ---- */
.chead{display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap}
.big-av{width:70px; height:70px; border-radius:18px; background:linear-gradient(135deg,#2b3340,#171b21); border:1px solid var(--line); display:grid; place-items:center; font-size:24px; font-weight:600; color:var(--ink-2); flex:0 0 auto}
.chead .who h1{margin:0 0 4px; font-size:26px}
.chead .who .sub{font-family:var(--mono); font-size:12px; color:var(--ink-3)}
.gauge-wrap{margin-left:auto; display:flex; gap:18px; align-items:center}
.gauge{width:118px; height:118px; border-radius:50%; position:relative; flex:0 0 auto;
  -webkit-mask:radial-gradient(farthest-side,transparent 62%,#000 63%); mask:radial-gradient(farthest-side,transparent 62%,#000 63%)}
.gauge-c{position:absolute; inset:0; display:grid; place-content:center; text-align:center}
.gauge-c b{font-weight:600; font-size:31px; line-height:1; letter-spacing:-.02em}
.gauge-c .u{font-family:var(--mono); font-size:10px; color:var(--ink-3); margin-top:3px}
.gauge-c .small{font-size:13px; color:var(--ink-2); line-height:1.3; max-width:88px}
.brk{display:flex; flex-direction:column; gap:7px}
.brk div{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-2)}
.brk i{width:8px; height:8px; border-radius:2px; flex:0 0 auto}
.brk .note{color:var(--ink-3); font-size:11.5px; font-family:var(--mono); margin-top:2px}

/* ---- busca/feed (checagem) ---- */
.searchbar{position:sticky; top:52px; z-index:15; background:var(--bg); padding:12px 0; border-bottom:1px solid var(--line-soft); margin-bottom:8px}
.searchbar .row{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.field{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 13px; color:var(--ink); font:inherit; font-size:15px}
.field:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:transparent}
.field::placeholder{color:var(--ink-3)}
.count{font-family:var(--mono); font-size:12px; color:var(--ink-3); margin:10px 0 0}

footer.site{margin-top:60px; padding:26px 0; border-top:1px solid var(--line-soft); color:var(--ink-3); font-size:13.5px}
footer.site .in{max-width:1120px; margin:0 auto; padding:0 22px; max-width:74ch}
footer.site a{color:var(--accent-ink)}
.pill-plat{font-family:var(--mono); font-size:10.5px; color:var(--ink-3); border:1px solid var(--line); border-radius:var(--r-pill); padding:2px 9px}
.mt{margin-top:16px} .mt-lg{margin-top:26px}
@media(max-width:600px){.rk{grid-template-columns:22px 30px 1fr 60px} .rk .idxcol{display:none}}

/* ============ Fases 3–10: novos componentes ============ */
/* momento vira botão (fase 3) */
.momento{appearance:none; background:none; border:0; padding:0; font-family:var(--mono); font-size:11.5px; color:var(--accent-ink); cursor:pointer; font-weight:500}
.momento:hover{text-decoration:underline}
.momento-x{font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
.vid-top-r{display:flex; align-items:center; gap:10px}
.permalink{appearance:none; background:var(--surface-2); border:1px solid var(--line); color:var(--ink-3); font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; padding:3px 9px; border-radius:var(--r-pill); cursor:pointer}
.permalink:hover{color:var(--ink-2); border-color:var(--ink-3)}

/* foto de criador (fase 4) */
.av.has-foto,.big-av.has-foto{background-size:cover; background-position:center; color:transparent}
.cbio{color:var(--ink-2); font-size:14.5px; margin:10px 0 0; max-width:60ch}
.clinks{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.clink{font-family:var(--mono); font-size:11px; color:var(--accent-ink); border:1px solid var(--line); padding:4px 10px; border-radius:var(--r-pill)}
.clink:hover{border-color:var(--accent-ink); text-decoration:none}

/* player embedado (fase 3) */
.player-wrap{margin:6px 0 26px}
.player-frame{position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); box-shadow:var(--lift)}
.player-frame iframe,#ytplayer{position:absolute; inset:0; width:100%; height:100%; border:0}
.caps{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.caps-l{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin-right:2px}
.cap{appearance:none; cursor:pointer; background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-pill); padding:6px 12px; font-family:var(--sans); font-size:12.5px; color:var(--ink-2); display:inline-flex; align-items:center; gap:7px; max-width:100%; text-align:left}
.cap:hover{border-color:var(--ink-3); color:var(--ink)}
.cap .dot{width:6px; height:6px; border-radius:50%; flex:0 0 auto; background:var(--op)}
.cap .dot.correto{background:var(--ok)} .cap .dot.impreciso{background:var(--imp)} .cap .dot.falso{background:var(--no)} .cap .dot.especulacao{background:var(--esp)} .cap .dot.juizo,.cap .dot.proposta{background:var(--op)}
.player-link{display:inline-flex; align-items:center; gap:10px; margin:6px 0 24px; padding:13px 18px; background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); color:var(--ink); font-size:14.5px; box-shadow:var(--edge)}
.player-link:hover{border-color:var(--ink-3); text-decoration:none}
.player-link .pl-ic{color:var(--accent-ink)}

/* rodapé da análise + link do factoide (fase 6) */
.analise-foot{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap}
.analise-foot details{flex:1 1 auto}
.factoide-l{font-family:var(--mono); font-size:11px; color:var(--accent-ink); white-space:nowrap; margin-top:11px}
.factoide-l:hover{text-decoration:underline}

/* página do factoide (fase 6) */
.fact-head{display:flex; align-items:center; gap:12px; margin-bottom:14px}
.fact-prop{font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
.prop-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px}
.prop-v{display:block; background:var(--glass); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; box-shadow:var(--edge)}
.prop-v:hover{border-color:var(--ink-3); text-decoration:none}
.pv-h{display:flex; align-items:center; gap:8px; margin-bottom:7px; flex-wrap:wrap}
.pv-at{font-weight:600; font-size:14px}
.pv-canal{font-family:var(--mono); font-size:10.5px; color:var(--ink-3)}
.pv-min{margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--accent-ink)}
.prop-v p{margin:0; color:var(--ink-2); font-size:13.5px; line-height:1.5}
.prop-v.correto{border-left:3px solid var(--ok)} .prop-v.impreciso{border-left:3px solid var(--imp)}
.prop-v.falso{border-left:3px solid var(--no)} .prop-v.especulacao{border-left:3px solid var(--esp)}
.prop-v .selo{font-size:10px; padding:2px 7px}
.diverg{background:var(--imp-bg); border:1px solid var(--imp-ln); border-radius:var(--r); padding:12px 15px; margin-bottom:14px; font-size:13.5px; color:var(--ink-2); line-height:1.55}
.diverg b{color:var(--imp); font-weight:600}
.prop-ocs{margin-top:4px}
.mais-ocs{color:var(--ink-3); font-family:var(--mono); font-size:12px; list-style:none}

/* busca (fase 8) */
.busca-in{width:100%; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; font:16px var(--sans); color:var(--ink); margin-top:8px}
.busca-in:focus{outline:2px solid var(--accent); outline-offset:1px}
.busca-tabs{display:flex; gap:8px; margin-top:14px; flex-wrap:wrap}
.busca-tabs button{appearance:none; cursor:pointer; background:var(--surface); border:1px solid var(--line-soft); color:var(--ink-2); font:500 13px var(--sans); padding:7px 14px; border-radius:var(--r-pill)}
.busca-tabs button.on{background:var(--surface-3); color:var(--ink); border-color:var(--line)}
.busca-res{margin-top:22px; display:flex; flex-direction:column; gap:8px}
.busca-item{display:flex; align-items:center; gap:12px; background:var(--glass); border:1px solid var(--line); border-radius:var(--r); padding:12px 15px; box-shadow:var(--edge)}
.busca-item:hover{border-color:var(--ink-3); text-decoration:none}
.busca-t{font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); border:1px solid var(--line); padding:3px 9px; border-radius:var(--r-pill); white-space:nowrap}
.bi-t{font-weight:500; font-size:15px; color:var(--ink)}
.bi-s{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-top:2px}
.busca-vazio{color:var(--ink-3)}

/* formulário sugira (fase 9) */
.form-card{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); padding:20px 22px; box-shadow:var(--lift),var(--edge); max-width:620px}
.form-card label{display:block; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); margin:14px 0 6px}
.form-card label:first-of-type{margin-top:0}
.form-card input,.form-card textarea{width:100%; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:11px 13px; font:15px var(--sans); color:var(--ink); resize:vertical}
.form-card input:focus,.form-card textarea:focus{outline:2px solid var(--accent); outline-offset:1px}
.form-card .btn{margin-top:18px}
.form-msg{margin-top:12px; font-size:14px; display:none}
.form-msg.ok{display:block; color:var(--ok)} .form-msg.err{display:block; color:var(--no)}

/* prosa (correções) */
.prose{max-width:70ch}
.prose h2{font-size:19px; margin:28px 0 8px; font-weight:600}
.prose p{color:var(--ink-2); margin:0 0 12px}
.prose b{color:var(--ink); font-weight:500}

/* rodapé + topo (fases 8/9/10) */
.topbar .r{display:flex; align-items:center; gap:9px}
.foot-nav{display:flex; gap:8px 18px; flex-wrap:wrap; margin-top:14px}
.foot-nav a{font-family:var(--mono); font-size:12px; color:var(--ink-3)}
.foot-nav a:hover{color:var(--ink-2)}
@media(max-width:620px){ .topbar .r .ghost{display:none} }

/* card de factoide na home (fase 6) */
.fact-c{display:block; background:var(--glass); border:1px solid var(--line); border-left:3px solid var(--op); border-radius:var(--r-lg); padding:16px 18px; box-shadow:var(--edge)}
.fact-c:hover{border-color:var(--ink-3); text-decoration:none}
.fact-c.correto{border-left-color:var(--ok)} .fact-c.impreciso{border-left-color:var(--imp)} .fact-c.falso{border-left-color:var(--no)} .fact-c.especulacao{border-left-color:var(--esp)}
.fact-c h3{font-weight:500; font-size:15.5px; letter-spacing:-.01em; line-height:1.3; margin:11px 0 10px; color:var(--ink); text-wrap:balance}
.fact-c-n{font-family:var(--mono); font-size:11px; color:var(--ink-3)}
.fact-c-tema{display:block; font-family:var(--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); margin-bottom:9px}

/* ============ Reorganização da página de checagem (4 camadas) ============ */
/* persona */
.persona{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:6px 0 18px; padding:15px 17px; background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--edge)}
.p-av{width:48px; height:48px; border-radius:13px; background:linear-gradient(135deg,#2b3340,#171b21); border:1px solid var(--line); display:grid; place-items:center; font-size:16px; font-weight:600; color:var(--ink-2); flex:0 0 auto}
.p-av.has-foto{background-size:cover; background-position:center; color:transparent}
.p-meta{min-width:0}
.p-nome{font-weight:600; font-size:16.5px; letter-spacing:-.01em}
.p-sub{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-top:2px}
.p-idx{margin-left:auto; text-align:right; display:flex; flex-direction:column; align-items:flex-end; line-height:1.1}
.p-idx b{font-size:28px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.p-idx b.na{font-size:13px; color:var(--ink-3); font-weight:500}
.p-idx span{font-family:var(--mono); font-size:10px; color:var(--ink-3); margin-top:3px}
.p-idx:hover{text-decoration:none} .p-idx:hover span{color:var(--accent-ink)}

/* placar */
.placar{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--edge); padding:15px 17px; margin-bottom:6px}
.placar-h{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px}
.placar-h .lbl{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3)}
.placar-n{font-family:var(--mono); font-size:11.5px; color:var(--ink-2)}
.placar .mixwrap{margin:0 0 11px}
.placar .mix{height:8px}

/* navegação: abas + filtro */
.secnav{position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:26px 0 14px; padding:10px 0; background:linear-gradient(180deg,var(--bg) 70%,transparent)}
.tabs{display:flex; gap:8px; flex-wrap:wrap}
.secbtn{appearance:none; cursor:pointer; font-family:var(--sans); font-size:13.5px; font-weight:500; padding:8px 15px; border-radius:var(--r-pill); border:1px solid var(--line-soft); color:var(--ink-2); background:var(--surface)}
.secbtn.on{background:var(--surface-3); color:var(--ink); border-color:var(--line)}
.secbtn:hover{color:var(--ink)}
.vfilter{margin-left:auto; display:flex; gap:6px; flex-wrap:wrap}
.fb{appearance:none; cursor:pointer; font-family:var(--mono); font-size:10.5px; letter-spacing:.03em; padding:5px 10px; border-radius:var(--r-pill); border:1px solid var(--line-soft); color:var(--ink-3); background:transparent}
.fb.on{color:var(--ink); border-color:var(--ink-3)}
.fb.correto.on{color:var(--ok); border-color:var(--ok-ln)} .fb.impreciso.on{color:var(--imp); border-color:var(--imp-ln)} .fb.falso.on{color:var(--no); border-color:var(--no-ln)} .fb.especulacao.on{color:var(--esp)} .fb.juizo.on,.fb.proposta.on{color:var(--op)}

/* cartão escaneável (details) */
.secpane{display:flex; flex-direction:column; gap:8px}
.claim{background:var(--glass); border:1px solid var(--line); border-left:3px solid var(--op); border-radius:var(--r); box-shadow:var(--edge); overflow:hidden}
.claim.correto{border-left-color:var(--ok)} .claim.impreciso{border-left-color:var(--imp)} .claim.falso{border-left-color:var(--no)} .claim.especulacao{border-left-color:var(--esp)}
.claim-sum{list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:13px 15px}
.claim-sum::-webkit-details-marker{display:none}
.claim-sum:hover{background:rgba(255,255,255,.015)}
.claim-sum .selo{flex:0 0 auto}
.claim-t{flex:1; min-width:0; font-size:14.5px; color:var(--ink); line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.claim[open] .claim-t{-webkit-line-clamp:unset; font-weight:500}
.cmin{flex:0 0 auto; appearance:none; background:none; border:0; padding:0; font-family:var(--mono); font-size:11.5px; color:var(--accent-ink); cursor:pointer; white-space:nowrap}
.cmin:hover{text-decoration:underline}
.men{flex:0 0 auto; font-family:var(--mono); font-size:11px; color:var(--ink-3)} .men b{color:var(--ink-2); font-weight:500}
.chev{flex:0 0 auto; width:16px; height:16px; position:relative; opacity:.5}
.chev::before,.chev::after{content:""; position:absolute; top:7px; width:8px; height:1.5px; background:var(--ink-2); transition:transform .18s}
.chev::before{left:1px; transform:rotate(45deg)} .chev::after{right:1px; transform:rotate(-45deg)}
.claim[open] .chev::before{transform:rotate(-45deg)} .claim[open] .chev::after{transform:rotate(45deg)}
.claim-body{padding:2px 15px 16px; border-top:1px solid var(--line-soft)}
.claim-body>.trecho{margin-top:12px}
.claim-body .permalink{margin-top:11px}
@media(max-width:560px){
  .claim-sum{flex-wrap:wrap; gap:8px 10px}
  .claim-t{flex-basis:100%; order:3; -webkit-line-clamp:3}
  .secnav{position:static}
}

/* listas/citações dentro do cartão escaneável */
.claim-body .list{list-style:none; margin:11px 0 2px; padding:0; display:flex; flex-direction:column; gap:10px}
.claim-body .ocs li{border-left:2px solid var(--line); padding-left:11px; font-size:13.5px}
.claim-body .ocs .u{color:var(--accent-ink); font-weight:500}
.claim-body .ocs .likes{font-family:var(--mono); font-size:10.5px; color:var(--ink-3); margin-left:8px}
.claim-body .ocs li p{margin:4px 0 0; color:var(--ink-2)}
.claim-body>details{margin-top:13px; border-top:1px solid var(--line-soft); padding-top:11px}
.claim-body>details>summary{cursor:pointer; font-family:var(--mono); font-size:11px; color:var(--accent-ink)}
.claim-body>details>summary:hover{text-decoration:underline}
.fontes q{display:block; color:var(--ink-2); font-size:13px; border-left:2px solid var(--line); padding-left:9px; margin-top:5px; font-style:normal}

/* ============ Compactação do cabeçalho da checagem ============ */
.page.checa{padding:32px 0 14px}
.page.checa h1{font-size:clamp(23px,3.1vw,31px); line-height:1.12; margin:0 0 14px; max-width:34ch}
/* persona + placar num cartão só */
.idcard{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--edge); overflow:hidden; margin-top:2px}
.id-top{display:flex; align-items:center; gap:13px; padding:12px 16px}
.id-top .p-av{width:42px; height:42px; border-radius:12px}
.id-top .p-meta{min-width:0} .id-top .p-nome{font-size:15.5px; font-weight:600} .id-top .p-sub{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-top:2px}
.id-top .p-idx{margin-left:auto; display:flex; align-items:baseline; gap:7px; text-align:right}
.id-top .p-idx b{font-size:24px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.id-top .p-idx b.na{font-size:12px; color:var(--ink-3); font-weight:500}
.id-top .p-idx span{font-family:var(--mono); font-size:10px; color:var(--ink-3)}
.id-top .p-idx:hover span{color:var(--accent-ink)}
.id-placar{border-top:1px solid var(--line-soft); padding:11px 16px 12px; background:rgba(0,0,0,.13)}
.id-placar .mixwrap{margin:0 0 8px} .id-placar .mix{height:7px}
.id-placar .legenda{gap:5px 13px}
.legenda .lg-h{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-right:4px}

/* controle: filtro escondido atrás do botão */
.filtro-toggle{appearance:none; cursor:pointer; margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--ink-3); background:transparent; border:1px solid var(--line-soft); border-radius:var(--r-pill); padding:6px 12px}
.filtro-toggle:hover,.filtro-toggle.on{color:var(--ink); border-color:var(--ink-3)}
.vfilter{display:none; margin-left:0; flex-basis:100%; margin-top:2px}
.vfilter.show{display:flex}

/* menos ar antes do conteúdo */
.player-wrap{margin:4px 0 20px}
.player-link{margin:4px 0 18px}
.secnav{margin:20px 0 12px}

/* ============ cartões de vídeo na página de tema ============ */
.tv-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:12px; margin-bottom:10px}
.tv{display:flex; gap:14px; background:var(--glass); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--edge); padding:12px}
.tv:hover{border-color:var(--ink-3); text-decoration:none}
.tv-thumb{flex:0 0 116px; width:116px; aspect-ratio:16/9; border-radius:var(--r-sm); background:var(--surface-3) center/cover no-repeat; border:1px solid var(--line); display:grid; place-items:center}
.tv-thumb-x{font-family:var(--mono); font-size:13px; color:var(--ink-3)}
.tv-body{min-width:0; display:flex; flex-direction:column; gap:4px; flex:1}
.tv-title{font-weight:500; font-size:14.5px; line-height:1.25; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.tv-meta{font-family:var(--mono); font-size:11px; color:var(--ink-3)}
.tv-mix{margin-top:auto; padding-top:8px} .tv-mix .mix{height:6px}
.tv-leg{font-family:var(--mono); font-size:10.5px; color:var(--ink-3); margin-top:5px; line-height:1.4}
@media(max-width:420px){ .tv{flex-direction:column} .tv-thumb{width:100%; flex-basis:auto} }

/* ============ embed do Instagram ============ */
.player-wrap.ig{max-width:420px}
.ig-frame{aspect-ratio:auto; height:640px; max-width:420px; margin:0 auto; background:#000}
.ig-open{display:inline-block; margin-top:9px; font-family:var(--mono); font-size:11.5px; color:var(--accent-ink)}

/* ============ Upgrade: acessibilidade e sinais de confiança ============ */
/* Fase 5: ícone de forma por veredito (além de cor+texto), passa no teste em cinza */
.selo::before{content:""; width:auto; height:auto; border-radius:0; background:none !important; font-size:10px; font-weight:700; line-height:1}
.selo.correto::before{content:"✓"} .selo.impreciso::before{content:"≈"} .selo.falso::before{content:"✕"} .selo.especulacao::before{content:"?"} .selo.juizo::before,.selo.proposta::before{content:"•"}
/* Fase 5: foco de teclado visível */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ink); outline-offset:2px; border-radius:4px}
/* Fase 5: largura de leitura e âncoras */
.analise>p{max-width:68ch}
[id]{scroll-margin-top:78px}

/* Fase 1: ressalva de amostragem no placar */
.id-placar .amostra{font-size:11.5px; color:var(--ink-3); margin:10px 0 0; line-height:1.45}
.id-placar .amostra a{color:var(--accent-ink)}

/* Fase 2: data + autoria; correção por item */
.checa-meta{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin:12px 0 0}
.checa-meta b{color:var(--ink-2); font-weight:500}
.corrigido{margin:8px 0 0; font-size:12.5px; color:var(--imp); font-family:var(--mono)}

/* Fase 3: resposta do criador + link de contestação */
.resposta{background:var(--esp-bg); border:1px solid var(--esp-ln); border-left:3px solid var(--esp); border-radius:var(--r-lg); padding:14px 17px; margin:0 0 22px; box-shadow:var(--edge)}
.resposta-l{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--esp); display:block; margin-bottom:6px}
.resposta p{margin:0; color:var(--ink); font-size:14.5px; max-width:68ch}
.resposta-d{display:block; margin-top:7px; font-family:var(--mono); font-size:10.5px; color:var(--ink-3)}
.contestar-wrap{margin:30px 0 0; text-align:center}
.contestar-l{font-family:var(--mono); font-size:12px; color:var(--ink-2); border:1px solid var(--line); border-radius:var(--r-pill); padding:9px 16px; display:inline-block}
.contestar-l:hover{color:var(--ink); border-color:var(--ink-3); text-decoration:none}

/* ===== HOME v2 (portal editorial) ===== */
:root{ --esq:#7C88B0; --cen:#8C9199; --dir:#C9A883; }
.h-mission{border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.h-mission .in{display:flex;flex-direction:column;align-items:center;gap:9px;padding:22px 22px;text-align:center}
.h-mission .tagline{font-size:17px;font-weight:500;color:var(--ink-2);letter-spacing:-.01em;margin:0}
.h-mission .tagline b{color:var(--ink);font-weight:600}
.h-mission .nums{margin:0;display:flex;gap:0;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.h-mission .nums span{padding:0 14px;position:relative}
.h-mission .nums span+span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:var(--ink-3);opacity:.6}
.h-mission .nums b{color:var(--ink-2);font-weight:500}
.h-mission .nums .apart{color:var(--ink-2)}
.home2 section{padding:40px 0}
.h-blk{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.h-blk h2{font-size:20px;font-weight:700;letter-spacing:-.01em}
.h-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.h-sub{font-size:13px;color:var(--ink-3)} .h-mais{margin-left:auto;font-size:13px;color:var(--accent-ink)}
.h-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:11px;background:linear-gradient(160deg,#232833,#171b21);border:1px solid var(--line);color:var(--ink-2);flex:none}
.h-av.sm{width:26px;height:26px;font-size:9.5px}
.h-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(120% 130% at 30% 0%,#242a34,#0d1014);border:1px solid var(--line);background-size:cover;background-position:center}
.h-thumb.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,16,.05),rgba(11,13,16,.5))}
.h-play{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;background:rgba(12,14,17,.55);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;z-index:2}
.h-play::after{content:"";border-left:12px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.h-chip{position:absolute;top:9px;left:9px;z-index:2;font-family:var(--mono);font-size:10px;color:var(--ink-2);background:rgba(12,14,17,.72);padding:3px 8px;border-radius:5px;border:1px solid var(--line)}
.h-plat,.h-plat2{position:absolute;bottom:9px;right:9px;z-index:2;font-family:var(--mono);font-size:10px;color:var(--ink-3);background:rgba(12,14,17,.72);padding:2px 7px;border-radius:5px}
.h-mix{display:flex;border-radius:99px;overflow:hidden;background:var(--surface-3)}
.h-mix i{height:100%}.h-mix .ok{background:var(--ok)}.h-mix .imp{background:var(--imp)}.h-mix .no{background:var(--no)}.h-mix .esp{background:var(--esp)}
/* lead */
.h-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center;background:linear-gradient(180deg,#15191f,#111419);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--edge)}
.h-lead:hover{border-color:var(--ink-3);text-decoration:none}
.h-lead-thumb{display:block}
.h-who{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.h-who .h{font-weight:600;font-size:14px}.h-who .c{font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.h-lead h1{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.14;margin-bottom:15px;text-wrap:balance;color:var(--ink)}
.h-hook{border-radius:12px;padding:13px 15px;margin-bottom:15px;border:1px solid}
.h-hook.falso{background:var(--no-bg);border-color:var(--no-ln)} .h-hook.falso .l{color:var(--no)}
.h-hook.impreciso{background:var(--imp-bg);border-color:var(--imp-ln)} .h-hook.impreciso .l{color:var(--imp)}
.h-hook.correto{background:var(--ok-bg);border-color:var(--ok-ln)} .h-hook.correto .l{color:var(--ok)}
.h-hook.especulacao{background:var(--esp-bg);border-color:var(--esp-ln)} .h-hook.especulacao .l{color:var(--esp)}
.h-hook .l{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.h-hook p{font-size:14px;color:var(--ink);line-height:1.45}
.h-lead-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.h-tally{display:flex;gap:14px;font-family:var(--mono);font-size:12px;color:var(--ink-2)}.h-tally b{color:var(--ink)}
.h-go{margin-left:auto;font-size:13px;color:var(--accent-ink)}
/* factoide */
.h-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h-fcard{display:flex;flex-direction:column;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--edge)}
.h-fcard:hover{border-color:var(--ink-3);text-decoration:none}
.h-fcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.h-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.h-fcard h3{font-size:16px;font-weight:600;line-height:1.32;letter-spacing:-.01em;color:var(--ink)}
.h-note{font-size:12.5px;color:var(--ink-2);border-radius:9px;padding:9px 11px;line-height:1.45;border:1px solid var(--line-soft);background:var(--surface-2)}
.h-note.div{background:var(--imp-bg);border-color:var(--imp-ln)} .h-note.div b{color:var(--imp)}
.h-note.correto{background:var(--ok-bg);border-color:var(--ok-ln)} .h-note.impreciso{background:var(--imp-bg);border-color:var(--imp-ln)}
.h-spec{display:flex;flex-direction:column;gap:7px}
.h-spec-bar{display:flex;height:8px;border-radius:99px;overflow:hidden}
.h-spec-bar i.e{background:var(--esq)}.h-spec-bar i.c{background:var(--cen)}.h-spec-bar i.d{background:var(--dir)}
.h-spec-leg{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-3)}
.h-spec-note{font-size:12px;color:var(--ink-2);line-height:1.45}.h-spec-note b{color:var(--ink)}
.h-creators{display:flex;align-items:center;gap:9px;margin-top:auto}
.h-stack{display:flex}.h-stack .h-av{margin-left:-9px;border:2px solid var(--surface)}.h-stack .h-av:first-child{margin-left:0}
.h-cn{font-size:12px;color:var(--ink-2)}
/* feed */
.h-feed{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.h-vcard{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:var(--edge)}
.h-vcard:hover{border-color:var(--ink-3);text-decoration:none}
.h-vthumb{width:150px;flex:none}.h-vthumb .h-thumb{width:150px}
.h-vbody{display:flex;flex-direction:column;gap:8px;min-width:0}
.h-vbody .hh{font-size:12.5px;color:var(--ink-2)}
.h-vbody h4{font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.h-vfoot{margin-top:auto}.h-vfoot .h-mix{margin-bottom:6px}
.h-vleg{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}
/* ranking scorecard */
.h-rank{display:flex;flex-direction:column}
.h-rrow{display:grid;grid-template-columns:24px 40px 1fr auto;gap:15px;align-items:center;padding:14px 12px;border-radius:12px}
.h-rrow:hover{background:var(--surface);text-decoration:none} .h-rrow+.h-rrow{border-top:1px solid var(--line-soft)}
.h-pos{font-family:var(--mono);font-size:13px;color:var(--ink-3);text-align:center}
.h-rwho .h{font-weight:600;font-size:14.5px}.h-rwho .meta{font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.h-dist{display:flex;align-items:center;gap:14px}
.h-distbar{width:150px}
.h-distcnt{display:flex;gap:11px;font-family:var(--mono);font-size:11px}
.h-distcnt .ok{color:var(--ok)}.h-distcnt .imp{color:var(--imp)}.h-distcnt .no{color:var(--no)}
.h-idx{text-align:right;min-width:64px}.h-idx b{font-size:22px;font-weight:700}.h-idx .u{font-family:var(--mono);font-size:11px;color:var(--ink-3)}
.h-ranknote{margin-top:14px;font-size:12.5px;color:var(--ink-3)}.h-ranknote b{color:var(--ink-2)}
/* temas */
.h-temas{display:flex;gap:10px;flex-wrap:wrap}
.h-tpill{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 15px}
.h-tpill:hover{border-color:var(--ink-3);text-decoration:none}
.h-tpill .n{font-weight:600;font-size:14px}.h-tpill .c{font-family:var(--mono);font-size:11px;color:var(--ink-3)}
@media(max-width:900px){ .h-lead,.h-fgrid,.h-feed{grid-template-columns:1fr} .h-mission .nums{width:100%;margin-left:0;flex-wrap:wrap;gap:12px} .h-rrow{grid-template-columns:22px 34px 1fr}.h-dist{grid-column:2/4;justify-content:flex-start}.h-distbar{display:none} }

/* ===== LIGHT MODE (toggle: <html data-theme="light">) ===== */
:root[data-theme="light"]{
  --bg:#F6F6F3; --surface:#FFFFFF; --surface-2:#F0F0EB; --surface-3:#E7E7E1;
  --line:#E3E3DC; --line-soft:#ECECE6;
  --ink:#17191D; --ink-2:#54585F; --ink-3:#8A8F98;
  --accent:#2861EB; --accent-strong:#1E4FCF; --accent-ink:#1E4FCF; --accent-soft:#E8EEFC;
  --ok:#1E9E56; --ok-bg:#E7F5EC; --ok-ln:#BFE4CD;
  --imp:#A5761A; --imp-bg:#FBF3DE; --imp-ln:#EAD9AC;
  --no:#CE3B24; --no-bg:#FBE7E2; --no-ln:#F1C6BA;
  --esp:#6D4FD0; --esp-bg:#EEE9FB; --esp-ln:#D6C9F2;
  --op:#6B7079; --op-bg:#F0F0EB; --op-ln:#DDDDD6;
  --glass:linear-gradient(180deg,#FFFFFF 0%,#F7F7F3 100%);
  --edge:inset 0 1px 0 rgba(255,255,255,.7);
  --lift:0 1px 2px rgba(20,22,26,.06), 0 24px 50px -34px rgba(20,22,26,.18);
  --esq:#5D6C9E; --cen:#9AA0A9; --dir:#B98A54;
}
:root[data-theme="light"] body{
  background-image:radial-gradient(900px 500px at 82% -8%,rgba(40,97,235,.05),transparent 60%),radial-gradient(700px 500px at -10% 4%,rgba(95,207,142,.05),transparent 55%)}
:root[data-theme="light"] ::selection{background:rgba(40,97,235,.16)}
:root[data-theme="light"] .topbar{background:rgba(246,246,243,.82)}
:root[data-theme="light"] .av,:root[data-theme="light"] .big-av,:root[data-theme="light"] .p-av,:root[data-theme="light"] .h-av{background:linear-gradient(135deg,#EDEDE7,#E0E0D8)}
:root[data-theme="light"] .h-lead{background:var(--glass)}
:root[data-theme="light"] .h-thumb:not(.has-img){background:radial-gradient(120% 130% at 30% 0%,#EAEAE3,#D9D9D2)}
:root[data-theme="light"] .h-mission{background:linear-gradient(180deg,rgba(0,0,0,.015),transparent)}
/* pílulas sobre thumbnail continuam escuras (legíveis sobre a imagem do vídeo em ambos os modos) */

/* toggle de tema no topbar */
.tb-theme{background:transparent;border:1px solid var(--line);color:var(--ink-2);width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;padding:0}
.tb-theme:hover{color:var(--ink);border-color:var(--ink-3)}
.tb-theme svg{width:16px;height:16px;display:block}
.tb-theme .sun{display:none}.tb-theme .moon{display:block}
:root[data-theme="light"] .tb-theme .sun{display:block}:root[data-theme="light"] .tb-theme .moon{display:none}

/* ---- Leitura da narrativa (moldura do vídeo) ---- */
.leitura{margin:20px 0; padding:16px 18px 18px; border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:var(--r); background:var(--glass); box-shadow:var(--edge)}
.leitura-l{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); font-weight:600}
.leitura-sub{font-size:12px; color:var(--ink-3); margin:4px 0 0; line-height:1.5; max-width:64ch}
.leitura .tese{font-size:16.5px; line-height:1.55; margin:15px 0 16px; font-weight:500; color:var(--ink)}
.leitura .tese-l{display:block; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); font-weight:600; margin-bottom:5px}
.tecnicas{display:grid; gap:11px}
.tecnica{border:1px solid var(--line); border-radius:12px; padding:12px 13px; background:var(--surface-2)}
.tec-top{display:flex; align-items:center; gap:9px; margin-bottom:8px}
.tec-chip{font-family:var(--mono); font-size:11px; letter-spacing:.02em; padding:3px 10px; border-radius:999px; background:var(--surface-3); color:var(--ink-2); border:1px solid var(--line); white-space:nowrap}
.tec-trecho{margin:0 0 9px; padding:2px 0 2px 11px; border-left:2px solid var(--line); color:var(--ink-2); font-style:italic; font-size:13.5px; line-height:1.5}
.tec-falta{background:var(--surface-3); border:1px solid var(--line); border-radius:9px; padding:9px 11px}
.falta-l{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); font-weight:600; display:block; margin-bottom:4px}
.tec-falta p{margin:0 0 7px; font-size:13.5px; line-height:1.55; color:var(--ink)}
.moldura{margin-top:15px; padding:13px 14px; border-radius:11px; border:1px solid var(--line); background:var(--surface-2)}
.moldura-l{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); font-weight:600; display:block; margin-bottom:5px}
.moldura p{margin:0; font-size:14.5px; line-height:1.6; color:var(--ink)}
.tmin{font-family:var(--mono); font-size:11px; color:var(--ink-3); white-space:nowrap}

/* ---- selo de amostra/confiança do índice ---- */
.samp{display:inline-block; font-family:var(--mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; padding:2px 7px; border-radius:999px; border:1px solid var(--line); vertical-align:middle; white-space:nowrap; font-weight:500}
.samp.consolidado{color:var(--ok); border-color:var(--ok-ln); background:var(--ok-bg)}
.samp.inicial{color:var(--ink-3); border-color:var(--line); background:var(--surface-3)}
.gauge-samp{margin-top:9px; text-align:center}

/* ---- página /tecnicas/ ---- */
.tp-bars{display:flex;flex-direction:column;gap:1px;margin:4px 0 30px;border:1px solid var(--line);border-radius:var(--r);padding:9px 11px;background:var(--glass)}
.tp-bar-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr 34px;align-items:center;gap:12px;padding:5px 4px;border-radius:6px;color:inherit}
.tp-bar-row:hover{background:var(--surface-2);text-decoration:none}
.tp-bar-l{font-size:13px;color:var(--ink-2)}
.tp-bar-t{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.tp-bar-t i{display:block;height:100%;background:var(--accent)}
.tp-bar-n{font-family:var(--mono);font-size:12px;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}
.tp-sec{border-top:1px solid var(--line-soft);padding:22px 0}
.tp-sec-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.tp-sec-h h2{font-size:20px}
.tp-count{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.tp-def{color:var(--ink-2);font-size:15px;margin:6px 0 10px;max-width:64ch}
.tp-quem{font-size:13.5px;color:var(--ink-2);margin:0 0 14px}
.tp-quem-l{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}
.tp-exs{display:grid;gap:10px}
.tp-ex{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--surface-2)}
.tp-ex-h{font-size:13px;margin-bottom:6px}
.tp-ex-h a{font-weight:600}
.tp-ex-v{color:var(--ink-3)}
.tp-ex blockquote{margin:0 0 7px;padding-left:11px;border-left:2px solid var(--line);color:var(--ink-2);font-style:italic;font-size:13.5px}
.tp-ex-f{background:var(--surface-3);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--ink)}
.tp-ex-f span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
/* ---- bloco Narrativa no criador ---- */
.narr{margin:10px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass)}
.narr-l{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
.narr-sub{font-size:12.5px;color:var(--ink-3);margin:3px 0 11px}
.narr-chips{display:flex;flex-wrap:wrap;gap:7px}
.narr-chip{font-family:var(--mono);font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);color:var(--ink-2)}
.narr-chip:hover{border-color:var(--accent);text-decoration:none}
.narr-chip b{color:var(--ink);font-weight:600}