:root { --bg:#050507; --fg:#e8ecf4; --dim:#7d8597; --linha:rgba(232,236,244,.14); --card:rgba(255,255,255,.04); --acento:#b7ff3c; --disp:"Space Grotesk",system-ui,sans-serif; --txt:"IBM Plex Mono",Consolas,monospace; }
  body { font-size:13px; }
  .marca { font:700 15px/1 var(--disp); letter-spacing:.3em; color:var(--acento); }
  .hero-nome { font:700 clamp(44px,9.5vw,150px)/.85 var(--disp); letter-spacing:-.04em; color:#fff; }
  .hero-slogan { font:500 clamp(13px,1.3vw,16px) var(--txt); color:var(--acento); letter-spacing:.08em; text-transform:uppercase; }
  .hero { background:var(--bg); } .hero .palco { position:absolute; inset:0; } .hero-moldura { position:absolute; inset:0; } .hero .texto { position:absolute; left:32px; right:32px; bottom:40px; }
  .hero .texto p { max-width:62ch; }
  .placa-n { font:500 11px var(--txt); letter-spacing:.2em; text-transform:uppercase; color:var(--acento); }
  .fig { background:var(--card); border:1px solid var(--linha); border-radius:6px; } .fig h3 { font:700 22px/1.1 var(--disp); color:#fff; } .fig em { font:400 12px var(--txt); color:var(--acento); font-style:normal; }
  h2.secao { font:700 clamp(34px,4vw,60px)/.95 var(--disp); letter-spacing:-.03em; color:#fff; }
  .vitrine, .corpo { box-shadow:none; border:1px solid var(--linha); } .conversa { background:var(--card); } .balao { background:#0e1016; border-color:var(--linha); color:var(--fg); } .balao.visitante { background:#15200a; border-color:#3b5a12; } .caixa { background:#0b0d12; } .caixa input { color:#fff; } .caixa button { background:var(--acento); color:#000; }
  nav button[aria-selected="true"] { color:#000; background:var(--acento); border-color:var(--acento); }
  .vitais b, .num { color:#fff; }
  
  * { box-sizing:border-box; } html, body { margin:0; height:100%; background:var(--bg); color:var(--fg); font-family:var(--txt); overflow:hidden; }
  body { display:flex; flex-direction:column; } header { flex:none; height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 32px; border-bottom:1px solid var(--linha); z-index:5; position:relative; background:var(--bg); }
  main { flex:1; min-height:0; position:relative; }
  nav { display:flex; gap:4px; } nav button { background:none; border:1px solid transparent; border-radius:999px; padding:8px 16px; font:500 13px var(--txt); color:var(--dim); cursor:pointer; }
  .live { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--dim); } .live i { width:8px; height:8px; border-radius:50%; background:#666; } .live.on i { background:#1f9d55; box-shadow:0 0 0 4px rgba(31,157,85,.2); } .live.on b { color:#1f9d55; }
  [data-painel] { position:absolute; inset:0; padding:22px 32px; overflow:hidden; } [hidden] { display:none !important; }
  /* abertura */
  .hero { padding:0 !important; } .hero .palco canvas { position:absolute; inset:0; width:100%; height:100%; display:block; cursor:grab; }
  .hero .texto { z-index:2; pointer-events:none; } .hero .texto .cta { pointer-events:auto; display:inline-block; margin-top:18px; padding:12px 22px; border-radius:999px; background:var(--fg); color:var(--bg); font:600 13px var(--txt); letter-spacing:.04em; text-decoration:none; cursor:pointer; border:0; }
  .hero .texto p { margin:12px 0 0; font:400 clamp(14px,1.2vw,17px)/1.5 var(--txt); }
  .hero .numeros { position:absolute; right:32px; top:88px; z-index:2; text-align:right; pointer-events:none; } .hero .numeros b { display:block; font:500 clamp(28px,3vw,44px)/1 var(--disp); } .hero .numeros span { display:block; font:400 12px var(--txt); color:var(--dim); margin-top:4px; margin-bottom:14px; }
  /* história = blueprint + placas compactas */
  .historia { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:14px; height:100%; }
  .bp-cab { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; } .bp-cab p { margin:0; max-width:56ch; font:400 13px/1.5 var(--txt); color:var(--dim); }
  .bp { min-height:0; position:relative; overflow:hidden; border:1px solid var(--linha); border-radius:6px; background:#050507; } .bp-svg { width:100%; height:100%; display:block; }
  .bp-col { font:600 11px var(--txt); letter-spacing:.2em; fill:var(--acento); } .bp-t { font:700 13px var(--disp); fill:#fff; } .bp-l { font:400 11px var(--txt); fill:var(--dim); } .bp-centro { text-anchor:middle; } .bp-lima { fill:var(--acento); } .bp-dim { fill:rgba(125,133,151,.8); }
  .bp-caixa rect { fill:rgba(255,255,255,.035); stroke:rgba(232,236,244,.22); stroke-width:1; } .bp-mente rect { stroke:var(--acento); fill:rgba(183,255,60,.06); }
  .bp-copia rect { fill:rgba(255,255,255,.03); stroke:rgba(232,236,244,.18); stroke-dasharray:4 3; } .bp-copia.ocupada rect { stroke-dasharray:none; stroke:var(--c, var(--acento)); fill:rgba(255,255,255,.05); } .bp-copia.ocupada .bp-tk { fill:var(--c, var(--acento)); }
  .bp-fiacao > rect { fill:rgba(183,255,60,.04); stroke:var(--acento); stroke-width:1.2; } .bp-malha { stroke:rgba(183,255,60,.25); stroke-width:1; } .bp-no { fill:var(--acento); opacity:.8; }
  .bp-seta { fill:none; stroke:rgba(232,236,244,.35); stroke-width:1.2; } .bp-forte { stroke:rgba(232,236,244,.7); stroke-width:2; } .bp-tracejada { stroke-dasharray:5 4; } .bp-dupla { stroke:rgba(232,236,244,.28); }
  .bp-laco { fill:none; stroke:rgba(183,255,60,.35); stroke-width:1.4; } .bp-onda { stroke:rgba(183,255,60,.22); } .bp-ponto { fill:var(--acento); filter:drop-shadow(0 0 4px rgba(183,255,60,.9)); }
  .bp-legenda text { fill:var(--acento); font-size:11px; }
  .figs-mini .fig img { aspect-ratio:16/7; } .figs-mini .fig h3 { font-size:16px; } .figs-mini .fig p { font-size:12.5px; } .figs-mini .fig > div { padding:10px 14px 12px; gap:4px; }
  @media (max-width:860px) { .historia { display:flex; flex-direction:column; } .bp { overflow:auto; flex:none; height:420px; } .bp-svg { min-width:1200px; height:100%; } .bp-cab { flex-direction:column; align-items:flex-start; gap:8px; } .figs-mini { grid-template-columns:1fr 1fr; } } .figs { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; min-height:0; }
  .fig { display:flex; flex-direction:column; overflow:hidden; } .fig img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; } .fig > div { padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; } .fig p { margin:0; font:400 13.5px/1.5 var(--txt); color:var(--dim); } .fig h3 { margin:0; }
  /* ao vivo */
  .grade { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; gap:18px 28px; height:100%; }
  .vitrine, .corpo { position:relative; aspect-ratio:4/3; max-height:52vh; width:100%; justify-self:center; background:#07090f; border-radius:14px; overflow:hidden; box-shadow:0 30px 80px -30px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06); }
  .vitrine canvas, .corpo canvas { position:absolute; inset:0; width:100%; height:100%; display:block; cursor:grab; }
  .placa { position:absolute; left:18px; bottom:16px; color:#cfd6e6; font:500 11px/1.4 var(--txt); letter-spacing:.14em; text-transform:uppercase; opacity:.85; pointer-events:none; } .placa small { display:block; letter-spacing:.04em; text-transform:none; opacity:.7; }
  .conversa { display:flex; flex-direction:column; min-height:0; border:1px solid var(--linha); border-radius:14px; background:var(--card); overflow:hidden; }
  .conversa h4 { margin:0; padding:10px 14px; font:600 11px var(--txt); letter-spacing:.18em; text-transform:uppercase; color:var(--dim); border-bottom:1px solid var(--linha); }
  #baloes { flex:1; min-height:0; overflow:auto; padding:10px 14px; display:flex; flex-direction:column; gap:8px; }
  .balao { align-self:flex-start; max-width:85%; background:#fff; border:1px solid var(--linha); color:#17150f; padding:8px 12px; border-radius:14px; font:14px/1.4 var(--txt); }
  .balao.visitante { align-self:flex-end; background:#e9eefb; border-color:#cfd9f5; } .balao b { display:block; font:600 10px var(--txt); letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin-bottom:2px; }
  .balao.cerebro { font-family:var(--disp); font-style:italic; font-size:16px; } .balao.pensando { color:var(--dim); font-style:italic; background:transparent; border-style:dashed; }
  .caixa { display:flex; gap:8px; border-top:1px solid var(--linha); padding:8px 8px 8px 14px; background:#fff; } .caixa input { flex:1; background:none; border:0; outline:0; color:#17150f; font:14px var(--txt); min-width:0; } .caixa input::placeholder { color:#9a948a; }
  .caixa button { background:#17150f; color:#fff; border:0; border-radius:999px; padding:8px 16px; font:600 13px var(--txt); cursor:pointer; } .caixa button:disabled { opacity:.5; } .caixa small { align-self:center; color:var(--dim); font-size:11px; white-space:nowrap; padding-right:6px; }
  .lado { display:flex; flex-direction:column; min-height:0; gap:10px; overflow:hidden; } .lado > * { flex:none; } .lado .num { font-size:clamp(28px,2.6vw,42px); } .lado .num small { margin-top:2px; } .lado .agora { flex:1 1 auto; min-height:0; overflow:hidden; } .lado .chips { flex:none; }
  .num { font:300 clamp(36px,3.6vw,56px)/1 var(--disp); letter-spacing:-.02em; } .num small { display:block; font:400 12px/1.45 var(--txt); color:var(--dim); margin-top:4px; }
  .vitais { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; border-top:1px solid var(--linha); padding-top:14px; } .vitais div b { display:block; font:500 22px/1 var(--txt); } .vitais div span { font-size:12px; color:var(--dim); }
  .agora { border-top:1px solid var(--linha); padding-top:10px; min-height:0; } .agora h4 { margin:0 0 8px; font:600 11px var(--txt); letter-spacing:.18em; text-transform:uppercase; color:var(--dim); } .agora p { margin:0 0 3px; font-size:13px; } .agora p em { font-family:var(--disp); font-style:italic; font-size:15px; } .agora p span { color:var(--dim); }
  .chips { display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:6px; } .chips span { font-size:11px; color:var(--dim); display:flex; align-items:center; gap:6px; } .chips s { text-decoration:none; width:9px; height:9px; border-radius:50%; display:inline-block; } .chips span.hot { color:var(--fg); font-weight:600; }
  .sentidos-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid var(--linha); padding-top:10px; }
  .sentidos-nav button { background:none; border:1px solid var(--linha); color:var(--fg); border-radius:999px; padding:6px 12px; font:500 12px var(--txt); cursor:pointer; } .sentidos-nav button.on { border-color:var(--acento); color:var(--acento); }
  .sentidos-nav .clima { font-size:12px; color:var(--dim); margin-left:auto; }
  nav a.lancar { margin-left:8px; padding:8px 14px; border-radius:999px; background:var(--acento); color:#000; font:600 13px var(--txt); text-decoration:none; }
  .agentes-cab { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; } .agentes-cab .cta { padding:12px 22px; border-radius:999px; background:var(--fg); color:var(--bg); font:600 13px var(--txt); text-decoration:none; white-space:nowrap; }
  .agentes { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; } .agentes .vazio { color:var(--dim); font-size:14px; grid-column:1 / -1; }
  .ag { display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid var(--linha); border-radius:12px; background:var(--card); text-decoration:none; color:var(--fg); border-top:3px solid var(--c, var(--linha)); }
  .ag .topo { display:flex; align-items:center; gap:10px; } .ag img, .ag .sem { width:44px; height:44px; border-radius:10px; object-fit:cover; background:#222; display:block; } .ag b { font:700 16px var(--disp); display:block; } .ag small { color:var(--dim); font-size:12px; }
  .ag .pers { font-size:13px; color:var(--dim); line-height:1.45; } .ag .num { font:500 13px var(--txt); display:flex; gap:12px; letter-spacing:0; } .ag .num span { color:var(--dim); }
  .ag.livre { border-style:dashed; align-items:center; justify-content:center; text-align:center; min-height:150px; color:var(--dim); } .ag.livre b { font:700 15px var(--disp); color:var(--fg); }
  .form { display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:1100px; } .form label { display:block; font:600 11px var(--txt); letter-spacing:.16em; text-transform:uppercase; color:var(--dim); margin:14px 0 6px; }
  .form input[type=text], .form input[type=number], .form textarea { width:100%; background:var(--card); border:1px solid var(--linha); border-radius:10px; color:var(--fg); font:14px var(--txt); padding:10px 12px; outline:0; } .form textarea { min-height:90px; resize:vertical; }
  .form input:focus, .form textarea:focus { border-color:var(--acento); } .form .cores { display:flex; gap:8px; flex-wrap:wrap; } .form .cores button { width:30px; height:30px; border-radius:50%; border:2px solid transparent; cursor:pointer; } .form .cores button.on { border-color:#fff; }
  .form .foto { border:1px dashed var(--linha); border-radius:12px; height:140px; display:flex; align-items:center; justify-content:center; color:var(--dim); font-size:13px; cursor:pointer; background-size:cover; background-position:center; } .form .foto.tem { color:transparent; }
  .form .bt { margin-top:18px; padding:14px 24px; border-radius:999px; border:0; background:var(--acento); color:#000; font:700 14px var(--txt); cursor:pointer; } .form .bt:disabled { opacity:.45; cursor:default; }
  .form .estado { margin-top:10px; font-size:13px; color:var(--dim); min-height:18px; } .form .regras { font-size:13px; color:var(--dim); line-height:1.6; } .form .regras b { color:var(--fg); }
  .ag-cab { display:flex; align-items:center; gap:16px; margin-bottom:12px; } .ag-cab img { width:56px; height:56px; border-radius:14px; object-fit:cover; } .ag-cab h1 { margin:0; font:700 clamp(28px,3vw,44px)/1 var(--disp); } .ag-cab .ca { font:12px var(--txt); color:var(--dim); } .ag-cab .ca button { background:none; border:1px solid var(--linha); color:var(--fg); border-radius:999px; padding:3px 10px; font:11px var(--txt); cursor:pointer; margin-left:6px; }
  .trades { font-size:12px; color:var(--dim); display:flex; flex-direction:column; gap:3px; max-height:120px; overflow:auto; } .trades b.buy { color:#4bd39b; } .trades b.sell { color:#ff6b6b; }
  @media (max-width:860px) { .agentes { grid-template-columns:1fr; } .form { grid-template-columns:1fr; } nav a.lancar { margin-left:0; } .agentes-cab { flex-direction:column; align-items:flex-start; } }
  /* palco dos agentes + rede da mente coletiva */
  .palco-aba { padding:0 !important; } .palco-moldura { position:absolute; inset:0; background:#07090f; } .palco-moldura canvas { position:absolute; inset:0; width:100%; height:100%; display:block; cursor:grab; }
  #palcoTags { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
  .palco-rodape { position:absolute; left:32px; right:32px; bottom:18px; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) 320px 290px; gap:28px; align-items:end; pointer-events:none; }
  .palco-cab { max-width:460px; } .palco-cab h2 { margin:8px 0 8px; font-size:clamp(26px,2.6vw,40px); } .palco-cab p { margin:0 0 12px; font:400 12.5px/1.5 var(--txt); color:var(--dim); }
  .vista-caixa .vista { margin-top:8px; pointer-events:auto; }
  .palco-cab .cta { pointer-events:auto; display:inline-block; padding:12px 22px; border-radius:999px; background:var(--acento); color:#000; font:600 13px var(--txt); text-decoration:none; }
  .rede-caixa { width:290px; } .rede-area { height:250px; position:relative; margin-top:8px; } .rede-area canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
  @media (max-width:860px) { .palco-rodape { left:16px; right:16px; bottom:12px; display:block; } .palco-cab { max-width:100%; } .palco-cab p { display:none; } .rede-caixa, .vista-caixa { display:none; } }
  /* pílula do CA (ca.js): pequena, ao lado da marca; aparece só com TOKEN_MINT */
  .marca-grupo { display:flex; align-items:center; gap:14px; min-width:0; }
  .ca-pill { display:inline-flex; align-items:center; gap:8px; padding:4px 6px 4px 10px; border:1px solid var(--linha); border-radius:999px; font:500 11px var(--txt); color:var(--dim); white-space:nowrap; }
  .ca-pill .ca-rot { color:var(--acento); letter-spacing:.14em; } .ca-pill code { font:500 12px var(--txt); color:var(--fg); }
  .ca-pill .ca-copiar { background:var(--acento); color:#000; border:0; border-radius:999px; padding:3px 9px; font:600 11px var(--txt); cursor:pointer; }
  .ca-pill a { color:var(--fg); text-decoration:none; } .ca-pill a:hover { color:var(--acento); } .ca-pill .ca-x { display:inline-flex; align-items:center; padding:0 4px; } .ca-pill.so-x { padding:5px 7px; }
  @media (max-width:860px) { .ca-pill { gap:6px; padding:3px 5px 3px 8px; } .ca-pill .ca-pump { display:none; } }
  /* a janela de navegação (vista.js) */
  .vista { display:flex; flex-direction:column; background:#0b0d12; border:1px solid var(--linha); border-radius:10px; overflow:hidden; }
  .vista-barra { display:flex; align-items:center; gap:8px; padding:6px 10px; border-bottom:1px solid var(--linha); font:11px var(--txt); color:var(--dim); } .vista-barra i { flex:none; width:7px; height:7px; border-radius:50%; background:#444; } .vista.lendo .vista-barra i { background:var(--acento); box-shadow:0 0 0 3px rgba(183,255,60,.2); animation:vistaVivo 1.2s ease-in-out infinite; }
  .vista-url { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fg); } .vista-quem { color:var(--c, var(--acento)); font-weight:600; }
  .vista-tela { position:relative; aspect-ratio:16/10; background:#000; } .vista-tela img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; opacity:0; transition:opacity .25s; } .vista.tem .vista-tela img { opacity:1; }
  .vista-vazio { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:18px; font:12px/1.5 var(--txt); color:var(--dim); } .vista.tem .vista-vazio { display:none; }
  .vista-pe { display:flex; justify-content:space-between; gap:10px; padding:5px 10px; font:10px var(--txt); color:var(--dim); letter-spacing:.06em; text-transform:uppercase; } .vista-pe span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  @keyframes vistaVivo { 0%, 100% { opacity:1; } 50% { opacity:.4; } }
  .texto { max-width:68ch; font-size:16px; line-height:1.65; } .texto h3 { font:600 11px var(--txt); letter-spacing:.18em; text-transform:uppercase; color:var(--dim); margin:24px 0 8px; } .texto p { margin:0 0 10px; }
  .duas { display:grid; grid-template-columns:1fr 1fr; gap:40px; height:100%; overflow:hidden; } .duas > div { overflow:auto; }
  table { border-collapse:collapse; width:100%; font-size:14px; } td, th { text-align:left; padding:10px 12px 10px 0; border-bottom:1px solid var(--linha); vertical-align:top; } th { font:600 11px var(--txt); letter-spacing:.16em; text-transform:uppercase; color:var(--dim); } td.n { text-align:right; font-variant-numeric:tabular-nums; }
  @media (max-width:860px) { header { padding:0 16px; height:auto; flex-wrap:wrap; gap:4px 10px; padding:10px 16px 8px; } nav { order:3; width:100%; justify-content:space-between; flex-wrap:wrap; } nav button { padding:6px 8px; font-size:12px; } .live span { display:none; }
    [data-painel] { padding:14px 16px; overflow:auto; } .hero .texto { left:16px; right:16px; bottom:20px; } .hero .numeros { display:none; } .hero-moldura { inset:12px 12px 190px !important; }
    .figs { grid-template-columns:1fr 1fr; } .grade { display:flex; flex-direction:column; height:auto; gap:14px; } .vitrine, .corpo { aspect-ratio:auto; height:44vh; max-height:none; flex:none; } .conversa { flex:none; height:300px; } .duas { grid-template-columns:1fr; } }