/* TX Gym: Axiom token page (.axt-*) and the search modal (.axs-*).
   Axiom look: near-black, Geist, 4px radii, tiny gray labels, teal increase,
   pink decrease, blue-purple accent. Colors come from base.css tokens. */

/* ---- shared bits ---- */
.axt-sol, .axs-sol {
  display: inline-block; flex: 0 0 auto; width: .95em; height: .76em; margin-right: 3px; vertical-align: -.04em;
  background: linear-gradient(100deg, #9945ff 0%, #5d8bf2 50%, #14f195 100%);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><path d='M3.4 0H20l-3.4 3.4H0z M0 6.3h16.6L20 9.7H3.4z M3.4 12.6H20L16.6 16H0z'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><path d='M3.4 0H20l-3.4 3.4H0z M0 6.3h16.6L20 9.7H3.4z M3.4 12.6H20L16.6 16H0z'/></svg>") center / contain no-repeat;
}
.axt [data-platform], .axs-backdrop [data-platform], .axs-pchip { --plat: #4fe08a; }
.axt [data-platform="bonk"], .axs-backdrop [data-platform="bonk"], .axs-pchip[data-p="bonk"] { --plat: #ff9a3c; }
.axt [data-platform="bags"], .axs-backdrop [data-platform="bags"], .axs-pchip[data-p="bags"] { --plat: #a3e635; }
.axt [data-platform="moonshot"], .axs-backdrop [data-platform="moonshot"], .axs-pchip[data-p="moonshot"] { --plat: #c084fc; }
.axt [data-platform="believe"], .axs-backdrop [data-platform="believe"], .axs-pchip[data-p="believe"] { --plat: #38bdf8; }
.axt [data-platform="jupstudio"], .axs-backdrop [data-platform="jupstudio"], .axs-pchip[data-p="jupstudio"] { --plat: #fbbf24; }
.axt kbd, .axs-backdrop kbd {
  font-family: var(--font-mono); font-size: 10px; line-height: 1; padding: 3px 5px; border-radius: 4px;
  border: 1px solid rgb(var(--secondary-stroke)); background: rgb(var(--background-tertiary)); color: rgb(var(--text-secondary));
}

/* ======================================================= token page */
.axt {
  position: absolute; inset: 0; overflow: hidden; container-type: inline-size; container-name: axt;
  background: var(--ax-bg); color: rgb(var(--text-primary)); font-size: 12px;
}
.axt-grid { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 320px; }
.axt-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-right: 1px solid rgb(var(--primary-stroke)); }
.axt-flex { flex: 1 1 auto; }
.axt .up { color: rgb(var(--increase)); }
.axt .dn { color: rgb(var(--decrease)); }
.axt .dim { color: rgb(var(--text-secondary)); }
.axt-ico {
  width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 4px;
  color: rgb(var(--text-secondary)); font-size: 14px; flex: 0 0 auto;
}
.axt-ico:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }

/* ---- header ---- */
.axt-head {
  flex: 0 0 64px; display: flex; align-items: center; gap: 12px; min-width: 0;
  padding: 0 10px 0 8px; border-bottom: 1px solid rgb(var(--primary-stroke));
}
.axt-back {
  flex: 0 0 auto; height: 28px; padding: 0 9px 0 3px; display: inline-flex; align-items: center; gap: 1px; border-radius: 4px;
  border: 1px solid rgb(var(--primary-stroke)); color: rgb(var(--text-secondary)); font-size: 12px; font-weight: 500;
}
.axt-back i { font-size: 19px; }
.axt-back:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); border-color: rgb(var(--secondary-stroke)); }
.axt-id { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 1 auto; max-width: 360px; }
.axt-av { position: relative; flex: 0 0 auto; width: 46px; height: 46px; padding: 2px; border-radius: 4px; border: 1px solid var(--plat); }
.axt-av img { width: 100%; height: 100%; border-radius: 3px; object-fit: cover; }
.axt-av-badge {
  position: absolute; right: -6px; bottom: -6px; width: 17px; height: 17px; border-radius: 50%;
  display: grid; place-items: center; font-size: 10px; color: #06070b; background: var(--plat); border: 2px solid var(--ax-bg);
}
.axt-idtxt { min-width: 0; overflow: hidden; display: flex; flex-direction: column; gap: 4px; }
.axt-idr1 { display: flex; align-items: center; gap: 6px; min-width: 0; }
.axt-ticker { font-size: 16px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.axt-name { font-size: 14px; color: rgb(var(--text-secondary)); max-width: 170px; }
.axt-star.on { color: rgb(var(--primary-yellow)); }
.axt-you, .axs-you {
  flex: 0 0 auto; font-size: 9px; font-weight: 700; letter-spacing: .04em; padding: 2px 5px; border-radius: 3px;
  background: rgb(var(--primary-color)); color: #fff;
}
.axt-idr2 { display: flex; align-items: center; gap: 8px; font-size: 12px; min-width: 0; }
.axt-age { color: rgb(var(--increase)); font-weight: 500; }
.axt-soc { color: rgb(var(--text-secondary)); font-size: 14px; line-height: 1; }
.axt-soc:hover { color: rgb(var(--primary-color-hover)); }
.axt-ca { font-family: var(--font-mono); font-size: 11px; color: rgb(var(--text-tertiary)); white-space: nowrap; }
.axt-ca:hover { color: rgb(var(--text-secondary)); }
/* stats wrap onto a hidden second line instead of being cut in half */
.axt-stats {
  flex: 1 1 0; min-width: 120px; height: 36px; overflow: hidden; /* basis 0: the coin's name keeps its width, the stats take the rest */
  display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; column-gap: 18px; row-gap: 12px;
  padding-left: 14px; border-left: 1px solid rgb(var(--primary-stroke));
}
.axt-mc { height: 36px; display: flex; align-items: center; }
.axt-mc { flex: 0 0 auto; }
.axt-stat { height: 36px; justify-content: center; }
.axt-mcv { font-size: 20px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; transition: color .25s; }
.axt-stat { flex: 0 0 auto; display: flex; flex-direction: column; gap: 3px; white-space: nowrap; }
.axt-sl { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-sv { font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.axt-sv.good { color: rgb(var(--increase)); }
.axt-sv.bad { color: rgb(var(--decrease)); }
.axt-sv.mig { color: rgb(var(--primary-yellow)); }
.axt-bcbar { height: 2px; border-radius: 2px; overflow: hidden; background: rgb(var(--secondary-stroke)); }
.axt-bcbar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, rgb(var(--primary-color)), rgb(var(--increase))); transition: width .3s; }
.axt-head-r { flex: 0 0 auto; display: flex; gap: 2px; }

/* ---- chart ---- */
.axt-chart { flex: 1 1 auto; min-height: 170px; display: flex; flex-direction: column; }
.axt-tbar {
  flex: 0 0 34px; display: flex; align-items: center; gap: 2px; padding: 0 8px;
  border-bottom: 1px solid rgb(var(--primary-stroke)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.axt-tbar::-webkit-scrollbar { display: none; }
.axt-tfs { display: flex; gap: 1px; flex: 0 0 auto; }
.axt-tf {
  height: 24px; padding: 0 7px; border-radius: 4px; font-size: 12px; font-weight: 500;
  color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-tf:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-tf.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .13); }
.axt-tsep { flex: 0 0 1px; height: 16px; margin: 0 6px; background: rgb(var(--primary-stroke)); }
.axt-tbi {
  flex: 0 0 auto; height: 24px; min-width: 24px; padding: 0 5px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  color: rgb(var(--text-secondary)); font-size: 15px; white-space: nowrap;
}
.axt-tbi.txt { font-size: 12px; font-weight: 500; }
.axt-tbi:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-fx { font: italic 600 14px Georgia, "Times New Roman", serif; }
.axt-seg { flex: 0 0 auto; display: inline-flex; align-items: center; height: 24px; margin: 0 6px; font-size: 12px; font-weight: 500; }
.axt-seg button { color: rgb(var(--text-tertiary)); padding: 0 1px; white-space: nowrap; }
.axt-seg button + button::before { content: '/'; margin-right: 2px; color: rgb(var(--text-tertiary)); }
.axt-seg button:hover { color: rgb(var(--text-secondary)); }
.axt-seg button.on { color: rgb(var(--primary-color-hover)); }
.axt-cvwrap { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.axt-cv { position: absolute; left: 0; top: 0; display: block; cursor: crosshair; touch-action: none; user-select: none; }
.axt-cv.grabbing { cursor: grabbing; }
.axt-cv.on-axis { cursor: ns-resize; }
.axt-legend {
  position: absolute; left: 10px; top: 7px; max-width: calc(100% - 100px); pointer-events: none;
  display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: rgb(var(--text-secondary));
}
.axt-lg1 { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.axt-lg-img { width: 16px; height: 16px; border-radius: 50%; }
.axt-lg-sym { color: rgb(var(--text-primary)); font-weight: 600; }
.axt-lg-dot { color: rgb(var(--text-tertiary)); }
.axt-lg-sim {
  font-size: 9px; font-weight: 700; letter-spacing: .04em; padding: 0 4px; border-radius: 3px;
  color: rgb(var(--primary-yellow)); border: 1px solid rgb(var(--primary-yellow) / .45);
}
.axt-lg-ohlc { display: inline-flex; align-items: center; gap: 3px; margin-left: 4px; font-variant-numeric: tabular-nums; }
.axt-legend.stack .axt-lg-ohlc { flex-basis: 100%; margin-left: 0; flex-wrap: wrap; }
.axt-legend.stack .lg-x { display: none; }
.axt-legend { text-shadow: 0 0 3px var(--ax-bg), 0 0 6px var(--ax-bg); }
.axt-lg-ohlc b { font-weight: 500; margin-right: 6px; color: rgb(var(--increase)); }
.axt-lg-ohlc.dn b { color: rgb(var(--decrease)); }
.axt-lg2 b { margin-left: 6px; font-weight: 500; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.axt-tip {
  position: absolute; left: 0; top: 0; z-index: 2; width: 156px; padding: 6px 9px; pointer-events: none;
  background: rgb(var(--background-tertiary) / .95); border: 1px solid rgb(var(--secondary-stroke)); border-radius: 4px;
  box-shadow: 0 8px 22px rgb(0 0 0 / .5); font-size: 11px;
}
.axt-tip .tt { color: rgb(var(--text-secondary)); margin-bottom: 3px; white-space: nowrap; }
.axt-tip .tr { display: flex; justify-content: space-between; line-height: 1.55; color: rgb(var(--text-secondary)); }
.axt-tip .tr b { font-weight: 500; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.axt-tip .tr b.up { color: rgb(var(--increase)); }
.axt-tip .tr b.dn { color: rgb(var(--decrease)); }
.axt-live {
  position: absolute; right: 80px; bottom: 34px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: rgb(var(--background-tertiary)); border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-primary)); font-size: 16px;
}
.axt-live:hover { border-color: rgb(var(--primary-color)); }
.axt-cv-empty { position: absolute; left: 0; top: 0; right: 68px; bottom: 24px; display: grid; place-items: center; color: rgb(var(--text-tertiary)); pointer-events: none; }

/* ---- chart / tables split + tables ---- */
.axt-split { flex: 0 0 5px; cursor: row-resize; border-top: 1px solid rgb(var(--primary-stroke)); }
.axt-split:hover, .axt-split.drag { background: rgb(var(--primary-color) / .35); }
.axt-tables { flex: 0 0 auto; height: 34%; min-height: 140px; display: flex; flex-direction: column; }
.axt.chart-max .axt-tables, .axt.chart-max .axt-split { display: none; }
.axt-tabs {
  flex: 0 0 38px; display: flex; align-items: center; gap: 2px; padding: 0 8px;
  border-bottom: 1px solid rgb(var(--primary-stroke)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.axt-tabs::-webkit-scrollbar { display: none; }
.axt-tab { flex: 0 0 auto; height: 28px; padding: 0 10px; border-radius: 4px; font-size: 13px; font-weight: 500; color: rgb(var(--text-secondary)); white-space: nowrap; }
.axt-tab:hover { color: rgb(var(--text-primary)); }
.axt-tab.on { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-tcnt { color: rgb(var(--text-tertiary)); font-weight: 400; }
.axt-chip {
  flex: 0 0 auto; height: 24px; padding: 0 9px; margin-left: 6px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); font-size: 11px; font-weight: 500; white-space: nowrap;
}
.axt-chip:hover { color: rgb(var(--text-primary)); }
.axt-chip.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color)); background: rgb(var(--primary-color) / .1); }
.axt-paused { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 600; color: rgb(var(--primary-yellow)); }
.axt-panes { position: relative; flex: 1 1 auto; min-height: 0; }
.axt-pane { position: absolute; inset: 0; display: flex; flex-direction: column; }
.axt-th, .axt-tr { display: grid; align-items: center; column-gap: 8px; padding: 0 12px; }
.axt-th {
  flex: 0 0 26px; font-size: 11px; color: rgb(var(--text-tertiary)); border-bottom: 1px solid rgb(var(--border-subtle));
  white-space: nowrap; overflow: hidden;
}
.axt-tb { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.axt-tr {
  height: 28px; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap;
  border-bottom: 1px solid rgb(var(--border-subtle) / .7);
}
.axt-tr > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.axt-tr:hover { background: rgb(var(--background-secondary)); }
.axt-pane[data-pane="trades"] .axt-th, .axt-pane[data-pane="trades"] .axt-tr { grid-template-columns: 50px 46px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr) 18px; }
.axt-pane[data-pane="positions"] .axt-th, .axt-pane[data-pane="positions"] .axt-tr { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr) 128px; }
.axt-pane[data-pane="holders"] .axt-th, .axt-pane[data-pane="holders"] .axt-tr { grid-template-columns: 26px minmax(0, 1.2fr) minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)) minmax(0, .9fr); }
.axt-pane[data-pane="top"] .axt-th, .axt-pane[data-pane="top"] .axt-tr { grid-template-columns: 26px minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); }
.axt-pane[data-pane="devtok"] .axt-th, .axt-pane[data-pane="devtok"] .axt-tr { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); }
.axt-th .c-n, .axt-tr .c-n, .axt-th .c-tot, .axt-tr .c-tot, .axt-th .c-act, .axt-tr .c-act { text-align: right; }
.axt-tr .c-age { color: rgb(var(--text-secondary)); }
.axt-tr.buy .c-type, .axt-tr.buy .c-mc, .axt-tr.buy .c-amt, .axt-tr.buy .c-tot { color: rgb(var(--increase)); }
.axt-tr.sell .c-type, .axt-tr.sell .c-mc, .axt-tr.sell .c-amt, .axt-tr.sell .c-tot { color: rgb(var(--decrease)); }
.axt-tr .c-tot { display: inline-flex; align-items: center; justify-content: flex-end; }
.axt-tr .c-trader { display: inline-flex; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); }
.axt-tr .c-trader.trk { color: rgb(var(--primary-light-blue)); }
.axt-tr .c-trader.bot { color: rgb(var(--text-primary)); font-weight: 500; }
.axt-tr .c-trader.bot i { color: rgb(var(--primary-color-hover)); font-size: 13px; }
.axt-tr .c-trader.bot em { font-style: normal; font-size: 11px; font-weight: 600; padding: 0 4px; border-radius: 3px; color: rgb(var(--primary-yellow)); background: rgb(var(--primary-yellow) / .1); }
.axt-tr .c-x { color: rgb(var(--text-tertiary)); font-size: 13px; text-align: right; }
.axt-tr.mine { background: rgb(var(--primary-color) / .1); box-shadow: inset 2px 0 0 rgb(var(--primary-color)); }
.axt-tr.mine.new { animation: axt-flash 1s ease-out; }
@keyframes axt-flash { from { background: rgb(var(--primary-color) / .45); } to { background: rgb(var(--primary-color) / .1); } }
.axt-youtag { font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 3px; background: rgb(var(--primary-color)); color: #fff; }
.only-mine .axt-tr:not(.mine) { display: none; }
.axt-tr .c-tok { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.axt-tr .c-tok img { width: 18px; height: 18px; border-radius: 3px; flex: 0 0 auto; }
.axt-tr.cur .c-tok { cursor: default; }
.axt-tr.cur { background: rgb(var(--background-secondary)); }
.axt-tr .c-act { display: inline-flex; gap: 4px; justify-content: flex-end; }
.axt-mini { height: 20px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 600; border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); }
.axt-mini.sell:hover { color: rgb(var(--decrease)); border-color: rgb(var(--decrease) / .7); background: rgb(var(--decrease) / .08); }
.axt-tr .c-rank { color: rgb(var(--text-tertiary)); }
.axt-tr .c-w { color: rgb(var(--text-secondary)); display: inline-flex; align-items: center; gap: 6px; }
.axt-tr .c-w b { color: rgb(var(--text-primary)); font-weight: 500; }
.axt-tr .c-pct { display: inline-flex; align-items: center; gap: 8px; }
.axt-tr .c-pct > span:first-child { width: 48px; text-align: right; }
.axt-pbar { flex: 1 1 auto; height: 3px; border-radius: 2px; background: rgb(var(--secondary-stroke)); overflow: hidden; max-width: 110px; }
.axt-pbar i { display: block; height: 100%; background: rgb(var(--primary-color)); }
.axt-tr.mine .axt-pbar i { background: rgb(var(--increase)); }
.axt-tag {
  display: inline-flex; align-items: center; gap: 3px; height: 18px; padding: 0 6px; border-radius: 999px; font-size: 10px; font-weight: 600;
  background: rgb(var(--background-tertiary)); color: rgb(var(--text-secondary));
}
.axt-tag.dev { color: rgb(var(--primary-orange)); }
.axt-tag.sniper { color: rgb(var(--decrease)); }
.axt-tag.insider { color: rgb(var(--primary-yellow)); }
.axt-tag.bundler { color: rgb(var(--primary-light-blue)); }
.axt-tag.pool { color: rgb(var(--increase)); }
.axt-tag.you { color: #fff; background: rgb(var(--primary-color)); }
.axt-empty { margin: auto; padding: 18px; display: flex; flex-direction: column; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); text-align: center; }
.axt-empty i { font-size: 26px; color: rgb(var(--text-tertiary)); }
.axt-empty .t { font-size: 13px; font-weight: 600; color: rgb(var(--text-primary)); }
.axt-empty .s { font-size: 12px; max-width: 320px; }
.axt-tb > .axt-empty { height: 100%; justify-content: center; }

/* ---- right panel ---- */
.axt-side { min-height: 0; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.axt-sbox { padding: 10px 12px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axt-wins { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.axt-win {
  height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  border-radius: 4px; border: 1px solid rgb(var(--primary-stroke));
}
.axt-win .l { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-win .v { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.axt-win:hover { border-color: rgb(var(--secondary-stroke)); }
.axt-win.on { background: rgb(var(--background-tertiary)); border-color: rgb(var(--secondary-stroke)); }
.axt-svs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 9px; }
.axt-svs > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.axt-svs span { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-svs b { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-svs i { font-style: normal; font-size: 11px; color: rgb(var(--text-secondary)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-ratio { display: flex; gap: 2px; height: 3px; margin-top: 7px; border-radius: 2px; overflow: hidden; }
.axt-ratio i { display: block; height: 100%; transition: width .4s; }
.axt-ratio .b { background: rgb(var(--increase)); }
.axt-ratio .s { background: rgb(var(--decrease)); }
.axt-trade { padding: 12px; display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axt-bsrow {
  display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 999px;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--primary-stroke));
}
.axt-bs { height: 30px; border-radius: 999px; font-size: 13px; font-weight: 600; color: rgb(var(--text-secondary)); }
.axt-bs:hover { color: rgb(var(--text-primary)); }
.axt-bs.buy.on { background: rgb(var(--increase)); color: #06070b; }
.axt-bs.sell.on { background: rgb(var(--decrease)); color: #fff; }
.axt-otrow { display: flex; align-items: center; gap: 2px; }
.axt-ot { height: 26px; padding: 0 9px; border-radius: 4px; font-size: 12px; font-weight: 500; color: rgb(var(--text-secondary)); }
.axt-ot:hover { color: rgb(var(--text-primary)); }
.axt-ot.on { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-wchip {
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px; border-radius: 999px;
  border: 1px solid rgb(var(--primary-stroke)); font-size: 12px; color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-wchip .sep { width: 1px; height: 12px; background: rgb(var(--secondary-stroke)); }
.axt-wchip > span:last-child { color: rgb(var(--text-primary)); font-weight: 500; }
.axt-amt {
  display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border-radius: 4px; cursor: text;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke));
}
.axt-amt:focus-within { border-color: rgb(var(--primary-color)); }
.axt-amt .lbl { font-size: 11px; font-weight: 600; letter-spacing: .05em; color: rgb(var(--text-secondary)); }
.axt-amt-in { flex: 1 1 auto; min-width: 0; text-align: right; font-size: 16px; font-weight: 500; background: none; border: 0; outline: 0; font-variant-numeric: tabular-nums; }
.axt-amt-u { flex: 0 0 auto; display: inline-flex; align-items: center; font-weight: 600; color: rgb(var(--text-secondary)); }
.axt-amt-u .axt-sol { margin: 0; font-size: 15px; }
.axt-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.axt-pill {
  height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 1px; border-radius: 999px;
  font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: rgb(var(--text-primary));
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke));
  transition: background .12s, border-color .12s, color .12s, transform .06s;
}
.axt-pill:active { transform: scale(.95); }
.axt-pill.buy:hover { color: rgb(var(--increase)); border-color: rgb(var(--increase) / .7); background: rgb(var(--increase) / .08); }
.axt-pill.sell:hover { color: rgb(var(--decrease)); border-color: rgb(var(--decrease) / .7); background: rgb(var(--decrease) / .08); }
.axt-pill.buy.fired { background: rgb(var(--increase) / .3); border-color: rgb(var(--increase)); }
.axt-pill.sell.fired { background: rgb(var(--decrease) / .3); border-color: rgb(var(--decrease)); }
.axt-presets-h { display: flex; align-items: center; justify-content: space-between; margin-top: -4px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axt-opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.axt-opt {
  height: 26px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border-radius: 4px;
  font-size: 11px; font-weight: 500; color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-opt i { font-size: 13px; }
.axt-opt:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-opt.set { color: rgb(var(--primary-yellow)); }
.axt-adv { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(var(--text-secondary)); cursor: pointer; user-select: none; }
.axt-adv input { width: 14px; height: 14px; margin: 0; accent-color: rgb(var(--primary-color)); }
.axt-go { height: 42px; border-radius: 999px; font-size: 14px; font-weight: 600; transition: background .12s, box-shadow .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 12px; }
.axt-go.buy { background: rgb(var(--increase)); color: #06070b; }
.axt-go.buy:hover { background: rgb(var(--increase-hover)); }
.axt-go.sell { background: rgb(var(--decrease)); color: #fff; }
.axt-go.sell:hover { background: rgb(var(--decrease-hover)); }
.axt-go.buy.fired { box-shadow: 0 0 0 4px rgb(var(--increase) / .3); }
.axt-go.sell.fired { box-shadow: 0 0 0 4px rgb(var(--decrease) / .3); }
.axt-posbox { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 4px; border: 1px solid rgb(var(--primary-stroke)); }
.axt-posbox > div { min-width: 0; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; border-right: 1px solid rgb(var(--primary-stroke)); }
.axt-posbox > div:last-child { border-right: 0; }
.axt-posbox span { font-size: 10px; color: rgb(var(--text-secondary)); }
.axt-posbox .pv { display: flex; align-items: center; min-width: 0; }
.axt-posbox b { font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-posbox i { font-style: normal; font-size: 10px; font-weight: 500; font-variant-numeric: tabular-nums; }
.axt-posbox b.up, .axt-posbox i.up { color: rgb(var(--increase)); }
.axt-posbox b.dn, .axt-posbox i.dn { color: rgb(var(--decrease)); }
.axt-p123 { display: flex; gap: 4px; }
.axt-p123 button { flex: 1 1 0; height: 24px; border-radius: 4px; font-size: 11px; font-weight: 600; color: rgb(var(--text-tertiary)); }
.axt-p123 button:hover { color: rgb(var(--text-secondary)); }
.axt-p123 button.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .13); }
.axt-info { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.axt-info-h { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; }
.axt-info-h i { color: rgb(var(--text-secondary)); font-weight: 400; }
.axt-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.axt-tile {
  height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  border-radius: 4px; border: 1px solid rgb(var(--primary-stroke));
}
.axt-tile .v { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.axt-tile .v.good { color: rgb(var(--increase)); }
.axt-tile .v.bad { color: rgb(var(--decrease)); }
.axt-tile .l { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; color: rgb(var(--text-secondary)); white-space: nowrap; }
.axt-carow {
  width: 100%; height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 9px; border-radius: 4px;
  border: 1px solid rgb(var(--primary-stroke)); font-size: 12px; color: rgb(var(--text-secondary));
}
.axt-carow .k { flex: 0 0 auto; color: rgb(var(--text-tertiary)); }
.axt-carow .mono { flex: 1 1 auto; text-align: left; color: rgb(var(--text-primary)); }
.axt-carow:hover { border-color: rgb(var(--secondary-stroke)); color: rgb(var(--text-primary)); }

/* ---- not found ---- */
.axt.axt-nf { display: grid; place-items: center; }
.axt-nf-box { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 24px; }
.axt-nf-ico { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; color: rgb(var(--text-secondary)); background: rgb(var(--background-tertiary)); }
.axt-nf-t { font-size: 18px; font-weight: 600; }
.axt-nf-s { color: rgb(var(--text-secondary)); font-size: 13px; }
.axt-nf-btn {
  margin-top: 8px; height: 36px; padding: 0 18px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px;
  background: rgb(var(--primary-color)); color: #fff; font-size: 13px; font-weight: 600;
}
.axt-nf-btn:hover { background: rgb(var(--primary-color-hover)); }
.axt-nf-k { font-size: 11px; color: rgb(var(--text-tertiary)); }

/* ---- narrow Axiom panes (1280 px screens with J7 + trades panel) ---- */
@container axt (max-width: 1150px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 290px; }
  .axt-stat.opt { display: none; }
}
@container axt (max-width: 940px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 268px; }
  .axt-stat.opt2, .axt-name, .axt-head-r, .axt-back .lbl { display: none; }
  .axt-back { padding: 0 3px; }
  .axt-stats { gap: 14px; }
  .axt-pane[data-pane="trades"] .c-amt { display: none; }
  .axt-pane[data-pane="trades"] .axt-th, .axt-pane[data-pane="trades"] .axt-tr { grid-template-columns: 44px 40px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) 14px; }
  .axt-trade, .axt-info, .axt-sbox { padding-left: 10px; padding-right: 10px; }
  /* the chart toolbar fits the narrower chart column instead of scrolling its right end away */
  .axt-tbi.txt .lbl, .axt-tbi.cdl { display: none; }
  .axt-tf { padding: 0 5px; }
  .axt-seg { margin: 0 3px; }
}
@container axt (max-width: 720px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 244px; }
  .axt-stat.opt3 { display: none; }
  .axt-mcv { font-size: 17px; }
  .axt-id { max-width: 170px; }
  .axt-ca, .axt-star { display: none; }
  .axt-wchip .n, .axt-wchip .sep { display: none; }
  .axt-wchip { padding: 0 7px; }
  .axt-ot { padding: 0 6px; }
  .axt-opt span { display: none; }
  .axt-pill { font-size: 11px; }
  .axt-tf { padding: 0 5px; }
}

/* ======================================================= search modal */
.axs-backdrop {
  position: fixed; z-index: 700; left: 0; top: 0; width: 100vw; height: 100vh;
  display: flex; justify-content: center; align-items: flex-start; padding: 7vh 16px 16px;
  background: rgb(0 0 0 / .55); backdrop-filter: blur(1.5px);
  font-family: var(--font-ax); color: rgb(var(--text-primary)); font-size: 13px;
}
.axs-modal {
  width: 720px; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; overflow: hidden;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke)); border-radius: 8px;
  box-shadow: 0 28px 70px rgb(0 0 0 / .7); animation: axs-in .12s ease-out;
}
@keyframes axs-in { from { opacity: 0; transform: translateY(-6px) scale(.99); } to { opacity: 1; transform: none; } }
.axs-top { flex: 0 0 54px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axs-ico { font-size: 19px; color: rgb(var(--text-secondary)); }
.axs-in { flex: 1 1 auto; min-width: 0; height: 100%; background: none; border: 0; outline: 0; font-size: 16px; color: rgb(var(--text-primary)); }
.axs-in::placeholder { color: rgb(var(--text-tertiary)); }
.axs-clear { color: rgb(var(--text-tertiary)); font-size: 17px; line-height: 1; }
.axs-clear:hover { color: rgb(var(--text-secondary)); }
.axs-esc { cursor: pointer; }
.axs-chips { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axs-sorts { display: flex; align-items: center; gap: 4px; min-width: 0; flex-wrap: wrap; }
.axs-sl { display: inline-flex; align-items: center; gap: 3px; margin-right: 3px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-chip {
  height: 25px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 500; white-space: nowrap;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary));
}
.axs-chip:hover { color: rgb(var(--text-primary)); }
.axs-chip.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color)); background: rgb(var(--primary-color) / .14); }
.axs-plats { display: flex; gap: 4px; flex: 0 0 auto; }
.axs-pchip { width: 27px; height: 25px; display: grid; place-items: center; border-radius: 4px; border: 1px solid rgb(var(--primary-stroke)); color: rgb(var(--text-tertiary)); font-size: 13px; }
.axs-pchip span { display: none; }
.axs-pchip:hover { color: var(--plat); }
.axs-pchip.on { color: var(--plat); border-color: var(--plat); background: rgb(255 255 255 / .04); }
.axs-head { flex: 0 0 auto; display: flex; align-items: baseline; justify-content: space-between; padding: 9px 16px 5px; }
.axs-label { font-size: 12px; font-weight: 600; color: rgb(var(--text-secondary)); }
.axs-count { font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 6px 6px; }
.axs-row {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 74px 82px 74px 70px 54px auto; align-items: center; column-gap: 10px;
  height: 60px; padding: 0 8px; border-radius: 6px; cursor: pointer; font-variant-numeric: tabular-nums;
}
.axs-row + .axs-row { margin-top: 1px; }
.axs-row.sel { background: rgb(var(--background-tertiary)); box-shadow: inset 2px 0 0 rgb(var(--primary-color)); }
.axs-av { position: relative; width: 44px; height: 44px; padding: 2px; border-radius: 4px; border: 1px solid var(--plat); }
.axs-av img { width: 100%; height: 100%; border-radius: 3px; object-fit: cover; }
.axs-av-b {
  position: absolute; right: -5px; bottom: -5px; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center;
  font-size: 9px; color: #06070b; background: var(--plat); border: 2px solid rgb(var(--background-secondary));
}
.axs-row.sel .axs-av-b { border-color: rgb(var(--background-tertiary)); }
.axs-info { min-width: 0; }
.axs-l1 { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.axs-tk { font-size: 14px; font-weight: 600; white-space: nowrap; }
.axs-nm { font-size: 13px; color: rgb(var(--text-secondary)); }
.axs-l2 { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-ca { display: inline-flex; align-items: center; gap: 3px; font-family: var(--font-mono); }
.axs-ca:hover, .axs-soc:hover { color: rgb(var(--text-primary)); }
.axs-soc { font-size: 13px; line-height: 1; color: rgb(var(--text-secondary)); }
.axs-mig { font-size: 13px; color: rgb(var(--primary-yellow)); }
.axs-age {
  justify-self: start; display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 9px; border-radius: 6px;
  font-size: 15px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap;
}
.axs-age i { font-size: 12px; font-weight: 400; opacity: .75; }
.axs-age.a-s, .axs-age.a-m { color: rgb(var(--increase)); background: rgb(var(--increase) / .1); }
.axs-age.a-h { color: rgb(var(--primary-light-blue)); background: rgb(var(--primary-light-blue) / .1); }
.axs-age.a-d { color: rgb(var(--primary-yellow)); background: rgb(var(--primary-yellow) / .1); }
.axs-age.a-mo { color: rgb(var(--primary-orange)); background: rgb(var(--primary-orange) / .13); }
.axs-age.a-y { color: #ff6a3d; background: rgb(255 106 61 / .17); box-shadow: inset 0 0 0 1px rgb(255 106 61 / .4); }
.axs-num { display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; white-space: nowrap; min-width: 0; }
.axs-num .k { font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-num b { font-size: 13px; font-weight: 600; }
.axs-num b.up { color: rgb(var(--increase)); }
.axs-num b.dn { color: rgb(var(--decrease)); }
.axs-num.mc b { color: rgb(var(--primary-light-blue)); }
.axs-num.mc b.up { color: rgb(var(--increase)); }
.axs-num.mc b.dn { color: rgb(var(--decrease)); }
.axs-num.hold { align-items: center; color: rgb(var(--text-secondary)); }
.axs-num.hold i { font-size: 12px; }
.axs-num.hold b { font-weight: 500; color: rgb(var(--text-primary)); }
.axs-qb {
  height: 28px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 3px;
  background: rgb(var(--primary-color)); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap;
  transition: background .12s, transform .06s, box-shadow .15s;
}
.axs-qb:hover { background: rgb(var(--primary-color-hover)); }
.axs-qb:active { transform: scale(.95); }
.axs-qb.fired { box-shadow: 0 0 0 4px rgb(var(--primary-color) / .35); }
.axs-empty { padding: 34px 16px 40px; display: flex; flex-direction: column; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); }
.axs-empty i { font-size: 28px; color: rgb(var(--text-tertiary)); }
.axs-empty .t { font-size: 14px; font-weight: 600; color: rgb(var(--text-primary)); }
.axs-empty .s { font-size: 12px; }
.axs-foot {
  flex: 0 0 34px; display: flex; align-items: center; gap: 14px; padding: 0 14px; border-top: 1px solid rgb(var(--primary-stroke));
  font-size: 11px; color: rgb(var(--text-tertiary)); white-space: nowrap; overflow: hidden;
}
.axs-foot > span { display: inline-flex; align-items: center; gap: 4px; }
.axs-foot b { color: rgb(var(--text-secondary)); font-weight: 600; }
.axs-flex { flex: 1 1 auto; }
.axs-sim {
  font-size: 9px; font-weight: 700; letter-spacing: .05em; padding: 1px 5px; border-radius: 3px;
  color: rgb(var(--primary-yellow)); border: 1px solid rgb(var(--primary-yellow) / .45);
}
@media (max-width: 760px) {
  .axs-row { grid-template-columns: 40px minmax(0, 1fr) 66px 74px auto; }
  .axs-row > .axs-num.vol, .axs-row > .axs-num.liq, .axs-row > .axs-num.hold { display: none; }
  .axs-plats { display: none; }
}

/* ======================================================= v2: token page extras */
.axt-itbtn {
  flex: 0 0 auto; height: 28px; padding: 0 10px 0 8px; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); font-size: 12px; font-weight: 500; white-space: nowrap;
  transition: color .12s, border-color .12s, background .12s;
}
.axt-itbtn i { font-size: 13px; color: rgb(var(--primary-yellow)); }
.axt-itbtn:hover { color: rgb(var(--text-primary)); border-color: rgb(var(--text-tertiary)); }
.axt-itbtn.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color) / .7); background: rgb(var(--primary-color) / .12); }
.axt-pfp { width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto; object-fit: cover; display: inline-block; background: rgb(var(--background-tertiary)); }
.axt-pool-ic { width: 18px; flex: 0 0 auto; text-align: center; font-size: 14px; color: rgb(var(--increase)); }
.axt-lg-img { object-fit: cover; }

/* log-scale toggle in the price-axis / time-axis corner (TradingView spot) */
.axt-logbtn {
  position: absolute; right: 0; bottom: 0; z-index: 2; width: 68px; height: 24px; display: grid; place-items: center;
  font-size: 11px; font-weight: 600; letter-spacing: .02em; color: rgb(var(--text-tertiary));
}
.axt-logbtn:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-logbtn.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .12); }

/* profit heat: the chart breathes green when you are up big */
.axt-cvwrap::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .7s;
  background: radial-gradient(110% 75% at 82% 0%, rgb(var(--increase) / .13), transparent 62%);
  box-shadow: inset 0 0 0 1px rgb(var(--increase) / .22), inset 0 0 60px rgb(var(--increase) / .08);
}
.axt-cvwrap[data-heat="2"]::after { opacity: .55; }
.axt-cvwrap[data-heat="3"]::after { opacity: 1; }
.axt-cvwrap[data-heat="4"]::after {
  opacity: 1; animation: axt-breathe 2.2s ease-in-out infinite;
  background: radial-gradient(110% 80% at 82% 0%, rgb(var(--increase) / .18), transparent 62%), radial-gradient(70% 60% at 0% 100%, rgb(var(--primary-yellow) / .08), transparent 70%);
  box-shadow: inset 0 0 0 1px rgb(var(--primary-yellow) / .35), inset 0 0 80px rgb(var(--increase) / .12);
}
@keyframes axt-breathe { 50% { opacity: .62; } }

.axt-mcv.ath { text-shadow: 0 0 16px rgb(var(--increase) / .85); }
.axt-cvwrap.shake { animation: axt-shake .44s cubic-bezier(.36, .07, .19, .97); }
@keyframes axt-shake {
  10%, 90% { transform: translate(-1px, 0); }
  20%, 80% { transform: translate(2px, -1px); }
  30%, 50%, 70% { transform: translate(-4px, 1px); }
  40%, 60% { transform: translate(4px, -1px); }
}

/* the big live PnL readout (top-left, under the legend) */
.axt-hero {
  position: absolute; left: 10px; top: 60px; z-index: 1; pointer-events: none; transform-origin: 0 0;
  min-width: 176px; padding: 8px 12px 9px; border-radius: 8px;
  background: rgb(6 7 11 / .74); border: 1px solid rgb(var(--secondary-stroke)); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 10px 30px rgb(0 0 0 / .45); transition: border-color .4s, box-shadow .4s;
}
.axt-hero-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgb(var(--text-tertiary)); }
.axt-hero-x {
  font-size: 11px; font-weight: 800; letter-spacing: 0; text-transform: none; padding: 1px 7px; border-radius: 999px;
  background: rgb(var(--background-tertiary)); color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums;
}
.axt-hero-v { margin-top: 3px; font-size: 30px; font-weight: 700; line-height: 1.08; letter-spacing: -.02em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.axt-hero-v small { margin-left: 5px; font-size: 13px; font-weight: 600; letter-spacing: 0; opacity: .72; }
.axt-hero-s { display: flex; align-items: baseline; gap: 9px; margin-top: 2px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.axt-hero-pct { font-size: 14px; font-weight: 700; }
.axt-hero-f { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-hero[data-heat="-1"] .axt-hero-v, .axt-hero[data-heat="-1"] .axt-hero-pct { color: rgb(var(--decrease)); }
.axt-hero[data-heat="1"] .axt-hero-v, .axt-hero[data-heat="1"] .axt-hero-pct,
.axt-hero[data-heat="2"] .axt-hero-v, .axt-hero[data-heat="2"] .axt-hero-pct,
.axt-hero[data-heat="3"] .axt-hero-v, .axt-hero[data-heat="3"] .axt-hero-pct { color: rgb(var(--increase)); }
.axt-hero[data-heat="2"] { border-color: rgb(var(--increase) / .45); }
.axt-hero[data-heat="2"] .axt-hero-v { text-shadow: 0 0 18px rgb(var(--increase) / .35); }
.axt-hero[data-heat="2"] .axt-hero-x, .axt-hero[data-heat="3"] .axt-hero-x { background: rgb(var(--increase)); color: #06070b; }
.axt-hero[data-heat="3"] { border-color: rgb(var(--increase) / .75); box-shadow: 0 0 0 1px rgb(var(--increase) / .25), 0 0 34px rgb(var(--increase) / .22), 0 10px 30px rgb(0 0 0 / .45); }
.axt-hero[data-heat="3"] .axt-hero-v { font-size: 34px; text-shadow: 0 0 22px rgb(var(--increase) / .5); }
.axt-hero[data-heat="4"] { border-color: rgb(var(--primary-yellow) / .8); box-shadow: 0 0 0 1px rgb(var(--primary-yellow) / .3), 0 0 44px rgb(var(--primary-yellow) / .25), 0 10px 30px rgb(0 0 0 / .45); }
.axt-hero[data-heat="4"] .axt-hero-v {
  font-size: 38px; color: transparent; -webkit-background-clip: text; background-clip: text;
  background-image: linear-gradient(100deg, rgb(var(--increase)) 0%, #fff3b0 30%, rgb(var(--primary-yellow)) 50%, rgb(var(--increase)) 80%);
  background-size: 220% 100%; animation: axt-shimmer 1.8s linear infinite; filter: drop-shadow(0 0 14px rgb(var(--primary-yellow) / .35));
}
.axt-hero[data-heat="4"] .axt-hero-v small { color: rgb(var(--primary-yellow)); }
.axt-hero[data-heat="4"] .axt-hero-pct { color: rgb(var(--primary-yellow)); }
.axt-hero[data-heat="4"] .axt-hero-x { background: linear-gradient(90deg, rgb(var(--primary-yellow)), rgb(var(--primary-orange))); color: #06070b; }
.axt-hero.pop { animation: axt-pop .55s cubic-bezier(.2, 1.7, .4, 1); }
@keyframes axt-pop { 0% { transform: scale(1); } 30% { transform: scale(1.14); } 100% { transform: scale(1); } }
@keyframes axt-shimmer { from { background-position: 110% 0; } to { background-position: -110% 0; } }

/* milestone stamps, confetti burst and the MIGRATED banner (over the plot only) */
.axt-fxl { position: absolute; left: 0; top: 0; right: 68px; bottom: 24px; z-index: 3; pointer-events: none; overflow: hidden; }
.axt-stamp {
  position: absolute; left: 50%; top: 44%; text-align: center; white-space: nowrap;
  transform: translate(-50%, -50%); animation: axt-stamp 1.85s cubic-bezier(.2, .9, .3, 1) forwards;
}
.axt-stamp-x {
  font-size: min(92px, 13cqw); font-weight: 800; line-height: .92; letter-spacing: -.045em; color: rgb(var(--increase));
  text-shadow: 0 0 34px rgb(var(--increase) / .6), 0 5px 0 rgb(0 0 0 / .35);
}
.axt-stamp-s { margin-top: 8px; font-size: 19px; font-weight: 700; color: #fff; text-shadow: 0 2px 12px rgb(0 0 0 / .7); font-variant-numeric: tabular-nums; }
.axt-stamp.mid .axt-stamp-x { font-size: min(112px, 15cqw); }
.axt-stamp.big .axt-stamp-x {
  font-size: min(136px, 18cqw); color: transparent; -webkit-background-clip: text; background-clip: text; text-shadow: none;
  background-image: linear-gradient(180deg, #fffbe0 0%, rgb(var(--primary-yellow)) 48%, rgb(var(--primary-orange)) 100%);
  filter: drop-shadow(0 0 26px rgb(var(--primary-yellow) / .6));
}
.axt-stamp.big .axt-stamp-s { color: rgb(var(--primary-yellow)); }
@keyframes axt-stamp {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(2.5) rotate(-8deg); }
  13% { opacity: 1; transform: translate(-50%, -50%) scale(.93) rotate(-4deg); }
  21% { transform: translate(-50%, -50%) scale(1.03) rotate(-4deg); }
  74% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(-4deg); }
  100% { opacity: 0; transform: translate(-50%, -64%) scale(.97) rotate(-4deg); }
}
.axt-burst { position: absolute; left: 50%; top: 44%; width: 0; height: 0; }
.axt-burst i {
  position: absolute; left: -4px; top: -6px; width: 8px; height: 12px; border-radius: 2px; opacity: 0;
  background: rgb(var(--increase)); animation: axt-confetti 1.15s cubic-bezier(.12, .75, .3, 1) forwards;
}
.axt-burst i.c1 { background: rgb(var(--primary-yellow)); }
.axt-burst i.c2 { width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--primary-color-hover)); }
@keyframes axt-confetti {
  0% { opacity: 1; transform: translate(0, 0) rotate(0) scale(1.1); }
  70% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--dx), calc(var(--dy) + 70px)) rotate(var(--r)) scale(.6); }
}
.axt-migban {
  position: absolute; left: 50%; top: 64%; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px 0 13px;
  border-radius: 999px; white-space: nowrap; overflow: hidden; font-size: 13px; color: rgb(var(--text-primary));
  background: linear-gradient(90deg, rgb(247 196 51 / .2), rgb(255 138 61 / .16)), rgb(6 7 11 / .8);
  border: 1px solid rgb(var(--primary-yellow) / .75); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 0 36px rgb(var(--primary-yellow) / .28), 0 12px 32px rgb(0 0 0 / .5);
  transform: translateX(-50%); animation: axt-mig 4.2s ease forwards;
}
.axt-migban i { font-size: 19px; color: rgb(var(--primary-yellow)); }
.axt-migban b { font-weight: 800; letter-spacing: .1em; color: rgb(var(--primary-yellow)); }
.axt-migban::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: -90px; width: 60px; transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / .35), transparent); animation: axt-shine 1.1s .35s ease-in-out 2;
}
@keyframes axt-mig {
  0% { opacity: 0; transform: translate(-50%, -16px) scale(.88); }
  8% { opacity: 1; transform: translate(-50%, 0) scale(1.05); }
  13% { transform: translate(-50%, 0) scale(1); }
  86% { opacity: 1; transform: translate(-50%, 0); }
  100% { opacity: 0; transform: translate(-50%, -10px); }
}
@keyframes axt-shine { to { left: calc(100% + 90px); } }

/* ======================================================= Instant Trade (#instant-trade)
   Axiom's floating quick-trade widget: tight, dark, rounded-full teal buy pills,
   pink sell pills, tiny gray labels. Docked at the top of the token page's right
   column by default; .floating = dragged over the Axiom pane. */
.it {
  display: flex; flex-direction: column; user-select: none; -webkit-user-select: none;
  container-type: inline-size; container-name: it;
  font-family: var(--font-ax); font-size: 12px; color: rgb(var(--text-primary));
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke)); border-radius: 8px;
  transition: border-color .4s, box-shadow .4s;
}
.it.docked { flex: 0 0 auto; margin: 8px 8px 0; }
.it.floating { position: fixed; z-index: 640; width: 300px; box-shadow: 0 18px 50px rgb(0 0 0 / .62), 0 0 0 1px rgb(0 0 0 / .35); }
.it.floating.dragging { box-shadow: 0 28px 70px rgb(0 0 0 / .72), 0 0 0 1px rgb(var(--primary-color) / .45); }
.it .up { color: rgb(var(--increase)); }
.it .dn { color: rgb(var(--decrease)); }
.it .axt-sol { font-size: .92em; }
.it-flex { flex: 1 1 auto; min-width: 4px; }
.it-head {
  flex: 0 0 34px; display: flex; align-items: center; gap: 1px; padding: 0 4px 0 2px; cursor: grab;
  border-bottom: 1px solid rgb(var(--primary-stroke)); touch-action: none;
}
.it.dragging .it-head { cursor: grabbing; }
.it-grip { width: 16px; flex: 0 0 auto; display: grid; place-items: center; font-size: 14px; color: rgb(var(--text-tertiary)); }
.it-ib {
  width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 4px;
  color: rgb(var(--text-secondary)); font-size: 14px; cursor: pointer;
}
.it-ib:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.it-ib.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .15); }
.it-ptabs { display: flex; gap: 1px; margin: 0 3px; flex: 0 0 auto; }
.it-ptab { height: 22px; padding: 0 6px; border-radius: 4px; font-size: 12px; font-weight: 500; color: rgb(var(--text-tertiary)); cursor: pointer; }
.it-ptab:hover { color: rgb(var(--text-secondary)); }
.it-ptab.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .16); }
.it-wal {
  flex: 0 0 auto; height: 22px; padding: 0 7px; margin-right: 2px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); font-size: 11px; font-weight: 500; cursor: pointer;
}
.it-wal i { font-size: 12px; }
.it-wal:hover { color: rgb(var(--text-primary)); border-color: rgb(var(--text-tertiary)); }
.it-body { display: flex; flex-direction: column; gap: 8px; padding: 8px 10px 7px; }
.it-sec { display: flex; flex-direction: column; gap: 6px; }
.it-sh { display: flex; align-items: center; gap: 6px; height: 18px; min-width: 0; white-space: nowrap; font-size: 11px; color: rgb(var(--text-secondary)); }
.it-st { font-size: 12px; font-weight: 600; color: rgb(var(--text-primary)); }
.it-cur { display: inline-flex; padding: 1px; border-radius: 4px; background: rgb(var(--background-tertiary)); }
.it-cur button { height: 16px; padding: 0 5px; border-radius: 3px; font-size: 10px; font-weight: 600; color: rgb(var(--text-tertiary)); }
.it-cur button.on { color: rgb(var(--text-primary)); background: rgb(var(--secondary-stroke)); }
.it-pctt { height: 16px; padding: 0 5px; border-radius: 3px; line-height: 16px; font-size: 10px; font-weight: 700; color: rgb(var(--text-secondary)); background: rgb(var(--background-tertiary)); }
.it-bal { display: inline-flex; align-items: center; font-size: 12px; font-weight: 500; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.it-hold { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; font-variant-numeric: tabular-nums; }
.it-hold > span:first-child { color: rgb(var(--text-primary)); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.it-dot { font-style: normal; color: rgb(var(--text-tertiary)); }
.it-pills { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.it-pill {
  height: 26px; min-width: 0; display: flex; align-items: center; justify-content: center; overflow: hidden;
  border-radius: 999px; border: 1px solid; font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap;
  font-variant-numeric: tabular-nums; cursor: pointer; touch-action: manipulation;
  transition: background .1s, color .1s, border-color .1s, transform .07s;
}
.it-pill.buy { color: rgb(var(--increase)); border-color: rgb(var(--increase) / .5); }
.it-pill.buy:hover { color: rgb(var(--increase-hover)); background: rgb(var(--increase) / .07); }
.it-pill.sell { color: rgb(var(--decrease)); border-color: rgb(var(--decrease) / .5); }
.it-pill.sell:hover { color: rgb(var(--decrease-hover)); background: rgb(var(--decrease) / .07); }
.it-pill:active { transform: scale(.93); }
.it-pill.buy.fired { color: #06070b; background: rgb(var(--increase)); border-color: rgb(var(--increase)); transition: none; }
.it-pill.sell.fired { color: #fff; background: rgb(var(--decrease)); border-color: rgb(var(--decrease)); transition: none; }
.it-pills.sell.empty .it-pill:not(.fired) { opacity: .5; }
.it-pill.ed { gap: 1px; padding: 0 8px; cursor: text; color: rgb(var(--text-primary)); border-color: rgb(var(--primary-color)); background: rgb(var(--primary-color) / .22); }
.it-pill.ed:active { transform: none; }
.it-pin { flex: 1 1 0; width: 0; min-width: 0; padding: 0; text-align: center; background: none; border: 0; outline: 0; font-size: 13px; font-weight: 500; color: inherit; font-variant-numeric: tabular-nums; }
.it-pill.ed em { flex: 0 0 auto; font-style: normal; font-size: 11px; color: rgb(var(--text-secondary)); }
.it-pill.ed:focus-within { background: rgb(var(--primary-color) / .38); box-shadow: 0 0 0 2px rgb(var(--primary-color) / .35); }
.it-opts {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; height: 22px; border-radius: 4px;
  font-size: 11px; color: rgb(var(--text-secondary)); cursor: pointer;
}
.it-opts:hover { background: rgb(var(--background-tertiary)); color: rgb(var(--text-primary)); }
.it-o { display: inline-flex; align-items: center; justify-content: center; gap: 3px; min-width: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.it-o i { font-size: 12px; color: rgb(var(--text-tertiary)); }
.it-o.set, .it-o.set i { color: rgb(var(--primary-yellow)); }
.it-gear {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 6px; padding: 8px;
  border-radius: 6px; background: rgb(var(--background-tertiary) / .55); border: 1px solid rgb(var(--primary-stroke));
}
.it-gf { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: 10px; color: rgb(var(--text-tertiary)); }
.it-gv { display: flex; align-items: center; gap: 3px; height: 24px; padding: 0 6px; border-radius: 4px; background: var(--ax-bg); border: 1px solid rgb(var(--secondary-stroke)); }
.it-gv:focus-within { border-color: rgb(var(--primary-color)); }
.it-gin { flex: 1 1 0; width: 0; min-width: 0; padding: 0; background: none; border: 0; outline: 0; font-size: 12px; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.it-gv em { font-style: normal; font-size: 10px; color: rgb(var(--text-tertiary)); }
.it-gear > .it-gf:nth-child(4) { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
.it-mev { display: flex; gap: 3px; }
.it-mev button { height: 20px; padding: 0 8px; border-radius: 4px; font-size: 11px; color: rgb(var(--text-secondary)); border: 1px solid rgb(var(--primary-stroke)); }
.it-mev button:hover { color: rgb(var(--text-primary)); }
.it-mev button.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color) / .7); background: rgb(var(--primary-color) / .12); }
.it-gnote { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 10px; line-height: 1.3; color: rgb(var(--text-tertiary)); }
.it-gnote button { flex: 0 0 auto; height: 22px; padding: 0 12px; border-radius: 999px; background: rgb(var(--primary-color)); color: #fff; font-size: 11px; font-weight: 600; }
.it-gnote button:hover { background: rgb(var(--primary-color-hover)); }
.it-initrow { display: flex; align-items: center; justify-content: space-between; height: 18px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.it-initk { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.it-initk b { font-weight: 500; color: rgb(var(--text-secondary)); font-variant-numeric: tabular-nums; }
/* "clip" hint: 100% at once would pay a big price impact right now */
.it-clip {
  min-width: 0; display: inline-flex; align-items: center; gap: 3px; height: 16px; padding: 0 6px; border-radius: 999px; overflow: hidden; white-space: nowrap;
  font-size: 10px; font-weight: 500; color: rgb(var(--decrease)); background: rgb(var(--decrease) / .1); border: 1px solid rgb(var(--decrease) / .3);
}
.it-clip i { font-size: 11px; }
.it-clip b { font-weight: 700; font-variant-numeric: tabular-nums; }
.it-clip.hidden { display: none; }
/* hover tip over a pill: the live quote + its price impact */
.it.docked { position: relative; }
.it-tip {
  position: absolute; z-index: 6; transform: translate(-50%, -100%); pointer-events: none; white-space: nowrap;
  display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 6px;
  font-size: 11px; color: rgb(var(--text-secondary)); font-variant-numeric: tabular-nums;
  background: rgb(var(--background-tertiary)); border: 1px solid rgb(var(--secondary-stroke)); box-shadow: 0 8px 22px rgb(0 0 0 / .55);
}
.it-tip b { font-weight: 600; color: rgb(var(--text-primary)); }
.it-tip b.hi { color: rgb(var(--decrease)); }
.it-tip.hidden { display: none; }
.it-init { height: 18px; padding: 0 2px; font-size: 11.5px; font-weight: 600; color: rgb(var(--primary-color-hover)); cursor: pointer; }
.it-init:hover { text-decoration: underline; }
.it-init.off { color: rgb(var(--text-tertiary)); }
.it-init.fired { color: rgb(var(--decrease)); }
.it-foot { display: grid; grid-template-columns: 1fr 1fr 1fr 1.3fr; border-top: 1px solid rgb(var(--primary-stroke)); }
.it-fc { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 6px 8px 7px; border-right: 1px solid rgb(var(--primary-stroke)); }
.it-fc:last-child { border-right: 0; }
.it-fc > span { display: flex; justify-content: space-between; gap: 4px; font-size: 10px; color: rgb(var(--text-tertiary)); white-space: nowrap; }
.it-fc > span i { font-style: normal; font-weight: 700; font-variant-numeric: tabular-nums; }
.it-fv { display: flex; align-items: center; min-width: 0; }
.it-fv b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.it[data-heat="2"] .it-fc.pnl b { text-shadow: 0 0 12px rgb(var(--increase) / .5); }
.it[data-heat="3"], .it[data-heat="4"] { border-color: rgb(var(--increase) / .6); box-shadow: 0 0 0 1px rgb(var(--increase) / .18), 0 0 28px rgb(var(--increase) / .16); }
.it.floating[data-heat="3"], .it.floating[data-heat="4"] { box-shadow: 0 0 0 1px rgb(var(--increase) / .2), 0 0 32px rgb(var(--increase) / .2), 0 18px 50px rgb(0 0 0 / .62); }
.it[data-heat="3"] .it-fc.pnl b, .it[data-heat="4"] .it-fc.pnl b { text-shadow: 0 0 14px rgb(var(--increase) / .65); }
.it[data-heat="4"] .it-fc.pnl b, .it[data-heat="4"] .it-fc.pnl i { color: rgb(var(--primary-yellow)); }
@container it (max-width: 276px) {
  .it-kb, .it-grip { display: none; }
  .it-head { padding-left: 4px; }
  .it-body { padding: 7px 8px 6px; }
  .it-pills { gap: 4px; }
  .it-pill { font-size: 12px; }
  .it-cur, .it-hold .it-dot:first-of-type, .it-hold > span:nth-child(3) { display: none; }
  .it-fc { padding: 5px 6px 6px; }
  .it-fv b { font-size: 11px; }
}
@container it (max-width: 240px) {
  .it-wal { display: none; }
  .it-ptabs { margin: 0 1px; }
  .it-ptab { padding: 0 5px; }
}
@container axt (max-width: 940px) {
  .axt-itbtn .lbl { display: none; }
  .axt-itbtn { padding: 0 7px; }
  .axt-hero-v { font-size: 24px; }
  .axt-hero[data-heat="3"] .axt-hero-v, .axt-hero[data-heat="4"] .axt-hero-v { font-size: 27px; }
}

/* ======================================================= v2: search extras */
.axs-av img { background: rgb(var(--background-tertiary)); }
.axs-modal[data-qb="large"] .axs-qb { height: 32px; padding: 0 14px; font-size: 13px; }
.axs-modal[data-qb="mega"] .axs-qb { height: 38px; padding: 0 17px; border-radius: 8px; font-size: 14px; }
.axs-modal[data-qb="ultra"] .axs-qb { height: 46px; min-width: 96px; justify-content: center; border-radius: 8px; font-size: 15px; }
.axs-modal[data-qb="ultra"] .axs-row, .axs-modal[data-qb="mega"] .axs-row { height: 64px; }
.axs-modal.no-qb .axs-qb { display: none; }
.axs-prev {
  position: absolute; z-index: 3; width: 176px; height: 176px; overflow: hidden; pointer-events: none; border-radius: 10px;
  background: rgb(var(--background-tertiary)); border: 1px solid rgb(var(--secondary-stroke)); box-shadow: 0 20px 54px rgb(0 0 0 / .7);
  animation: axs-in .1s ease-out;
}
.axs-prev img { width: 100%; height: 100%; object-fit: cover; }
.axs-prev span {
  position: absolute; left: 6px; bottom: 6px; max-width: calc(100% - 12px); padding: 2px 7px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11px; font-weight: 600; background: rgb(0 0 0 / .65); color: #fff;
}
@container axt (max-width: 720px) {
  .axt-hero { min-width: 0; padding: 5px 8px 6px; }
  .axt-hero-h { justify-content: flex-start; }
  .axt-hero-k, .axt-hero-f { display: none; }
  .axt-hero-v, .axt-hero[data-heat="3"] .axt-hero-v, .axt-hero[data-heat="4"] .axt-hero-v { font-size: 20px; }
  .axt-hero-v small { font-size: 11px; }
  .axt-hero-pct { font-size: 12px; }
  .axt-migban { height: 34px; padding: 0 13px 0 10px; font-size: 12px; }
  .axt-migban .tk { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .axt-cvwrap.shake, .axt-cvwrap[data-heat="4"]::after, .axt-hero[data-heat="4"] .axt-hero-v, .axt-hero.pop { animation: none; }
  .axt-burst { display: none; }
}