/* X intel (xintel.js): key followers / renames / posted contracts of a coin's X account, via Alphagate.
   On the X hover card (.xi.xi-card, under the profile), in the token header (.xi-chip after the X chip) and as a
   panel in the token page's right column (#xintel). Built on the page tokens, so the motion design (m2) and the
   classic theme both read it; the motion design gets its fonts and accent. */
.xi{--xi-acc:var(--accent,var(--green,#34d17b));--xi-acc-bg:var(--accent-bg,rgba(52,209,123,.12));--xi-acc-line:var(--accent-line,rgba(52,209,123,.4));
  --xi-warn:var(--yellow,#f2c14e);--xi-warn-bg:var(--yellow-bg,rgba(242,193,78,.12));--xi-warn-line:var(--yellow-line,rgba(242,193,78,.4));
  --xi-bad:var(--red,#ff5c5c);--xi-bad-bg:var(--red-bg,rgba(255,92,92,.12));--xi-box:var(--card,#131315);--xi-line:var(--line,#1f1f23);--xi-mono:var(--mono,ui-monospace,Menlo,monospace);
  display:flex;flex-direction:column;gap:12px;font-size:12.5px;line-height:1.35;color:var(--text);min-width:0}
.xi[hidden]{display:none}
.xi svg{width:13px;height:13px;flex:none}

/* pills: key followers (accent), Prev (amber), posted this CA, contracts, communities */
.xi-pills{display:flex;flex-wrap:wrap;gap:6px}
.xi-pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2,#2b2b31);background:transparent;color:var(--sub-2,#d2d2ce);font:500 12px/1 var(--font,inherit);white-space:nowrap;max-width:100%;min-width:0}
.xi-pill b{font-family:var(--xi-mono);font-weight:600;color:var(--text)}
.xi-pill i{font-style:normal;font-family:var(--xi-mono);font-size:11px;opacity:.85}
button.xi-pill{cursor:pointer;transition:border-color .15s,background .15s} button.xi-pill:hover{border-color:var(--sub,#9c9c9a)}
button.xi-pill:focus-visible,.xi-more:focus-visible,.xi-cp:focus-visible,.xi-chip:focus-visible{outline:2px solid var(--xi-acc);outline-offset:2px}
.xi-kf{color:var(--sub,#9c9c9a)} .xi-kf b{color:var(--sub-2,#d2d2ce)}
.xi-kf.on{color:var(--xi-acc);border-color:var(--xi-acc-line);background:var(--xi-acc-bg)} .xi-kf.on b{color:var(--xi-acc)} .xi-kf.on:hover{border-color:var(--xi-acc)}
.xi-prev{color:var(--xi-warn);border-color:var(--xi-warn-line);background:var(--xi-warn-bg)} .xi-prev b{color:var(--xi-warn);font-family:inherit}
.xi-prev .xi-pn{overflow:hidden;text-overflow:ellipsis;min-width:0;font-family:var(--xi-mono);font-size:11.5px}
.xi-ok{color:var(--green,#34d17b);border-color:var(--green-line,rgba(52,209,123,.4));background:var(--green-bg,rgba(52,209,123,.12))}
.xi-bad{color:var(--xi-bad);border-color:rgba(255,92,92,.45);background:var(--xi-bad-bg)}

/* sections */
.xi-sec{display:flex;flex-direction:column;gap:6px;min-width:0}
.xi-sh{display:flex;align-items:center;gap:6px;font:600 10.5px/1 var(--xi-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#5f5f63)}
.xi-sh b{color:var(--sub-2,#d2d2ce);font-weight:600;letter-spacing:0}
.xi-stack{margin-left:auto;display:inline-flex;padding-left:6px}
.xi-stack .xi-av{margin-left:-6px;box-shadow:0 0 0 2px var(--panel,#0e0e10)}
.xi-av{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:none;background:var(--chip,#1b1b1f);border:1px solid var(--xi-line)}
.xi-av.xi-sm{width:18px;height:18px;border-radius:5px;border:0}
.xi-ini{display:inline-grid;place-items:center;font:600 12px/1 var(--font,inherit);color:var(--sub)}
.xi-list{display:flex;flex-direction:column;border:1px solid var(--xi-line);border-radius:var(--r,10px);background:var(--xi-box);overflow:hidden}
.xi-f{display:flex;align-items:center;gap:10px;padding:7px 10px;color:inherit;text-decoration:none;min-width:0}
.xi-f + .xi-f{border-top:1px solid var(--hairline,var(--xi-line))}
a.xi-f:hover{background:var(--card-hover,#19191c)}
.xi-fi{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.xi-fn{display:flex;align-items:center;gap:6px;min-width:0}
.xi-fn b{font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.xi-tag{flex:none;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10px/16px var(--xi-mono);padding:0 6px;border-radius:4px;color:var(--blue,#8ab4ff);background:var(--blue-bg,rgba(138,180,255,.12))}
.xi-fm{display:flex;align-items:center;gap:3px;font:400 11px/1 var(--xi-mono);color:var(--sub,#9c9c9a);white-space:nowrap} .xi-fm svg{width:10px;height:10px;color:var(--xi-acc)}
.xi-when{margin-left:auto;flex:none;font:500 11px/1 var(--xi-mono);color:var(--sub,#9c9c9a);padding-left:8px}
.xi-skf{pointer-events:none}

/* contracts: the reference's box: short address, chain, symbol, age; this coin marked */
.xi-cl{display:flex;flex-direction:column;border:1px solid var(--xi-line);border-radius:var(--r,10px);background:var(--xi-box);overflow:hidden}
.xi-c{position:relative;display:flex;align-items:center;gap:8px;padding:0 6px 0 10px;height:34px;min-width:0}
.xi-c + .xi-c{border-top:1px solid var(--hairline,var(--xi-line))}
.xi-ch{width:14px;height:14px;border-radius:50%;flex:none}
.xi-chx{flex:none;min-width:14px;font:600 9px/14px var(--xi-mono);text-transform:uppercase;color:var(--dim,#5f5f63)}
.xi-cm{min-width:0;color:var(--sub-2,#d2d2ce);text-decoration:none;font:500 12px/1 var(--xi-mono);overflow:hidden;white-space:nowrap}
a.xi-cm:hover{color:var(--text)} a.xi-cm:hover .xi-ad{text-decoration:underline;text-underline-offset:3px}
.xi-sym{flex:none;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/1 var(--font,inherit);color:var(--sub,#9c9c9a)}
.xi-me{flex:none;font:600 9.5px/16px var(--xi-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 6px;border-radius:4px;color:var(--on-accent,#0b0f03);background:var(--xi-acc)}
.xi-c.me{background:linear-gradient(90deg,var(--xi-acc-bg),transparent 70%)} .xi-c.me::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--xi-acc)}
.xi-c.me .xi-cm{color:var(--text)}
.xi-c .xi-when{padding-left:4px}
.xi-cp{flex:none;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--dim,#5f5f63);cursor:pointer;padding:0}
.xi-cp:hover{color:var(--text);background:var(--chip,#1b1b1f)} .xi-cp.ok{color:var(--xi-acc)} .xi-cp svg{width:12px;height:12px}

.xi-more{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 2px;border:0;background:transparent;color:var(--sub,#9c9c9a);font:500 11.5px/1 var(--font,inherit);cursor:pointer}
.xi-more:hover{color:var(--text)}
.xi-car{display:inline-grid;transition:transform .18s} .xi-car svg{width:12px;height:12px} .xi-car.up{transform:rotate(180deg)}
.xi-more.xi-load{height:30px;padding:0 12px;border-radius:var(--r-sm,6px);border:1px dashed var(--line-2,#2b2b31);color:var(--sub-2,#d2d2ce)}
.xi-more.xi-load:hover{border-style:solid;border-color:var(--xi-acc-line);color:var(--xi-acc)}
.xi-note{font-size:11.5px;color:var(--dim,#5f5f63);line-height:1.45}
.xi-quiet{font-size:12px;color:var(--sub,#9c9c9a);line-height:1.45}
.xi-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 10.5px/1 var(--xi-mono);color:var(--dim,#5f5f63)}
.xi-ft a{color:var(--dim,#5f5f63);text-decoration:none} .xi-ft a b{font-weight:600;color:var(--sub,#9c9c9a)} .xi-ft a:hover b{color:var(--xi-acc)}
.xi-sk{display:flex;flex-direction:column;gap:7px}

/* inside the X hover card: a section under the bio, above the button */
.xcard .xi-card{margin:0 16px 6px;padding-top:12px;border-top:1px solid var(--line,#1f1f23)}
.xcard .xi-card .xi-list,.xcard .xi-card .xi-cl{max-height:none}

/* the token header: a compact badge after the X chip (.th .l2 sizes its svgs at 15px: overridden here) */
.xi-chip{display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 3px;border-radius:999px;cursor:pointer;margin-left:2px}
.xi-chip:hover{background:var(--chip,#1b1b1f)}
.xi-cb{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:999px;font:600 11px/1 var(--mono,ui-monospace,monospace);color:var(--sub,#9c9c9a)}
.th .l2 .xi-chip svg,.xi-chip svg{width:11px;height:11px}
.xi-cb.on{color:var(--accent,var(--green));background:var(--accent-bg,rgba(52,209,123,.12))}
.xi-cb.warn{color:var(--yellow,#f2c14e);background:var(--yellow-bg,rgba(242,193,78,.12))}
.xi-cb.ok{color:var(--green,#34d17b);background:var(--green-bg,rgba(52,209,123,.12));padding:0 4px}
.xi-cb.bad{color:var(--red,#ff5c5c);background:var(--red-bg,rgba(255,92,92,.12));padding:0 4px}
.xi-chsk{display:inline-block;width:38px;height:16px;border-radius:999px;vertical-align:middle}
/* a narrow header: the icon row may wrap instead of running under the market cap */
.th .l2:has(.xi-chip){flex-wrap:wrap;row-gap:4px}

/* the token page panel (right column; on a phone it follows the Security Audit) */
.xi-panel{display:flex;flex-direction:column}
.xi-panel[hidden]{display:none}
.xi-panel .xi-h{display:flex;align-items:center;gap:6px;padding:14px 14px 10px;font-size:12px;font-weight:600;color:var(--sub,#9c9c9a);letter-spacing:.02em}
.xi-panel .xi-h svg{width:14px;height:14px;color:var(--accent,var(--green))}
.xi-panel .xi-hh{margin-left:auto;font:500 11px/1 var(--mono,ui-monospace,monospace);color:var(--dim,#5f5f63);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.xi-panel .xi-pan{padding:0 14px 14px}
.xi-panel.xi-flash{animation:xiFlash 1.1s ease}
@keyframes xiFlash{0%{box-shadow:inset 0 0 0 1px var(--accent-line,rgba(52,209,123,.5))}100%{box-shadow:inset 0 0 0 1px transparent}}
@media (max-width:1100px){html[data-design=m2] .wrap .xi-panel{order:7}}
@media (max-width:900px){
  .xi-pill{height:28px}
  .xi-f{padding:8px 10px}
  .xi-c{height:38px}
  .xi-cp{width:30px;height:30px}
  .xi-panel .xi-h{padding:14px 12px 10px} .xi-panel .xi-pan{padding:0 12px 14px}
}
@media (prefers-reduced-motion:reduce){.xi-panel.xi-flash{animation:none} .xi-car{transition:none}}

/* a list opened by hovering its pill slides in (the pills are the affordance: a pointer and a lift say they open) */
.xi-pill[data-xi-act]{cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.xi-pill[data-xi-act]:hover{transform:translateY(-1px);border-color:var(--accent,#c6f135)}
.xi-reveal{animation:xiReveal .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes xiReveal{from{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.xi-reveal{animation:none}.xi-pill[data-xi-act]:hover{transform:none}}
.xi-zero{margin:8px 0 2px}

/* Post deletion is separate evidence; contract rows keep their normal appearance. */
.xi-posts{border-top:1px solid var(--xi-line);padding-top:10px;min-width:0}
.xi-posts summary{cursor:pointer;color:var(--sub,#9c9c9a);font-size:12px;padding:2px 0}
.xi-posts summary b{margin-left:5px;font-family:var(--xi-mono);font-weight:500}
.xi-posts summary:focus-visible{outline:2px solid var(--xi-acc);outline-offset:3px}
.xi-posts[open]> .xi-note{margin-top:8px}
.xi-post{display:flex;flex-direction:column;gap:4px;padding-top:8px;overflow-wrap:anywhere}
.xi-post a{color:var(--sub-2,#d2d2ce);text-underline-offset:3px}