:root{--fundo:#060913;--fundo2:#0B1230;--sup:#10193B;--sup2:#16224E;--texto:#EEF1FA;--texto2:#9DA8CC;--linha:#22305F;--marca:#5B8CFF;--marca2:#8F6BFF;--ok:#3FD08F;--erro:#FF6F7D;--aviso:#F5C451}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.55;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
h1,h2,h3,.dsp{font-family:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;letter-spacing:-.03em;line-height:1.1}
h1{font-size:clamp(1.7rem,5vw,2.3rem);font-weight:800;margin:0 0 .5rem}
h2{font-size:1.2rem;font-weight:700;margin:0 0 .8rem}
a{color:var(--marca)} :focus-visible{outline:3px solid var(--marca);outline-offset:3px;border-radius:4px}
.topo{position:sticky;top:0;z-index:20;background:rgba(6,9,19,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo .in{max-width:44rem;margin:0 auto;display:flex;align-items:center;gap:.8rem;padding:.7rem 1.1rem}
.topo img{height:24px}.topo .prod{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;color:var(--marca);font-size:.95rem}
.topo .dir{margin-left:auto;display:flex;align-items:center;gap:.6rem;font-size:.88rem}
.pill{background:var(--sup);border:1px solid var(--linha);border-radius:999px;padding:.3rem .7rem;color:var(--texto2);text-decoration:none}
.pill b{color:var(--marca)}
main{max-width:44rem;margin:0 auto;padding:1.5rem 1.1rem 4rem}
.cartao{background:var(--sup);border:1px solid var(--linha);border-radius:18px;padding:1.4rem;margin-bottom:1rem}
.campo{margin-bottom:1rem}.campo label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.35rem}
.campo input,.campo select{width:100%;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--linha);background:var(--fundo2);color:var(--texto);font:inherit}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--marca)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;background:var(--marca);color:#fff;border:0;border-radius:12px;padding:.9rem 1.3rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)} .btn.cheio{width:100%} .btn.vazado{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1px var(--linha)}
.nota{font-size:.88rem;color:var(--texto2)} .erro{color:var(--erro);font-size:.9rem;margin:.3rem 0 0}
.aviso{background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.4);color:#F8DC8F;border-radius:12px;padding:.8rem 1rem;font-size:.92rem;margin-bottom:1rem}
.codigo{font-family:"Bricolage Grotesque",sans-serif;font-size:1.6rem;letter-spacing:.3em;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.chip{position:relative}.chip input{position:absolute;opacity:0}
.chip span{display:block;border:1px solid var(--linha);background:var(--fundo2);border-radius:999px;padding:.55rem 1rem;font-weight:600;cursor:pointer;font-size:.95rem}
.chip input:checked+span{background:var(--marca);border-color:var(--marca);color:#fff}
.chip input:focus-visible+span{outline:3px solid var(--marca);outline-offset:2px}
.grande{display:block;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--marca),var(--marca2));border-radius:20px;padding:1.4rem;margin-bottom:1rem}
.grande .dsp{font-size:1.45rem;font-weight:800}.grande p{margin:.3rem 0 0;opacity:.9}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}
.numeros div{background:var(--sup);border:1px solid var(--linha);border-radius:14px;padding:.9rem;text-align:center}
.numeros b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:1.6rem;font-weight:800}.numeros span{font-size:.8rem;color:var(--texto2)}
.lista a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--linha);color:var(--texto);text-decoration:none}
.progresso{height:6px;background:var(--linha);border-radius:6px;overflow:hidden;margin:.5rem 0 1.2rem}.progresso i{display:block;height:100%;background:linear-gradient(90deg,var(--marca),var(--marca2))}
.cab-q{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--texto2)}
.enun{white-space:pre-wrap;font-size:1rem;margin:0 0 1rem}
.original{width:100%;border-radius:12px;background:#fff;margin:0 0 1rem}
details.orig{margin-bottom:1rem}details.orig summary{cursor:pointer;color:var(--marca);font-size:.9rem}
.alts{display:grid;gap:.55rem}
.alt{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;align-items:start;width:100%;text-align:left;background:var(--fundo2);border:1px solid var(--linha);border-radius:12px;padding:.85rem .9rem;color:var(--texto);font:inherit;cursor:pointer}
.alt:hover:not([disabled]){border-color:var(--marca)}
.alt .l{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;color:var(--marca)}
.alt.certa{border-color:var(--ok);background:rgba(63,208,143,.12)}.alt.certa .l{color:var(--ok)}
.alt.errada{border-color:var(--erro);background:rgba(255,111,125,.12)}.alt.errada .l{color:var(--erro)}
.alt[disabled]{cursor:default}
.veredito{border-radius:12px;padding:.9rem 1rem;margin:1rem 0;font-weight:600}
.veredito.ok{background:rgba(63,208,143,.12);color:var(--ok)}.veredito.nao{background:rgba(255,111,125,.12);color:var(--erro)}
.fonte{font-size:.82rem;color:var(--texto2);margin-top:.8rem}
.placar{text-align:center;padding:1.5rem 1rem}.placar .dsp{font-size:3.2rem;font-weight:800}
.linha-r{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--linha);font-size:.93rem}
.bola{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:none}
.bola.ok{background:rgba(63,208,143,.18);color:var(--ok)}.bola.nao{background:rgba(255,111,125,.18);color:var(--erro)}.bola.pend{background:var(--linha);color:var(--texto2)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.barra-l{margin:.75rem 0}.barra-t{display:flex;justify-content:space-between;gap:1rem;font-size:.93rem;margin-bottom:.3rem}
.barra{height:8px;background:var(--linha);border-radius:8px;overflow:hidden}.barra i{display:block;height:100%;background:var(--marca);border-radius:8px}
.dias{display:grid;grid-template-columns:repeat(14,1fr);gap:.3rem;align-items:end;height:110px}
.dias div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:.25rem}
.dias i{display:block;width:100%;background:linear-gradient(var(--marca2),var(--marca));border-radius:4px 4px 0 0}
.dias span{font-size:.68rem;color:var(--texto2)}
.aviso-v{background:rgba(91,140,255,.12);border:1px solid rgba(91,140,255,.35);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.93rem}
.atalhos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem}
.atalhos a{background:var(--sup);border:1px solid var(--linha);border-radius:14px;padding:1rem;color:var(--texto);text-decoration:none;font-weight:700}
.atalhos a span{display:block;font-weight:400;font-size:.85rem;color:var(--texto2);margin-top:.2rem}
.pill.ativo{background:var(--marca);color:#fff;border-color:var(--marca)}
.tema{padding:1.1rem 1.2rem}.tema-t{display:flex;gap:.8rem;align-items:flex-start;font-size:.97rem;line-height:1.45}
.rank{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--sup2);display:grid;place-items:center;font-weight:800;font-family:"Bricolage Grotesque",sans-serif;font-size:.9rem}
.tema-m{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;font-size:.85rem;color:var(--texto2);margin:.7rem 0 .5rem 2.7rem}
.tag{font-size:.76rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:var(--sup2);color:var(--texto2)}
.tag.subindo{background:rgba(63,208,143,.15);color:var(--ok)}.tag.caindo{background:rgba(255,111,125,.12);color:var(--erro)}
.tag.bom{background:rgba(63,208,143,.15);color:var(--ok)}.tag.fraco{background:rgba(245,196,81,.15);color:var(--aviso)}
.tema .barra{margin-left:2.7rem}.tema form{margin-left:2.7rem}.tema .btn{padding:.55rem 1rem;font-size:.9rem}
.atalho-b{width:100%;height:100%;text-align:left;background:var(--sup);border:1px solid var(--linha);border-radius:14px;padding:1rem;color:var(--texto);font:inherit;font-weight:700;cursor:pointer}
.atalho-b span{display:block;font-weight:400;font-size:.85rem;color:var(--texto2);margin-top:.2rem}.atalho-b:hover{border-color:var(--marca)}
.conversa{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}
.msg{border-radius:14px;padding:.8rem 1rem;max-width:88%;font-size:.97rem;white-space:pre-wrap;word-wrap:break-word}
.msg.eu{align-self:flex-end;background:var(--sup2)}.msg.ia{align-self:flex-start;background:var(--sup);border:1px solid var(--linha);white-space:normal}
.msg.sistema{align-self:center;background:rgba(245,196,81,.1);border:1px dashed rgba(245,196,81,.4);color:#F8DC8F;font-size:.88rem;max-width:100%}
.md p{margin:.4rem 0}.md p:first-child{margin-top:0}.md ul,.md ol{margin:.3rem 0;padding-left:1.3rem}.md code{background:var(--fundo2);padding:.1rem .3rem;border-radius:4px}
.anexo{display:block;margin-top:.4rem;font-size:.85rem}
.compor{position:sticky;bottom:0;background:var(--fundo);padding:.8rem 0 calc(.8rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha)}
.compor textarea,.campo textarea{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--linha);background:var(--fundo2);color:var(--texto);font:inherit;resize:vertical}
.compor-l{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.5rem}
.clip{font-size:.88rem;color:var(--marca);cursor:pointer}.clip input{display:none}.clip[data-n]:not([data-n=""])::after{content:": " attr(data-n);color:var(--texto2)}
.coment{background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.3);border-radius:12px;padding:1rem;margin-top:1rem}
.plano-esc{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-color:var(--marca)}
.plano-esc span{display:block;margin-top:.2rem}.preco-p{font-family:"Bricolage Grotesque",sans-serif;font-size:1.6rem;font-weight:800;white-space:nowrap}.preco-p small{font-size:.85rem;color:var(--texto2);font-weight:500}
.duas-c{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}