/* DBK Price Monitor — compact layout aligned with pumpfun_bundle */

:root {
  --section-gap: 0.35rem;
  --block-gap: 0.35rem;
  --fomoark-scroll-thumb: #3a3a3a;
  --fomoark-scroll-thumb-hover: #525252;
}

body {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  background: #0a0a0a;
  color: #e5e7eb;
}

/* Slim dark scrollbars (Firefox + Chromium) */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--fomoark-scroll-thumb) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: var(--fomoark-scroll-thumb);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--fomoark-scroll-thumb-hover);
  background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

.app-container {
  position: fixed;
  inset: 0;
  padding: 0;
  background: #0a0a0a;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.app-update-banner {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.55rem;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  background: linear-gradient(90deg, #120f1c 0%, #1e1530 45%, #120f1c 100%);
  border-bottom: 1px solid rgba(167, 139, 250, 0.35);
  box-shadow: inset 0 -1px 0 rgba(124, 58, 237, 0.15);
  color: #e9e4ff;
  font-size: 0.78rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  z-index: 30;
}

.app-update-banner-dot {
  flex: 0 0 auto;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #a78bfa;
  box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.18);
}

.app-update-banner-text {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #ddd6fe;
}

.app-update-banner-btn {
  flex: 0 0 auto;
  border: 1px solid rgba(196, 181, 253, 0.55);
  background: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 100%);
  color: #fff;
  border-radius: 999px;
  padding: 0.22rem 0.7rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  line-height: 1.15;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.app-update-banner-btn:hover {
  background: linear-gradient(180deg, #9b6dff 0%, #8b5cf6 100%);
  border-color: #ddd6fe;
}

.app-update-banner-btn:active {
  transform: translateY(1px);
}

.fomoark-workspace {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  gap: 0;
}

.fomoark-shell {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  margin-top: 0;
}

.fomoark-shell > .fomoark-left {
  padding: var(--block-gap) 0.65rem 0.35rem 0.65rem;
  min-width: 0;
}

.fomoark-left {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--block-gap);
}

.fomoark-main-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}

.fomoark-layout {
  display: block;
}

.app-header {
  margin-bottom: 0;
  text-align: left;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid #2a2a2a;
  background: #0c0c0f;
  position: relative;
  flex: 0 0 auto;
  display: grid;
  /* Sides keep intrinsic width; center is the remaining gap (no overlap on expand). */
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 20;
}

.app-header-left {
  grid-column: 1;
  justify-self: start;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  z-index: 2;
}

.app-header-center {
  grid-column: 2;
  justify-self: center;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.app-header-brand {
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  overflow: visible;
  display: flex;
  align-items: center;
  padding-right: 0;
  border-right: none;
  align-self: center;
}

.app-brand-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  text-decoration: none;
  line-height: 0;
}

.app-brand-logo {
  display: block;
  height: 1.7rem;
  width: auto;
  max-width: 11.5rem;
  object-fit: contain;
  object-position: left center;
}

.app-brand-mark {
  display: none;
}

.app-header-nav {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.15rem;
  background: #141418;
  border: 1px solid #2a2a2e;
  border-radius: 6px;
}

.app-header-nav-btn {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: #9ca3af;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.45rem 0.85rem;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.app-header-nav-btn:not(.app-header-nav-btn-icon) > .bi {
  margin-right: 0.3rem;
  font-size: 0.85em;
  vertical-align: -0.05em;
}

.app-header-nav-btn.app-header-nav-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
}

.app-header-nav-btn.app-header-nav-btn-icon .bi {
  font-size: 0.95rem;
  line-height: 1;
}

.app-header-nav-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.04);
  border-color: #2a2a2e;
}

body.is-tokens-list .app-header-nav-btn[data-app-view="tokens"],
body.is-trade .app-header-nav-btn[data-app-view="trade"],
body.is-launch .app-header-nav-btn[data-app-view="launch"],
body.is-launch-create .app-header-nav-btn[data-app-view="launch"],
body.is-launch-dashboard .app-header-nav-btn[data-app-view="launch"],
.app-header-nav-btn.is-active {
  color: #fff;
  background: rgba(124, 58, 237, 0.22);
  border-color: rgba(167, 139, 250, 0.55);
  box-shadow: none;
}

body.is-home .app-header-nav-btn.is-active {
  color: #9ca3af;
  background: transparent;
  border-color: transparent;
}

.app-header-nav-btn.is-inactive {
  color: #6b7280;
  opacity: 0.72;
}

.app-header-nav-btn.is-inactive:hover {
  color: #9ca3af;
  background: rgba(255, 255, 255, 0.03);
  border-color: transparent;
}

.app-header-nav-btn.is-coming-soon,
.fomoark-m-nav-drawer-item.is-coming-soon,
.fomoark-mode-tab.is-coming-soon,
.fomoark-tx-tab.is-coming-soon {
  color: #4b5563 !important;
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none !important;
}

.app-header-nav-btn.is-coming-soon:hover,
.fomoark-m-nav-drawer-item.is-coming-soon:hover,
.fomoark-mode-tab.is-coming-soon:hover,
.fomoark-tx-tab.is-coming-soon:hover {
  color: #4b5563 !important;
  background: transparent !important;
  border-color: transparent;
}

.app-header-nav-btn.is-coming-soon.is-active,
.fomoark-mode-tab.is-coming-soon.is-active,
.fomoark-tx-tab.is-coming-soon.is-active {
  background: transparent !important;
  border-color: transparent !important;
  color: #4b5563 !important;
}

.app-header-nav-btn.is-coming-soon .app-header-nav-badge {
  opacity: 0.55;
  filter: grayscale(1);
}

.fomoark-mode-tab.is-coming-soon .bi {
  color: #4b5563 !important;
}

.app-header-nav-btn.has-new {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.app-header-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.12rem 0.35rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  color: #1a1028;
  background: linear-gradient(135deg, #a78bfa, #c4b5fd);
}

.fomoark-m-nav-drawer-item .app-header-nav-badge {
  margin-left: 0.35rem;
}

.app-brand-social {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 6px;
  color: #c4b5fd;
  background: #1a1428;
  border: 1px solid #7c3aed;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.15);
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.app-brand-social i {
  font-size: 0.95rem;
  line-height: 1;
}

.app-brand-social:hover {
  color: #ddd6fe;
  border-color: #a78bfa;
  background: #24183a;
}

.app-title {
  color: #9945ff;
  margin: 0;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.app-header .text-muted {
  color: #8b8b95 !important;
  font-size: 0.72rem;
  white-space: nowrap;
}

.app-header-chain-token {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 1 auto;
  width: max-content;
  max-width: 100%;
  min-width: 0;
}

.app-header-token {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.app-header-token .fomoark-token-controls {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 0.25rem;
  background: #141418;
  border: 1px solid #2a2a2e;
  border-radius: 6px;
  padding: 0.28rem 0.35rem 0.28rem 0.5rem;
  height: 2.35rem;
  box-sizing: border-box;
  overflow: hidden;
}

.fomoark-token-field-label {
  display: none;
}

.fomoark-token-search-icon {
  display: none;
}

.fomoark-token-copy-btn,
.fomoark-token-search-btn {
  flex: 0 0 auto;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-token-search-btn {
  display: none;
}

.fomoark-token-controls.is-expanded .fomoark-token-search-btn {
  display: inline-flex;
}

.fomoark-token-copy-btn:hover,
.fomoark-token-search-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border-color: #2a2a2e;
}

.app-header-token .fomoark-token-controls .form-control {
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  field-sizing: content;
  padding: 0.15rem 0.1rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 0.8rem;
  letter-spacing: 0;
  color: #e5e7eb !important;
  overflow-x: auto;
}

.app-header-token .fomoark-token-controls .form-control.is-short {
  flex: 0 0 auto !important;
  field-sizing: fixed;
  width: 11.5ch !important;
  max-width: 11.5ch !important;
  overflow: hidden;
}

.app-header-token .fomoark-token-controls .form-control:focus {
  outline: none;
}

.app-header-token .fomoark-token-controls .btn {
  flex: 0 0 auto !important;
  white-space: nowrap;
  border-radius: 6px;
}

.app-header-right {
  grid-column: 3;
  justify-self: end;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  margin-left: 0;
  z-index: 2;
}

.app-header-actions,
.app-header-socials {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  gap: 0.4rem;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

.app-header-actions .icon-btn {
  border: 1px solid #2a2a2e !important;
  border-radius: 6px !important;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #141418 !important;
  color: #c4c4c8 !important;
}

.app-header-actions .icon-btn:hover {
  background: #1f1f24 !important;
  color: #fff !important;
}

.app-header-wallet {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  height: 2.35rem;
  padding: 0 0.7rem 0 0.4rem;
  border: 1px solid rgba(167, 139, 250, 0.55);
  border-radius: 6px;
  background: rgba(124, 58, 237, 0.12);
  color: #e5e7eb;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.app-header-wallet:hover {
  background: rgba(124, 58, 237, 0.2);
  border-color: rgba(196, 181, 253, 0.75);
}

.app-header-wallet-avatar {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6366f1, #a855f7);
  color: #fff;
  font-size: 0.75rem;
}

.app-header-wallet-label {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-header-wallet .bi-chevron-down {
  font-size: 0.7rem;
  color: #c4b5fd;
}

button.app-brand-social {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
}

.app-header-chain {
  min-width: 0;
}

.app-header-chain .fomoark-chain-controls {
  width: auto;
  flex-wrap: nowrap;
  gap: 0.25rem;
  background: #141414;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 0.25rem 0.3rem 0.25rem 0.25rem;
}

.app-header-chain .fomoark-chain-controls .icon-btn {
  border: none !important;
  border-radius: 6px;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fomoark-chain-picker {
  position: relative;
  min-width: 0;
}

.fomoark-chain-select-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.fomoark-chain-picker-control {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  height: 2.35rem;
  padding: 0 0.25rem 0 0.35rem;
  border: 1px solid #2a2a2e;
  border-radius: 6px;
  background: #141418;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.fomoark-chain-picker-control:hover,
.fomoark-chain-picker.is-open .fomoark-chain-picker-control {
  background: #1a1a20;
  border-color: #3a3a42;
}

.fomoark-chain-picker-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: none;
  height: 100%;
  padding: 0 0.2rem 0 0.05rem;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #e5e7eb;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.fomoark-chain-picker-settings {
  flex: 0 0 auto;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-chain-picker-settings:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border-color: #2a2a2e;
}

.fomoark-chain-picker-settings .bi {
  font-size: 0.85rem;
  line-height: 1;
}

.fomoark-chain-picker-icon {
  flex: 0 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.fomoark-chain-picker-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fomoark-chain-picker-trigger:focus-visible,
.fomoark-chain-picker-settings:focus-visible {
  outline: 1px solid #9945ff;
  outline-offset: 1px;
}

.fomoark-chain-picker-label {
  /* Name lives in the dropdown; trigger is icon-only. */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.fomoark-chain-picker-trigger .bi {
  flex: 0 0 auto;
  font-size: 0.7rem;
  color: #8b8b95;
  transition: transform 0.15s ease;
}

.fomoark-chain-picker.is-open .fomoark-chain-picker-trigger .bi {
  transform: rotate(180deg);
}

.fomoark-chain-picker-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: auto;
  right: 0;
  min-width: 100%;
  width: max-content;
  max-width: 16rem;
  max-height: 14rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.3rem;
  list-style: none;
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
  z-index: 50;
}

.fomoark-chain-picker-menu[hidden] {
  display: none !important;
}

.fomoark-chain-picker-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #d1d5db;
  font-size: 0.78rem;
  font-weight: 500;
  text-align: left;
  padding: 0.45rem 0.6rem;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-chain-picker-option-icon {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  object-fit: cover;
}

.fomoark-chain-picker-option:hover,
.fomoark-chain-picker-option:focus-visible {
  background: #222222;
  color: #fff;
  outline: none;
}

.fomoark-chain-picker-option.is-active {
  background: rgba(153, 69, 255, 0.18);
  color: #fff;
}

.fomoark-chain-picker-option.is-active::after {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  margin-left: auto;
  border-radius: 50%;
  background: #9945ff;
}

.fomoark-col-main,
.fomoark-col-side {
  min-width: 0;
}

.fomoark-col-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--block-gap);
}

.fomoark-col-main > .step-container {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.fomoark-col-main > .fomoark-chart-panel {
  flex: 1 1 auto;
  min-height: 0;
}

.fomoark-chart-panel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  margin: 0 !important;
}

.fomoark-chart-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  flex-wrap: wrap;
  padding: 0.4rem 0.65rem;
  border-bottom: 1px solid #2a2a2a;
  background: #121212;
  min-width: 0;
}

.fomoark-chart-toolbar .fomoark-chart-pair {
  color: #e5e7eb;
  font-weight: 700;
  font-size: 0.78rem;
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}

.fomoark-chart-ohlc {
  position: absolute;
  top: 0.45rem;
  left: 0.55rem;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 0.55rem;
  max-width: calc(100% - 1.1rem);
  font-size: 0.7rem;
  color: #9ca3af;
  line-height: 1.25;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

.fomoark-chart-ohlc b {
  color: #e5e7eb;
  font-weight: 600;
}

.fomoark-chart-ohlc b.up { color: #16c784; }
.fomoark-chart-ohlc b.down { color: #ea3943; }

.fomoark-chart-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  margin-left: auto;
}

.fomoark-chart-controls .fomoark-seg {
  display: inline-flex;
  align-items: stretch;
  grid: none;
  margin: 0;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  overflow: hidden;
  background: #0f0f0f;
}

.fomoark-chart-controls .fomoark-seg-inset {
  margin: 0;
}

.fomoark-chart-controls .fomoark-seg-btn {
  border: none;
  border-right: 1px solid #2a2a2a;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  padding: 0.28rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.2;
  min-width: 1.85rem;
}

.fomoark-chart-controls .fomoark-seg-btn:last-child {
  border-right: none;
}

.fomoark-chart-controls .fomoark-seg-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.04);
}

.fomoark-chart-controls .fomoark-seg-btn.is-active {
  color: #f3f4f6;
  background: rgba(153, 69, 255, 0.22);
}

.fomoark-chart-wrap {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  background: #0f0f0f;
  display: flex;
  align-items: stretch;
  min-width: 0;
}

.fomoark-chart-tools {
  flex: 0 0 38px;
  width: 38px;
  align-self: stretch;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.35rem 0.15rem 0.25rem;
  border-right: 1px solid #2a2a2a;
  background: #131313;
  z-index: 3;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Legacy Edge */
  position: relative;
}

.fomoark-chart-tools::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.fomoark-chart-tools.is-collapsed {
  flex-basis: 0;
  width: 0;
  padding: 0;
  border-right: none;
  overflow: hidden;
}

.fomoark-chart-tools.is-collapsed .fomoark-chart-tool,
.fomoark-chart-tools.is-collapsed .fomoark-chart-tools-sep,
.fomoark-chart-tools.is-collapsed .fomoark-chart-tools-group {
  display: none;
}

.fomoark-chart-tools-group {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fomoark-chart-tool {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #d1d4dc;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.fomoark-chart-tool svg {
  width: 22px;
  height: 22px;
  display: block;
  pointer-events: none;
}

.fomoark-chart-tool:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.fomoark-chart-tool.is-active {
  background: rgba(41, 98, 255, 0.18);
  color: #2962ff;
}

.fomoark-chart-tool-caret {
  position: absolute;
  right: 1px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid currentColor;
  transform: translateY(-50%);
  opacity: 0.55;
}

.fomoark-chart-tool-menu {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 9.5rem;
  padding: 0.25rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.fomoark-chart-tool-menu[hidden] {
  display: none !important;
}

.fomoark-chart-tool-menu-item {
  border: none;
  background: transparent;
  color: #d1d4dc;
  text-align: left;
  padding: 0.4rem 0.55rem;
  border-radius: 4px;
  font-size: 0.72rem;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-chart-tool-menu-item:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.fomoark-chart-tool-menu-item.is-active {
  color: #93b4ff;
  background: rgba(41, 98, 255, 0.14);
}

.fomoark-chart-tools-sep {
  width: 22px;
  height: 1px;
  margin: 0.25rem 0;
  background: #2a2a2a;
  flex: 0 0 auto;
}

.fomoark-chart-tool-toggle {
  margin-top: auto;
}

.fomoark-chart-tools-expand {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 14px;
  height: 28px;
  padding: 0;
  border: 1px solid #2a2a2a;
  border-left: none;
  border-radius: 0 4px 4px 0;
  background: #131313;
  color: #9ca3af;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}

.fomoark-chart-tools-expand.is-visible {
  display: inline-flex;
}

.fomoark-chart-tools-expand:hover {
  color: #fff;
  background: #1a1a1a;
}

.fomoark-chart-stage {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.fomoark-chart-canvas {
  position: absolute;
  inset: 0;
}

.fomoark-chart-draw-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}

.fomoark-chart-hit-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: crosshair;
  touch-action: none;
  background: transparent;
}

.fomoark-chart-hit-layer[hidden] {
  display: none !important;
}

.fomoark-chart-stage.is-drawing-brush .fomoark-chart-hit-layer {
  cursor: crosshair;
}

.fomoark-chart-measure-tip {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  padding: 0.3rem 0.45rem;
  border-radius: 4px;
  border: 1px solid #2a2a2a;
  background: rgba(20, 20, 20, 0.92);
  color: #e5e7eb;
  font-size: 0.68rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.35;
  white-space: nowrap;
  transform: translate(8px, 8px);
}

.fomoark-chart-unavailable {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  color: #8b8b95;
  font-size: 0.85rem;
  background: rgba(15, 15, 15, 0.92);
  z-index: 5;
}

/* display:flex above would otherwise keep the overlay visible when [hidden]. */
.fomoark-chart-unavailable[hidden] {
  display: none !important;
}

.fomoark-chart-settings {
  position: relative;
  flex: 0 0 auto;
}

.fomoark-chart-settings-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #0f0f0f;
  color: #9ca3af;
  cursor: pointer;
  line-height: 1;
}

.fomoark-chart-settings-btn:hover,
.fomoark-chart-settings-btn.is-open {
  color: #e5e7eb;
  border-color: #3a3a3a;
  background: #1c1c1c;
}

.fomoark-chart-settings-btn:focus-visible {
  outline: 1px solid #9945ff;
  outline-offset: 1px;
}

.fomoark-chart-settings-btn .bi {
  font-size: 0.85rem;
  line-height: 1;
}

.fomoark-chart-settings-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  width: min(14.5rem, calc(100vw - 2rem));
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 10px;
  padding: 0.7rem 0.75rem 0.65rem;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  z-index: 40;
}

.fomoark-chart-settings-popover[hidden] {
  display: none !important;
}

.fomoark-chart-settings-title {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9ca3af;
}

.fomoark-chart-tz-select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: #0f0f0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 0.55rem center;
  color: #d1d5db;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  font-size: 0.72rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.2;
  padding: 0.4rem 1.45rem 0.4rem 0.55rem;
  cursor: pointer;
  outline: none;
}

.fomoark-chart-tz-select:hover,
.fomoark-chart-tz-select:focus {
  border-color: #9945ff;
  color: #fff;
}

.fomoark-chart-tz-select option {
  background: #161616;
  color: #d1d5db;
}

.fomoark-public-sentinel {
  height: 1px;
  width: 100%;
}

.fomoark-public-status {
  padding: 0.45rem 0.75rem 0.55rem;
  font-size: 0.7rem;
  color: #6b7280;
  text-align: center;
  border-top: 1px solid #1c1c1c;
}

.fomoark-tx-row.is-reveal > td {
  opacity: 0;
  transform: translateY(6px);
  animation: fomoark-tx-reveal 0.28s ease forwards;
  animation-delay: inherit;
}

@keyframes fomoark-tx-reveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-tx-row.is-reveal > td {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.fomoark-tx-trader {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #d1d5db;
  text-decoration: none;
}

a.fomoark-tx-trader:hover {
  color: #c4b5fd;
}

.fomoark-col-side {
  flex: 0 0 clamp(280px, 30vw, 380px);
  width: clamp(280px, 30vw, 380px);
  max-width: none;
  min-height: 0;
  height: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  margin: 0;
  padding: 0;
  border-left: 1px solid #2a2a2a;
  background: #0f0f0f;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: 0;
  scrollbar-gutter: stable;
}

.fomoark-col-side::-webkit-scrollbar {
  width: 6px;
}

.fomoark-col-side::-webkit-scrollbar-track {
  background: transparent;
}

.fomoark-col-side::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 4px;
}

.fomoark-col-side::-webkit-scrollbar-thumb:hover {
  background: #3a3a3a;
}

.fomoark-col-side > .step-container,
.fomoark-market-panel,
.fomoark-trade-panel,
.fomoark-social-panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-left: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

.fomoark-col-side > .fomoark-market-panel {
  border-bottom: 1px solid #242424 !important;
}

.fomoark-col-side > .fomoark-trade-panel {
  border-bottom: 1px solid #242424 !important;
}

.fomoark-social-panel {
  position: relative;
  z-index: 80;
  margin-top: auto !important;
  padding: 0;
  overflow: visible;
}

.fomoark-social-panel.is-menu-open {
  z-index: 120;
}

.fomoark-social-panel-body {
  padding: 0.65rem 0.75rem 0.75rem;
  overflow: visible;
}

.fomoark-pair-info-twitter.is-sidebar {
  position: relative;
  width: 100%;
  z-index: auto;
}

.fomoark-social-twitter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  padding: 0.55rem 0.75rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  color: #e5e7eb;
  font-size: 0.78rem;
  font-weight: 650;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-social-twitter-btn:hover,
.fomoark-social-twitter-btn.is-open {
  color: #fff;
  border-color: #3a3a3a;
  background: #1a1a1a;
}

.fomoark-social-twitter-btn .bi-twitter-x {
  font-size: 0.85rem;
}

.fomoark-social-twitter-btn .fomoark-pair-info-caret {
  font-size: 0.62rem;
  opacity: 0.75;
  margin-left: 0.05rem;
}

.fomoark-pair-info-twitter.is-sidebar .fomoark-pair-info-menu {
  left: 0;
  right: 0;
  width: 100%;
  min-width: 0;
  z-index: 130;
}

/* Portaled above sidebar overflow so the menu is never clipped. */
.fomoark-pair-info-menu.is-fixed-portal {
  position: fixed !important;
  z-index: 4000 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.65);
}

.fomoark-trade-panel {
  padding: 0;
  overflow: visible;
  flex: 0 0 auto;
  min-height: auto;
  display: flex;
  flex-direction: column;
}

.fomoark-trade-panel .fomoark-trade-body {
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
}

.fomoark-tx-dock {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 40;
  margin: 0;
  width: 100%;
  background: #0f0f0f;
  border-top: 1px solid #2a2a2a;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
  flex: 0 0 auto;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.fomoark-tx-dock-resize {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  z-index: 6;
  cursor: ns-resize;
  touch-action: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fomoark-tx-dock-resize::after {
  content: "";
  width: 2.4rem;
  height: 3px;
  border-radius: 999px;
  background: #9945ff;
  opacity: 0.85;
  transition: opacity 0.12s ease, background 0.12s ease, width 0.12s ease;
}

.fomoark-tx-dock-resize:hover::after,
.fomoark-tx-dock-resize:focus-visible::after,
.fomoark-tx-dock.is-resizing .fomoark-tx-dock-resize::after {
  opacity: 1;
  width: 2.8rem;
  background: #a855ff;
}

.fomoark-tx-dock.is-resizing {
  user-select: none;
}

.fomoark-tx-dock.is-resizing,
.fomoark-tx-dock.is-resizing * {
  cursor: ns-resize !important;
}

body.is-dock-resizing {
  cursor: ns-resize !important;
  user-select: none !important;
}

.fomoark-tx-dock.is-collapsed .fomoark-tx-dock-body {
  display: none;
}

.fomoark-tx-dock-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0 0.75rem;
  min-height: 2.35rem;
  background: #141414;
  border-bottom: 1px solid #222;
  cursor: pointer;
  user-select: none;
}

.fomoark-tx-dock-bar:hover {
  background: #171717;
}

.fomoark-tx-dock-bar .fomoark-tx-tab,
.fomoark-tx-dock-bar .fomoark-tx-icon-btn {
  cursor: pointer;
}

.fomoark-tx-tabs {
  display: flex;
  align-items: stretch;
  gap: 0.15rem;
  min-width: 0;
  overflow-x: auto;
}

.fomoark-tx-tab {
  border: none;
  background: transparent;
  color: #9ca3af;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.55rem 0.7rem;
  cursor: default;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

.fomoark-tx-tab.is-active {
  color: #e5e7eb;
  border-bottom-color: #9945ff;
}

.fomoark-tx-tab-label {
  display: inline;
}

.fomoark-tx-tab-label-short {
  display: none;
}

.fomoark-tx-tab-icon {
  font-size: 0.72rem;
  margin-right: 0.3rem;
  opacity: 0.9;
  vertical-align: -0.02em;
}

.fomoark-bubble-tab-icon {
  width: 0.85rem;
  height: 0.85rem;
  margin-right: 0.3rem;
  vertical-align: -0.12em;
  display: inline-block;
  flex: 0 0 auto;
}

.fomoark-holders-tab-count {
  font-weight: 600;
  color: inherit;
  opacity: 0.85;
}

.fomoark-tx-dock-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex: 0 0 auto;
  min-width: 7.5rem;
}

.fomoark-tx-icon-btn {
  width: 1.7rem;
  height: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
}

.fomoark-tx-icon-btn:hover {
  color: #e5e7eb;
  background: #1c1c1c;
  border-color: #2a2a2a;
}

.fomoark-tx-dock-body {
  --fomoark-tx-visible-rows: 5;
  --fomoark-tx-head-h: 1.95rem;
  --fomoark-tx-row-h: 1.85rem;
  --fomoark-tx-body-h: calc(
    var(--fomoark-tx-head-h) + (var(--fomoark-tx-visible-rows) * var(--fomoark-tx-row-h))
  );
  height: var(--fomoark-tx-body-h);
  max-height: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #3a3a3a transparent;
}

.fomoark-tx-dock-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.fomoark-tx-dock-body::-webkit-scrollbar-track {
  background: transparent;
}

.fomoark-tx-dock-body::-webkit-scrollbar-thumb {
  background: #3a3a3a;
  border-radius: 999px;
}

.fomoark-tx-dock-body::-webkit-scrollbar-thumb:hover {
  background: #525252;
}

.fomoark-tx-dock-body::-webkit-scrollbar-corner {
  background: transparent;
}

.fomoark-tx-table-wrap {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #3a3a3a transparent;
}

.fomoark-tx-table-wrap::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.fomoark-tx-table-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.fomoark-tx-table-wrap::-webkit-scrollbar-thumb {
  background: #3a3a3a;
  border-radius: 999px;
}

.fomoark-tx-table-wrap::-webkit-scrollbar-thumb:hover {
  background: #525252;
}

.fomoark-tx-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.78rem;
  min-width: 52rem;
}

/* Public trades: Date | Type | USD | Token | Quote | Price | Trader | Txn */
#publicTradesWrap .fomoark-tx-table,
#mineTradesWrap .fomoark-tx-table {
  table-layout: fixed;
}

#publicTradesWrap .fomoark-tx-table {
  min-width: 52rem;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(1),
#publicTradesWrap .fomoark-tx-table td:nth-child(1) {
  width: 10.5rem;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(2),
#publicTradesWrap .fomoark-tx-table td:nth-child(2) {
  width: 5.5rem;
  text-align: center;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(2) .fomoark-tx-th {
  justify-content: center;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(3),
#publicTradesWrap .fomoark-tx-table td:nth-child(3),
#publicTradesWrap .fomoark-tx-table th:nth-child(4),
#publicTradesWrap .fomoark-tx-table td:nth-child(4),
#publicTradesWrap .fomoark-tx-table th:nth-child(5),
#publicTradesWrap .fomoark-tx-table td:nth-child(5),
#publicTradesWrap .fomoark-tx-table th:nth-child(6),
#publicTradesWrap .fomoark-tx-table td:nth-child(6) {
  width: 5.75rem;
  text-align: right;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(3) .fomoark-tx-th,
#publicTradesWrap .fomoark-tx-table th:nth-child(4) .fomoark-tx-th,
#publicTradesWrap .fomoark-tx-table th:nth-child(5) .fomoark-tx-th,
#publicTradesWrap .fomoark-tx-table th:nth-child(6) .fomoark-tx-th {
  justify-content: flex-end;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(7),
#publicTradesWrap .fomoark-tx-table td:nth-child(7) {
  width: 9.5rem;
  text-align: center;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(7) .fomoark-tx-th {
  justify-content: center;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(8),
#publicTradesWrap .fomoark-tx-table td:nth-child(8) {
  width: 3.25rem;
  text-align: center;
}

#publicTradesWrap .fomoark-tx-table th:nth-child(8) .fomoark-tx-th {
  justify-content: center;
}

/* My trades: Date | Chain | Type | USD | Token | Quote | Price | Trader | Txn */
#mineTradesWrap .fomoark-tx-table {
  min-width: 58rem;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(1),
#mineTradesWrap .fomoark-tx-table td:nth-child(1) {
  width: 10.5rem;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(2),
#mineTradesWrap .fomoark-tx-table td:nth-child(2) {
  width: 4.5rem;
  text-align: left;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(3),
#mineTradesWrap .fomoark-tx-table td:nth-child(3) {
  width: 5.5rem;
  text-align: center;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(3) .fomoark-tx-th {
  justify-content: center;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(4),
#mineTradesWrap .fomoark-tx-table td:nth-child(4),
#mineTradesWrap .fomoark-tx-table th:nth-child(5),
#mineTradesWrap .fomoark-tx-table td:nth-child(5),
#mineTradesWrap .fomoark-tx-table th:nth-child(6),
#mineTradesWrap .fomoark-tx-table td:nth-child(6),
#mineTradesWrap .fomoark-tx-table th:nth-child(7),
#mineTradesWrap .fomoark-tx-table td:nth-child(7) {
  width: 5.75rem;
  text-align: right;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(4) .fomoark-tx-th,
#mineTradesWrap .fomoark-tx-table th:nth-child(5) .fomoark-tx-th,
#mineTradesWrap .fomoark-tx-table th:nth-child(6) .fomoark-tx-th,
#mineTradesWrap .fomoark-tx-table th:nth-child(7) .fomoark-tx-th {
  justify-content: flex-end;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(8),
#mineTradesWrap .fomoark-tx-table td:nth-child(8) {
  width: 9.5rem;
  text-align: center;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(8) .fomoark-tx-th {
  justify-content: center;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(9),
#mineTradesWrap .fomoark-tx-table td:nth-child(9) {
  width: 3.75rem;
  text-align: center;
}

#mineTradesWrap .fomoark-tx-table th:nth-child(9) .fomoark-tx-th {
  justify-content: center;
}

#publicTradesWrap .fomoark-tx-trader-cell,
#mineTradesWrap .fomoark-tx-trader-cell {
  max-width: 100%;
}

#publicTradesWrap .fomoark-tx-trader,
#mineTradesWrap .fomoark-tx-trader {
  min-width: 0;
  max-width: calc(100% - 1.15rem);
  overflow: hidden;
}

#publicTradesWrap .fomoark-tx-trader > span:last-child,
#mineTradesWrap .fomoark-tx-trader > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-tx-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #121212;
  color: #9ca3af;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.68rem;
  text-align: left;
  padding: 0.45rem 0.75rem;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  white-space: nowrap;
}

.fomoark-tx-table thead th:last-child {
  border-right: none;
}

.fomoark-tx-th {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.fomoark-tx-th-date {
  display: inline-flex;
  width: auto;
  justify-content: flex-start;
  gap: 0.35rem;
}

.fomoark-tx-date-head-left {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  min-width: 0;
}

.fomoark-tx-date-fmt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0.12rem;
  border: none;
  border-radius: 3px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  line-height: 0;
  transition: color 0.12s ease, background 0.12s ease;
}

.fomoark-tx-date-fmt:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
}

.fomoark-tx-date-fmt svg {
  display: block;
  width: 0.82rem;
  height: 0.82rem;
}

.fomoark-tx-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.95rem;
  height: 0.95rem;
  padding: 0;
  border: none;
  border-radius: 2px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  flex: 0 0 auto;
}

.fomoark-tx-filter-btn svg {
  width: 0.7rem;
  height: 0.7rem;
  display: block;
}

.fomoark-tx-filter-btn:hover,
.fomoark-tx-filter-btn.is-open {
  color: #c4b5fd;
  background: #1a1428;
}

.fomoark-tx-table thead .fomoark-tx-filter-btn.is-active {
  color: #e9d5ff;
  background: #7c3aed;
  box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.55);
}

.fomoark-tx-table thead .fomoark-tx-filter-btn.is-active svg {
  color: #f5f3ff;
}

.fomoark-tx-row .fomoark-tx-filter-btn.is-active {
  color: #e9d5ff;
  background: #7c3aed;
}

.fomoark-tx-filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 12rem;
  min-height: 1.55rem;
  padding: 0.15rem 0.45rem;
  border: 1px solid #3b2a5c;
  border-radius: 6px;
  background: #1a1428;
  color: #c4b5fd;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
}

.fomoark-tx-filter-clear:hover {
  background: #24183a;
  border-color: #7c3aed;
}

.fomoark-tx-filter-clear-x {
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0.8;
}

.fomoark-tx-type-menu {
  position: fixed;
  z-index: 90;
  min-width: 6rem;
  width: max-content;
  padding: 0.35rem 0;
  background: #1e1e24;
  border: 1px solid #2a2a32;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.fomoark-tx-type-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 500;
  text-align: left;
  padding: 0.55rem 0.85rem 0.55rem 0.7rem;
  cursor: pointer;
  line-height: 1.2;
}

.fomoark-tx-type-menu-item:hover {
  background: #2d2d35;
}

.fomoark-tx-type-menu-check {
  width: 0.85rem;
  height: 0.85rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fomoark-tx-type-menu-item[aria-checked="true"] .fomoark-tx-type-menu-check::before {
  content: "";
  width: 0.55rem;
  height: 0.3rem;
  border-left: 1.7px solid #fff;
  border-bottom: 1.7px solid #fff;
  transform: rotate(-45deg) translateY(-1px);
}

.fomoark-tx-table thead th.is-filter-focus .fomoark-tx-th {
  color: #fff;
}

.fomoark-tx-table thead th.is-filter-focus .fomoark-tx-filter-btn {
  color: #fff;
}

.fomoark-tx-filter-popover {
  position: fixed;
  z-index: 80;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17.5rem;
  max-width: calc(100vw - 1rem);
  padding: 0;
  background: #12141a;
  border: 1px solid #2a2f3a;
  border-radius: 10px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  color: #e5e7eb;
}

.fomoark-tx-filter-popover.is-trader {
  width: min(28.5rem, calc(100vw - 1rem));
}

.fomoark-tx-filter-popover.is-date {
  width: max-content;
  max-width: calc(100vw - 1rem);
}

.fomoark-tx-filter-date-rows {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  align-items: stretch;
}

.fomoark-tx-filter-date-row {
  display: grid;
  grid-template-columns: 3.25rem auto;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  border: 1px solid #6b7280;
  border-radius: 8px;
  overflow: hidden;
  background: #0f1117;
}

.fomoark-tx-filter-date-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.45rem;
  background: #1a1e28;
  border-right: 1px solid #3a4150;
  color: #d1d5db;
  font-size: 0.72rem;
  font-weight: 650;
}

.fomoark-tx-filter-date-input {
  border: none !important;
  border-radius: 0 !important;
  width: 12.25rem;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  color-scheme: dark;
}

.fomoark-tx-filter-date-row:focus-within {
  border-color: #818cf8;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25);
}

#filterTraderAddr {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  min-width: 0;
}

.fomoark-tx-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.7rem 0.75rem;
  background: #12141a;
  border-bottom: 1px solid #222733;
}

.fomoark-tx-filter-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  color: #f3f4f6;
  line-height: 1.2;
}

.fomoark-tx-filter-close {
  width: 1.7rem;
  height: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3a4150;
  border-radius: 6px;
  background: transparent;
  color: #c4c9d4;
  cursor: pointer;
  padding: 0;
  flex: 0 0 auto;
}

.fomoark-tx-filter-close svg {
  width: 0.85rem;
  height: 0.85rem;
  display: block;
}

.fomoark-tx-filter-close:hover {
  color: #fff;
  border-color: #5b6475;
  background: #1a1e28;
}

.fomoark-tx-filter-body {
  padding: 0.85rem 0.75rem;
  background: #181b24;
}

.fomoark-tx-filter-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.84rem;
  color: #e5e7eb;
  margin-bottom: 0.45rem;
  cursor: pointer;
}

.fomoark-tx-filter-check:last-child {
  margin-bottom: 0;
}

.fomoark-tx-filter-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

.fomoark-tx-filter-row label {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.68rem;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.fomoark-tx-filter-input,
.fomoark-tx-filter-popover input[type="text"],
.fomoark-tx-filter-popover input[type="number"] {
  width: 100%;
  box-sizing: border-box;
  background: #0f1117 !important;
  border: 1px solid #6b7280 !important;
  border-radius: 8px !important;
  color: #f3f4f6 !important;
  font-size: 0.86rem;
  padding: 0.55rem 0.65rem;
  margin: 0;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.fomoark-tx-filter-row .fomoark-tx-filter-input {
  margin-bottom: 0;
}

.fomoark-tx-filter-input::placeholder,
.fomoark-tx-filter-popover input::placeholder {
  color: #6b7280;
  opacity: 1;
}

.fomoark-tx-filter-input:focus,
.fomoark-tx-filter-popover input[type="text"]:focus,
.fomoark-tx-filter-popover input[type="number"]:focus {
  outline: none !important;
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25) !important;
}

.fomoark-tx-filter-input.is-invalid,
.fomoark-tx-filter-popover input.is-invalid {
  border-color: #ef4444 !important;
}

.fomoark-tx-filter-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.7rem 0.75rem 0.8rem;
  background: #12141a;
  border-top: 1px solid #222733;
}

.fomoark-tx-filter-apply,
.fomoark-tx-filter-clear-panel {
  min-width: 5.25rem;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 650;
  padding: 0.35rem 0.85rem;
  cursor: pointer;
}

.fomoark-tx-filter-apply {
  border: 1px solid transparent;
  background: #6366f1;
  color: #fff;
}

.fomoark-tx-filter-apply svg {
  width: 0.9rem;
  height: 0.9rem;
  display: block;
}

.fomoark-tx-filter-apply:hover {
  background: #4f46e5;
}

.fomoark-tx-filter-clear-panel {
  border: 1px solid #4b5563;
  background: transparent;
  color: #e5e7eb;
}

.fomoark-tx-filter-clear-panel:hover {
  background: #1a1e28;
  border-color: #6b7280;
  color: #fff;
}

.fomoark-tx-trader-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
}

.fomoark-tx-row .fomoark-tx-filter-btn {
  margin-left: 0.15rem;
  vertical-align: middle;
}

.fomoark-tx-table tbody td {
  padding: 0 0.5rem;
  border-bottom: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1;
}

.fomoark-tx-table tbody td:last-child {
  border-right: none;
}

#publicTradesWrap .fomoark-tx-table tbody tr.fomoark-tx-row,
#mineTradesWrap .fomoark-tx-table tbody tr.fomoark-tx-row,
#limitOrdersDockWrap .fomoark-tx-table tbody tr.fomoark-tx-row {
  height: var(--fomoark-tx-row-h, 1.85rem);
}

#publicTradesWrap .fomoark-tx-table tbody tr.fomoark-tx-row > td,
#mineTradesWrap .fomoark-tx-table tbody tr.fomoark-tx-row > td,
#limitOrdersDockWrap .fomoark-tx-table tbody tr.fomoark-tx-row > td {
  height: var(--fomoark-tx-row-h, 1.85rem);
  max-height: var(--fomoark-tx-row-h, 1.85rem);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  overflow: hidden;
}

#publicTradesWrap .fomoark-tx-type,
#mineTradesWrap .fomoark-tx-type,
#publicTradesWrap .fomoark-tx-trader-cell,
#mineTradesWrap .fomoark-tx-trader-cell,
#publicTradesWrap .fomoark-tx-trader,
#mineTradesWrap .fomoark-tx-trader {
  line-height: 1;
}

#publicTradesWrap .fomoark-tx-type .bi,
#mineTradesWrap .fomoark-tx-type .bi {
  line-height: 1;
  vertical-align: -0.05em;
}

#publicTradesWrap .fomoark-tx-filter-btn,
#mineTradesWrap .fomoark-tx-filter-btn {
  line-height: 0;
  box-sizing: border-box;
}

#publicTradesWrap .fomoark-tx-link,
#mineTradesWrap .fomoark-tx-link {
  width: 1.15rem;
  height: 1.15rem;
}

#publicTradesWrap .fomoark-tx-link .bi,
#mineTradesWrap .fomoark-tx-link .bi {
  font-size: 0.78rem;
  line-height: 1;
}

#publicTradesWrap .fomoark-tx-txn-failed,
#mineTradesWrap .fomoark-tx-txn-failed {
  display: inline-flex;
  align-items: center;
  height: 1.15rem;
  font-size: 0.68rem;
  line-height: 1;
  color: #fca5a5;
}

.fomoark-tx-table tbody tr:hover td {
  background: #151515;
}

.fomoark-tx-empty td {
  color: #6b7280;
  text-align: center;
  padding: 0.65rem 0.55rem !important;
}

.fomoark-tx-date {
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
}

.fomoark-tx-table thead th:first-child {
  box-sizing: border-box;
}

.fomoark-tx-type {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 700;
}

.fomoark-tx-type .bi {
  font-size: 0.78rem;
}

.fomoark-tx-row.is-buy .fomoark-tx-type,
.fomoark-tx-row.is-buy .fomoark-tx-usd,
.fomoark-tx-row.is-buy .fomoark-tx-tok,
.fomoark-tx-row.is-buy .fomoark-tx-eth,
.fomoark-tx-row.is-buy .fomoark-tx-price {
  color: #86efac;
}

.fomoark-tx-row.is-sell .fomoark-tx-type,
.fomoark-tx-row.is-sell .fomoark-tx-usd,
.fomoark-tx-row.is-sell .fomoark-tx-tok,
.fomoark-tx-row.is-sell .fomoark-tx-eth,
.fomoark-tx-row.is-sell .fomoark-tx-price {
  color: #fca5a5;
}

.fomoark-tx-row.is-pending td {
  opacity: 0.72;
}

.fomoark-tx-row.is-err .fomoark-tx-type {
  color: #fca5a5;
}

.fomoark-tx-trader {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #d1d5db;
}

.fomoark-tx-avatar {
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 3px;
  background: linear-gradient(135deg, #627eea, #9945ff);
  flex: 0 0 auto;
}

.fomoark-tx-link {
  color: #9ca3af;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
}

.fomoark-tx-link:hover {
  color: #c4b5fd;
  background: #1a1a1a;
}

/* —— Token holders tab —— */
.fomoark-holders-table {
  width: 100%;
  table-layout: fixed;
  min-width: 48rem;
}

#holdersWrap .fomoark-tx-table tbody tr.fomoark-tx-row {
  height: var(--fomoark-tx-row-h, 1.85rem);
}

#holdersWrap .fomoark-tx-table tbody tr.fomoark-tx-row > td {
  height: var(--fomoark-tx-row-h, 1.85rem);
  max-height: var(--fomoark-tx-row-h, 1.85rem);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  overflow: hidden;
}

.fomoark-holders-table th:nth-child(1),
.fomoark-holders-table td:nth-child(1) {
  width: 3.25rem;
}

.fomoark-holders-table th:nth-child(2),
.fomoark-holders-table td:nth-child(2) {
  width: 8.5rem;
}

.fomoark-holders-table th:nth-child(3),
.fomoark-holders-table td:nth-child(3) {
  width: 4.5rem;
  text-align: right;
}

/* Absorb remaining table width so the bar can grow with the dock. */
.fomoark-holders-table th:nth-child(4),
.fomoark-holders-table td:nth-child(4) {
  width: 100%;
  text-align: left;
}

.fomoark-holders-table th:nth-child(5),
.fomoark-holders-table td:nth-child(5) {
  width: 5.5rem;
  text-align: center;
}

.fomoark-holders-table th:nth-child(6),
.fomoark-holders-table td:nth-child(6),
.fomoark-holders-table th:nth-child(7),
.fomoark-holders-table td:nth-child(7) {
  width: 2.75rem;
  text-align: center;
}

.fomoark-holders-table th:nth-child(6) .fomoark-tx-th,
.fomoark-holders-table th:nth-child(7) .fomoark-tx-th {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

.fomoark-holders-icon-cell {
  text-align: center;
}

.fomoark-holders-icon-cell .fomoark-tx-link,
.fomoark-holders-icon-cell .fomoark-tx-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  vertical-align: middle;
}

.fomoark-holders-icon-cell .fomoark-tx-link {
  width: 1.15rem;
  height: 1.15rem;
}

.fomoark-holders-rank {
  color: #6b7280;
}

.fomoark-holders-addr-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
}

.fomoark-holders-addr {
  color: #d1d5db;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-holders-addr:hover {
  color: #c4b5fd;
}

.fomoark-holders-others-label {
  color: #e5e7eb;
  font-weight: 700;
  font-size: 0.78rem;
}

.fomoark-holders-row.is-others .fomoark-holders-pct,
.fomoark-holders-row.is-others .fomoark-holders-value,
.fomoark-holders-row.is-others .fomoark-holders-amt-bal {
  font-weight: 700;
}

.fomoark-holders-dash {
  color: #6b7280;
  font-size: 0.78rem;
}

.fomoark-holders-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.08rem 0.3rem;
  border-radius: 3px;
  border: 1px solid rgba(153, 69, 255, 0.4);
  background: rgba(153, 69, 255, 0.12);
  color: #c4b5fd;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  flex: 0 0 auto;
}

.fomoark-holders-badge.is-dev {
  border-color: rgba(34, 197, 94, 0.4);
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
}

.fomoark-holders-pct {
  color: #e5e7eb;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.fomoark-holders-amt-cell {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 0.45rem;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  line-height: 1;
}

.fomoark-holders-amt-bal,
.fomoark-holders-amt-supply {
  color: #e5e7eb;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fomoark-holders-amt-bal {
  text-align: right;
}

.fomoark-holders-amt-supply {
  color: #9ca3af;
  text-align: right;
}

.fomoark-holders-bar {
  display: block;
  height: 0.3rem;
  min-width: 0;
  width: 100%;
  border-radius: 999px;
  background: #1f1f1f;
  overflow: hidden;
}

.fomoark-holders-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #6b7280;
}

.fomoark-holders-value {
  color: #e5e7eb;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.fomoark-holders-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem 0.55rem;
  border-top: 1px solid #1c1c1c;
  background: transparent;
}

.fomoark-holders-footer-meta {
  grid-column: 1;
  justify-self: start;
  color: #6b7280;
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
  text-align: left;
  line-height: 1.2;
  min-width: 0;
}

.fomoark-holders-footer-meta:empty,
.fomoark-holders-footer-meta[hidden] {
  visibility: hidden;
}

.fomoark-holders-show-all {
  grid-column: 2;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: none;
  background: transparent;
  color: #9ca3af;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
  line-height: 1;
  white-space: nowrap;
}

.fomoark-holders-show-all:hover {
  background: rgba(153, 69, 255, 0.12);
  color: #e5e7eb;
}

.fomoark-holders-show-all[hidden] {
  display: none;
}

.fomoark-bubblemap-modal {
  z-index: 1300;
  padding: 0.5rem;
}

.fomoark-bubblemap-modal.is-fs {
  padding: 0;
}

.fomoark-bubblemap-head {
  padding: 0.35rem 0.55rem;
  min-height: 0;
  gap: 0.45rem;
}

.fomoark-bubblemap-head .fomoark-modal-title {
  font-size: 0.82rem;
  gap: 0.35rem;
}

.fomoark-bubblemap-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex: 0 0 auto;
}

.fomoark-bubblemap-head .fomoark-modal-close {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 5px;
  font-size: 0.72rem;
}

.fomoark-bubblemap-fs-btn .fomoark-bubblemap-fs-compress[hidden],
.fomoark-bubblemap-fs-btn .fomoark-bubblemap-fs-expand[hidden] {
  display: none !important;
}

.fomoark-bubblemap-fs-btn svg {
  display: block;
  width: 14px;
  height: 14px;
}

/* Sized after base .fomoark-modal-panel — see reinforced rule near modal block. */
.fomoark-bubblemap-panel .fomoark-modal-title .fomoark-bubble-tab-icon {
  width: 0.95rem;
  height: 0.95rem;
  margin-right: 0;
  color: #9945ff;
  vertical-align: -0.12em;
}

.fomoark-bubblemap-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.fomoark-bubblemap-main {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.fomoark-bubblemap-addrlist {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  z-index: 4;
  width: 100%;
  flex: 1 1 auto;
  max-height: min(26rem, calc(100vh - 12rem));
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: none;
  border-top: 1px solid #242830;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  overflow: hidden;
}

.fomoark-bubblemap-addrlist[hidden],
.fomoark-bubblemap-addrlist.is-collapsed {
  display: none !important;
}

.fomoark-bubblemap-addrlist-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #1f1f1f;
  flex: 0 0 auto;
}

.fomoark-bubblemap-addrlist-title {
  font-size: 0.78rem;
  font-weight: 650;
  color: #e5e7eb;
}

.fomoark-bubblemap-addrlist-count {
  font-size: 0.68rem;
  color: #6b7280;
}

.fomoark-bubblemap-addrlist-tools {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #1f1f1f;
  flex: 0 0 auto;
}

.fomoark-bubblemap-addrlist-search {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  padding: 0.32rem 0.5rem;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #161616;
  color: #9ca3af;
}

.fomoark-bubblemap-addrlist-search .bi {
  font-size: 0.78rem;
  flex: 0 0 auto;
}

.fomoark-bubblemap-addrlist-search input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
}

.fomoark-bubblemap-addrlist-search input::placeholder {
  color: #6b7280;
}

.fomoark-bubblemap-addrlist-rows {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0.1rem 0;
}

.fomoark-bubblemap-addr-row {
  display: grid;
  grid-template-columns: 1.35rem 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  padding: 0.4rem 0.55rem;
  border: none;
  border-bottom: 1px solid #1a1a1a;
  background: transparent;
  color: #d1d5db;
  text-align: left;
  cursor: pointer;
  font-size: 0.72rem;
}

.fomoark-bubblemap-addr-row:hover {
  background: #171717;
}

.fomoark-bubblemap-addr-row.is-active {
  background: rgba(153, 69, 255, 0.12);
  color: #f3f4f6;
}

.fomoark-bubblemap-addr-row.is-hidden-node {
  opacity: 0.45;
}

.fomoark-bubblemap-addr-eye {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
}

.fomoark-bubblemap-addr-eye:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
}

.fomoark-bubblemap-addr-eye.is-off {
  color: #f87171;
}

.fomoark-bubblemap-addr-rank {
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

.fomoark-bubblemap-addr-row.is-active .fomoark-bubblemap-addr-rank {
  color: #e5e7eb;
}

.fomoark-bubblemap-addr-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.7rem;
}

.fomoark-bubblemap-addr-pct {
  font-variant-numeric: tabular-nums;
  color: #c4b5fd;
  font-weight: 650;
  justify-self: end;
}

@media (max-width: 900px) {
  .fomoark-bubblemap-sidebar {
    top: 0.5rem;
    left: 0.5rem;
    width: min(17.5rem, calc(100% - 1rem));
    max-height: calc(100% - 1rem);
  }

  .fomoark-bubblemap-sidebar.is-docked {
    top: 0;
    left: 0;
    width: min(17.5rem, 72%);
    max-height: none;
    height: 100%;
  }

  .fomoark-bubblemap-addrlist {
    max-height: min(18rem, calc(100vh - 14rem));
  }
}

.fomoark-bubblemap-sidebar {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 5;
  width: min(18.5rem, calc(100% - 1.5rem));
  max-height: calc(100% - 1.5rem);
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: 14px;
  border: 1px solid #2a2a2a;
  background: rgba(18, 20, 28, 0.96);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  transition: top 0.18s ease, left 0.18s ease, bottom 0.18s ease, width 0.18s ease, border-radius 0.18s ease, max-height 0.18s ease;
}

.fomoark-bubblemap-sidebar.is-docked {
  top: 0;
  left: 0;
  bottom: 0;
  width: min(20rem, 46%);
  max-height: none;
  height: 100%;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-bottom: none;
  box-shadow: 10px 0 28px rgba(0, 0, 0, 0.4);
}

.fomoark-bubblemap-sidebar.is-docked .fomoark-bubblemap-addrlist {
  flex: 1 1 auto;
  max-height: none;
}

.fomoark-bubblemap-tokenmeta {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  max-width: none;
  padding: 0.5rem 0.5rem 0.45rem;
  border-radius: 0;
  border: none;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}

.fomoark-bubblemap-tokenmeta-top {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.fomoark-bubblemap-tokenmeta-icons {
  position: relative;
  width: 2.55rem;
  height: 1.85rem;
  flex: 0 0 auto;
}

.fomoark-bubblemap-tokenmeta-icon {
  position: absolute;
  top: 0;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  border: 2px solid #12141c;
  background: #0c0c12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.fomoark-bubblemap-tokenmeta-icon-token {
  left: 0;
  z-index: 2;
  color: #f3f4f6;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  background: linear-gradient(145deg, #2a1a3a 0%, #12141c 100%);
}

.fomoark-bubblemap-tokenmeta-icon-token img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fomoark-bubblemap-tokenmeta-icon-chain {
  left: 0.85rem;
  z-index: 1;
  background: #101218;
}

.fomoark-bubblemap-tokenmeta-icon-chain img {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
}

.fomoark-bubblemap-tokenmeta-text {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-bubblemap-tokenmeta-name {
  color: #f3f4f6;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-bubblemap-tokenmeta-symbol {
  color: #8b93a7;
  font-size: 0.68rem;
  font-weight: 550;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-bubblemap-tokenmeta-panel {
  flex: 0 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  margin-left: 0.1rem;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #7b8499;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-bubblemap-tokenmeta-panel:hover,
.fomoark-bubblemap-tokenmeta-panel[aria-pressed="true"] {
  color: #d1d5db;
  background: rgba(255, 255, 255, 0.05);
}

.fomoark-bubblemap-tokenmeta-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.fomoark-bubblemap-tokenmeta-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #9aa3b5;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
}

.fomoark-bubblemap-tokenmeta-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.05);
}

.fomoark-bubblemap-tokenmeta-btn[aria-pressed="true"] {
  color: #f3f4f6;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.06);
}

.fomoark-bubblemap-tokenmeta-btn svg {
  flex: 0 0 auto;
  opacity: 0.9;
}

.fomoark-bubblemap-chart {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  background:
    radial-gradient(ellipse at center, rgba(36, 32, 52, 0.4) 0%, transparent 58%),
    #07070c;
}

.fomoark-bubblemap-chart svg {
  display: block;
  width: 100%;
  height: 100%;
}

.fomoark-bubblemap-chart .bm-bubble {
  cursor: pointer;
  transition: stroke 0.15s ease, stroke-width 0.15s ease, fill 0.15s ease;
}

.fomoark-bubblemap-chart .bm-node-isolated .bm-bubble {
  opacity: 0.45;
}

.fomoark-bubblemap-chart .bm-bubble:hover,
.fomoark-bubblemap-chart .bm-bubble.is-active {
  stroke-width: 2.4px !important;
  opacity: 1 !important;
}

.fomoark-bubblemap-chart .bm-link {
  pointer-events: none;
  stroke-opacity: 0.72;
  fill: none;
}

.fomoark-bubblemap-chart .bm-link.is-active {
  stroke: #e8b4c8 !important;
  stroke-opacity: 0.95;
}

.fomoark-bubblemap-chart .bm-link.is-dim {
  stroke-opacity: 0.08;
}

.fomoark-bubblemap-chart .bm-node.is-dim {
  opacity: 0.18;
}

.fomoark-bubblemap-chart .bm-node.is-node-hidden,
.fomoark-bubblemap-chart .bm-link.is-node-hidden {
  display: none !important;
}

.fomoark-bubblemap-chart .bm-label {
  fill: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 650;
  pointer-events: none;
  text-anchor: middle;
  dominant-baseline: middle;
}

.fomoark-bubblemap-detail {
  position: absolute;
  top: 0.75rem;
  left: auto;
  right: 0.75rem;
  z-index: 5;
  width: min(18.5rem, calc(100% - 1.5rem));
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: rgba(18, 18, 18, 0.94);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fomoark-bubblemap-detail[hidden] {
  display: none !important;
}

.fomoark-bubblemap-detail-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem;
}

.fomoark-bubblemap-detail-label {
  color: #6b7280;
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  flex: 0 0 auto;
}

.fomoark-bubblemap-detail-value {
  color: #e5e7eb;
  font-size: 0.78rem;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-bubblemap-detail-addr {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-width: 0;
  max-width: 70%;
}

.fomoark-bubblemap-detail-addr a {
  color: #c4b5fd;
  text-decoration: none;
}

.fomoark-bubblemap-detail-addr a:hover {
  color: #e9d5ff;
  text-decoration: underline;
}

.fomoark-bubblemap-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  padding: 0;
  border: none;
  border-radius: 3px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  flex: 0 0 auto;
}

.fomoark-bubblemap-filter-btn:hover {
  color: #c4b5fd;
  background: rgba(153, 69, 255, 0.12);
}

.fomoark-bubblemap-filter-btn svg {
  width: 0.85rem;
  height: 0.85rem;
  display: block;
}

.fomoark-bubblemap-status {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #9ca3af;
  font-size: 0.82rem;
  pointer-events: none;
  text-align: center;
  padding: 0.5rem 0.75rem;
}

.fomoark-bubblemap-status:empty,
.fomoark-bubblemap-status[hidden] {
  display: none;
}

@media (max-width: 720px) {
  .fomoark-modal-panel.fomoark-bubblemap-panel {
    width: calc(100vw - 0.35rem);
    max-width: calc(100vw - 0.35rem);
    height: calc(100dvh - 0.35rem);
    max-height: calc(100dvh - 0.35rem);
  }

  .fomoark-holders-footer {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  .fomoark-holders-footer-meta,
  .fomoark-holders-show-all {
    grid-column: 1;
    justify-self: center;
  }

  .fomoark-holders-footer-meta {
    text-align: center;
  }
}

.fomoark-side-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 650;
  font-size: 0.8rem;
  color: #e5e7eb;
  margin: 0;
  padding: 0.5rem 0.65rem 0.4rem;
  background: transparent;
  border-bottom: 1px solid #242424;
}

.fomoark-side-title-row > .fomoark-side-title-label {
  flex: 0 0 auto;
}

.fomoark-mode-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 1px solid #2a2a2a;
  overflow: hidden;
  width: 100%;
  min-width: 0;
}

.fomoark-mode-tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 2.15rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  font-size: 0.85rem;
  font-weight: 650;
  line-height: 1;
  padding: 0 0.75rem;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s ease, color 0.15s ease;
}

.fomoark-mode-tab + .fomoark-mode-tab {
  border-left: 1px solid #2a2a2a;
}

.fomoark-mode-tab .bi {
  font-size: 0.95rem;
  color: #c4b5fd;
}

.fomoark-mode-tab[data-trade-mode="limit"] .bi {
  color: #a5b4fc;
}

.fomoark-mode-tab:hover {
  color: #e5e7eb;
}

.fomoark-mode-tab.is-active {
  color: #f3f4f6;
  box-shadow: none;
}

.fomoark-mode-tab.is-active[data-trade-mode="market"] {
  background: #1f1630;
  color: #f3f4f6;
}

.fomoark-mode-tab.is-active[data-trade-mode="limit"] {
  background: #161a2e;
  color: #f3f4f6;
}

.fomoark-trade-mode-pane {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-width: 0;
}

.fomoark-trade-mode-pane[hidden] {
  display: none !important;
}

.fomoark-wallet-panel {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0;
  border-bottom: none;
  background: transparent;
}

.fomoark-trade-body > .fomoark-wallet-panel {
  padding-bottom: 0.15rem;
}

.fomoark-wallet-panel-head[hidden] {
  display: none !important;
}

.fomoark-wallet-panel-head {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.fomoark-wallet-panel-head .fomoark-side-title-label {
  flex: 0 0 auto;
  font-weight: 650;
  font-size: 0.8rem;
  color: #e5e7eb;
}

.fomoark-wallet-panel-head .fomoark-side-title-label .bi {
  color: #9945ff;
  font-size: 0.85rem;
}

.fomoark-wallet-panel .fomoark-wallet-picker {
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-wallet-panel .fomoark-wallet-select-wrap-inline {
  height: 1.7rem;
}

.fomoark-wallet-panel .fomoark-copy-btn {
  flex: 0 0 1.55rem;
  width: 1.55rem;
  font-size: 0.78rem;
}

.fomoark-wallet-panel .fomoark-trade-balances {
  padding: 0;
}

.fomoark-side-title-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.fomoark-side-title-inline {
  margin: 0 -0.85rem;
  padding: 0 0.85rem 0.45rem;
  border-top: none;
  border-bottom: 1px solid #242424;
}

.fomoark-side-title .bi {
  color: #9945ff;
  font-size: 0.85rem;
}

.fomoark-token-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  text-align: left;
  padding: 0.5rem 0.65rem 0.45rem;
  border-bottom: 1px solid #242424;
}

.fomoark-token-header-identity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-token-header-socials {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.3rem;
  flex: 0 0 auto;
  align-self: center;
}

.fomoark-token-header-socials[hidden] {
  display: none !important;
}

.fomoark-token-header-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #141414;
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.fomoark-token-header-social:hover {
  color: #fff;
  border-color: #3a3a3a;
  background: #1a1a1a;
}

.fomoark-token-header-social .bi {
  font-size: 0.78rem;
  line-height: 1;
}

.fomoark-token-tg-alerts {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0 0.55rem 0.45rem;
  padding: 0.45rem 0.5rem 0.5rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #0f0f0f;
  box-sizing: border-box;
}

.fomoark-token-tg-alerts[hidden] {
  display: none !important;
}

.fomoark-token-tg-alerts-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-token-tg-alerts-head .bi {
  font-size: 0.82rem;
  color: #5b9bd5;
  line-height: 1;
}

.fomoark-token-tg-alerts-label {
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b8b96;
}

.fomoark-token-tg-alerts-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-token-tg-alert {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 0;
  height: 1.85rem;
  padding: 0 0.5rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #141414;
  color: #c4c4cc;
  font-size: 0.72rem;
  font-weight: 550;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.fomoark-token-tg-alert:hover {
  color: #fff;
  border-color: #3a4a6b;
  background: #1a1a1a;
}

.fomoark-token-tg-alert .bi {
  font-size: 0.78rem;
  color: #8b9bb8;
  line-height: 1;
}

.fomoark-token-tg-alert:hover .bi {
  color: #c5d0e6;
}

.fomoark-token-header-avatar {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.45rem;
  border: 1px solid #3b4a6b;
  background: #121826;
  color: #9ca3af;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

.fomoark-token-header-avatar-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fomoark-token-header-avatar.has-img .fomoark-token-header-avatar-fallback {
  display: none;
}

.fomoark-token-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.12rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-token-header-name {
  font-size: 0.72rem;
  font-weight: 500;
  color: #7b8499;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  max-width: 100%;
  text-align: left;
}

.fomoark-token-header-pair-main {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  min-width: 0;
  max-width: 100%;
}

.fomoark-token-header-sym {
  font-size: 1.15rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: #f8fafc;
  text-transform: uppercase;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-token-header-copy {
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0 -0.05rem 0 0.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
}

.fomoark-token-header-copy:hover:not(:disabled) {
  color: #c4b5fd;
  background: #1a1a1a;
}

.fomoark-token-header-copy:disabled {
  opacity: 0.4;
  cursor: default;
}

.fomoark-trade-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 0.85rem 0.9rem;
}

.fomoark-side-wallet-btns {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.fomoark-wallet-panel .fomoark-side-wallet-btns .btn,
.fomoark-side-title-row .fomoark-side-wallet-btns .btn {
  font-size: 0.7rem;
  height: 1.55rem;
  min-height: 1.55rem;
  padding: 0.15rem 0.4rem;
}

.fomoark-wallet-panel .fomoark-side-wallet-btns .icon-btn,
.fomoark-side-title-row .fomoark-side-wallet-btns .icon-btn {
  width: 1.55rem;
  min-width: 1.55rem;
}

.fomoark-modal-panel.fomoark-wallet-manage-panel {
  width: min(28rem, 100%);
  max-height: min(88vh, 40rem);
  background: #141414;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.fomoark-wm-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #2a2a2a;
}

.fomoark-wm-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  color: #f3f4f6;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.fomoark-wm-title .bi {
  color: #9945ff;
  font-size: 0.95rem;
}

.fomoark-wm-tabs {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0 0.9rem;
  border-bottom: 1px solid #2a2a2a;
  flex: 0 0 auto;
}

.fomoark-wm-tab {
  appearance: none;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: transparent;
  color: #9ca3af;
  font-size: 0.78rem;
  font-weight: 600;
  height: 2.2rem;
  padding: 0 0.65rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.fomoark-wm-tab .bi {
  color: #9945ff;
  font-size: 0.85rem;
}

.fomoark-wm-tab:hover {
  color: #e5e7eb;
}

.fomoark-wm-tab.is-active {
  color: #f3f4f6;
  border-bottom-color: #9945ff;
}

.fomoark-wm-body {
  padding: 0.75rem 0.9rem 0.9rem !important;
  gap: 0 !important;
}

.fomoark-wallet-manage-panel-pane {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.fomoark-wallet-manage-panel-pane.is-active {
  display: flex;
}

.fomoark-wallet-manage-panel-pane[hidden] {
  display: none !important;
}

.fomoark-wm-section {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.fomoark-wm-section + .fomoark-wm-section {
  padding-top: 0.85rem;
  border-top: 1px solid #242424;
}

.fomoark-wm-section-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
}

.fomoark-wm-section-row > .fomoark-wallet-list {
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-wm-section-row > .fomoark-wm-source-btn {
  flex: 0 0 auto;
  align-self: center;
}

.fomoark-wm-section-head .fomoark-wm-privy-mount {
  flex: 0 0 auto;
  margin-left: auto;
}

.fomoark-wm-privy-mount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.fomoark-wm-privy-mount:empty {
  display: none;
}

.fomoark-wm-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 1.7rem;
}

.fomoark-wm-section-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.fomoark-wm-section-label {
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b8b95;
}

.fomoark-wm-source-btn,
.fomoark-wm-ghost-btn,
.fomoark-wm-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  border-radius: 6px;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-wm-source-btn {
  height: 1.7rem;
  padding: 0 0.55rem;
  border: 1px solid #333;
  background: #1a1a1a;
  color: #e5e7eb;
}

.fomoark-wm-source-btn:hover {
  border-color: #444;
  background: #222;
}

.fomoark-wm-source-btn.is-connected {
  border-color: #2f5f3f;
  color: #86efac;
  background: #152019;
}

.fomoark-wm-source-btn.is-in-card {
  margin-left: 0.15rem;
}

.fomoark-wm-ghost-btn {
  height: 1.7rem;
  padding: 0 0.55rem;
  border: 1px solid #333;
  background: transparent;
  color: #cfcfcf;
}

.fomoark-wm-ghost-btn:hover {
  border-color: #444;
  color: #fff;
}

.fomoark-wm-primary-btn {
  height: 1.7rem;
  padding: 0 0.7rem;
  border: 1px solid #7c3aed;
  background: #7c3aed;
  color: #fff;
}

.fomoark-wm-primary-btn:hover {
  background: #8b5cf6;
  border-color: #8b5cf6;
}

.fomoark-wm-input {
  background: #111 !important;
  border-color: #2a2a2a !important;
  border-radius: 6px !important;
}

.fomoark-wm-input:focus {
  border-color: #5b21b6 !important;
  box-shadow: none !important;
}

.fomoark-wm-secret {
  -webkit-text-security: disc;
  text-security: disc;
  resize: vertical;
  min-height: 2.6rem;
}

.fomoark-wm-secret::placeholder {
  -webkit-text-security: none;
  text-security: none;
}

.fomoark-wm-transfer {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.fomoark-wm-select {
  position: relative;
  width: 100%;
  min-width: 0;
}

.fomoark-wm-select-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.fomoark-wm-select-trigger {
  width: 100%;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.55rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #111;
  color: #e5e7eb;
  cursor: pointer;
  text-align: left;
}

.fomoark-wm-select-trigger:hover {
  border-color: #3a3a42;
  background: #151515;
}

.fomoark-wm-select.is-open .fomoark-wm-select-trigger {
  border-color: #5b21b6;
}

.fomoark-wm-select-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem;
  line-height: 1.25;
  color: #e5e7eb;
}

.fomoark-wm-select-trigger .bi-chevron-down {
  flex: 0 0 auto;
  font-size: 0.7rem;
  color: #8b8b95;
  transition: transform 0.15s ease;
}

.fomoark-wm-select.is-open .fomoark-wm-select-trigger .bi-chevron-down {
  transform: rotate(180deg);
  color: #c4b5fd;
}

.fomoark-wm-select-menu {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 12rem;
  overflow: auto;
  margin: 0;
  padding: 0.25rem;
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.fomoark-wm-select-menu[hidden] {
  display: none !important;
}

.fomoark-wm-select-option {
  width: 100%;
  display: block;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #d1d5db;
  font-size: 0.78rem;
  line-height: 1.3;
  text-align: left;
  padding: 0.4rem 0.5rem;
  cursor: pointer;
}

.fomoark-wm-select-option:hover,
.fomoark-wm-select-option:focus-visible {
  background: #1c1c1c;
  color: #fff;
  outline: none;
}

.fomoark-wm-select-option.is-active {
  background: rgba(153, 69, 255, 0.14);
  color: #f3f4f6;
}

.fomoark-wm-select-option:disabled {
  opacity: 0.45;
  cursor: default;
}

.fomoark-wm-field {
  display: grid;
  grid-template-columns: 4.25rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
}

.fomoark-wm-field-label {
  margin: 0;
  padding-top: 0.4rem;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b8b95;
  line-height: 1.2;
}

.fomoark-wm-field-stack {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-wm-amount-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-wm-amount-row .form-control {
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-wm-transfer-hint {
  color: #8b8b95;
  font-size: 0.7rem;
  line-height: 1.3;
}

.fomoark-wm-transfer-send {
  width: 100%;
  height: 2rem;
  margin-top: 0.15rem;
}

.fomoark-wm-avatar {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 0.68rem;
  font-weight: 700;
  color: #ddd6fe;
  background: #3b2760;
  border: 1px solid #4c1d95;
}

.fomoark-wm-card-title-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  width: 100%;
}

.fomoark-wm-card-title-row .fomoark-wallet-item-name {
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-wm-card-title-row .fomoark-wallet-default-badge,
.fomoark-wm-card-title-row .fomoark-wallet-item-actions {
  flex: 0 0 auto;
}

.fomoark-wallet-kind-badge {
  display: none;
}

.fomoark-wm-icon-btn.is-default-active {
  color: #c4b5fd;
}

.fomoark-wm-card-addr-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  width: 100%;
  flex-wrap: wrap;
}

.fomoark-wm-card-addr-row .fomoark-wm-card-bals {
  margin-left: 0.15rem;
}

.fomoark-wm-card-addr,
.fomoark-wm-card-bals {
  font-size: 0.68rem;
  color: #8b8b95;
  line-height: 1.25;
}

.fomoark-wm-card-addr {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-wm-copy-addr-btn {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}

.fomoark-wm-copy-addr-btn .bi {
  font-size: 0.68rem;
}

.fomoark-wm-card-bals {
  color: #a3a3a3;
  white-space: nowrap;
}

.fomoark-wm-icon-btn {
  width: 1.55rem;
  height: 1.55rem;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #8b8b95;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-wm-icon-btn:hover {
  color: #fff;
  background: #222;
}

.fomoark-wm-icon-btn.is-danger:hover {
  color: #fca5a5;
  background: rgba(248, 113, 113, 0.08);
}

.fomoark-wm-icon-btn:disabled {
  cursor: default;
  opacity: 1;
}

.fomoark-wm-icon-btn .bi {
  font-size: 0.78rem;
  line-height: 1;
}

.fomoark-box-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
}

.fomoark-box-label .bi {
  color: #9945ff;
}

.fomoark-wallet-picker {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-wallet-select-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.fomoark-wallet-select-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  background: #0f0f0f;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  overflow: hidden;
}

.fomoark-wallet-picker.is-open .fomoark-wallet-select-wrap {
  border-color: #3a3a42;
  background: #141418;
}

.fomoark-wallet-picker-trigger {
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 100%;
  padding: 0 0.4rem;
  border: none;
  background: transparent;
  color: #e5e7eb;
  cursor: pointer;
  text-align: left;
}

.fomoark-wallet-picker-trigger:hover {
  background: rgba(255, 255, 255, 0.03);
}

.fomoark-wallet-picker-trigger:focus-visible {
  outline: 1px solid #9945ff;
  outline-offset: -1px;
}

.fomoark-wallet-picker-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  line-height: 1.2;
  color: #e5e7eb;
}

.fomoark-wallet-picker-trigger .bi-chevron-down {
  flex: 0 0 auto;
  font-size: 0.65rem;
  color: #8b8b95;
  transition: transform 0.15s ease;
}

.fomoark-wallet-picker.is-open .fomoark-wallet-picker-trigger .bi-chevron-down {
  transform: rotate(180deg);
  color: #c4b5fd;
}

.fomoark-wallet-picker-menu {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  right: 0;
  min-width: max(100%, 16rem);
  width: max-content;
  max-width: min(24rem, 92vw);
  max-height: 16rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0.3rem;
  list-style: none;
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
  z-index: 60;
}

.fomoark-wallet-picker-menu[hidden] {
  display: none !important;
}

.fomoark-wallet-picker-group {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
  padding: 0.4rem 0.55rem 0.25rem;
}

.fomoark-wallet-picker-group + .fomoark-wallet-picker-row {
  margin-top: 0.1rem;
}

.fomoark-wallet-picker-row {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  border-radius: 6px;
}

.fomoark-wallet-picker-row:hover,
.fomoark-wallet-picker-row:focus-within {
  background: #222222;
}

.fomoark-wallet-picker-row.is-active {
  background: rgba(153, 69, 255, 0.18);
}

.fomoark-wallet-picker-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #d1d5db;
  font-size: 0.74rem;
  font-weight: 500;
  text-align: left;
  padding: 0.42rem 0.35rem 0.42rem 0.55rem;
  cursor: pointer;
}

.fomoark-wallet-picker-row.is-active .fomoark-wallet-picker-option {
  color: #fff;
}

.fomoark-wallet-picker-option-main {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-wallet-picker-option-badge {
  flex: 0 0 auto;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #c4b5fd;
}

.fomoark-wallet-picker-option:focus-visible {
  outline: 1px solid #9945ff;
  outline-offset: -1px;
}

.fomoark-wallet-picker-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex: 0 0 auto;
  padding-right: 0.2rem;
}

.fomoark-wallet-picker-action {
  width: 1.45rem;
  height: 1.45rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-wallet-picker-action:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-color: #2a2a2e;
}

.fomoark-wallet-picker-action .bi {
  font-size: 0.72rem;
  line-height: 1;
}

.fomoark-wallet-picker-empty {
  font-size: 0.74rem;
  color: #6b7280;
  padding: 0.55rem 0.5rem;
}

.fomoark-wallet-picker-manage {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0.45rem 0.55rem;
  border: none;
  border-top: 1px solid #2a2a2a;
  border-radius: 0 0 6px 6px;
  background: transparent;
  color: #c4b5fd;
  font-size: 0.74rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.fomoark-wallet-picker-manage:hover {
  color: #fff;
  background: rgba(153, 69, 255, 0.12);
}

.fomoark-copy-btn {
  flex: 0 0 1.85rem;
  width: 1.85rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-left: 1px solid #2a2a2a;
  background: #121212;
  color: #9945ff;
  cursor: pointer;
}

.fomoark-copy-btn:hover:not(:disabled) {
  color: #b366ff;
  background: #1a1a1a;
}

.fomoark-copy-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.fomoark-copy-btn .bi {
  font-size: 0.78rem;
}

/* Buy / Sell tabs — underline text tabs (distinct from Market/Limit) */
.fomoark-trade-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #2a2a2a;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}

.fomoark-trade-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 2.15rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #6b7280;
  font-size: 0.85rem;
  font-weight: 650;
  cursor: pointer;
  transition: color 0.15s ease;
}

.fomoark-trade-tab::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -1px;
  height: 2.5px;
  border-radius: 2px 2px 0 0;
  background: transparent;
  transition: background 0.15s ease;
}

.fomoark-trade-tab .bi {
  font-size: 0.95rem;
  display: none;
}

.fomoark-trade-tab.is-active .bi {
  display: inline-block;
}

.fomoark-trade-tab:not(.is-active):hover {
  color: #9ca3af;
}

.fomoark-trade-tab.is-active[data-side="buy"] {
  color: #16c784;
  background: transparent;
}

.fomoark-trade-tab.is-active[data-side="buy"] .bi {
  color: #16c784;
}

.fomoark-trade-tab.is-active[data-side="buy"]::after {
  background: #16c784;
}

.fomoark-trade-tab.is-active[data-side="sell"] {
  color: #ea3943;
  background: transparent;
}

.fomoark-trade-tab.is-active[data-side="sell"] .bi {
  color: #ea3943;
}

.fomoark-trade-tab.is-active[data-side="sell"]::after {
  background: #ea3943;
}

.fomoark-swap-stack {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.fomoark-swap-leg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 1.4rem;
}

.fomoark-swap-leg-label {
  font-size: 0.68rem;
  font-weight: 600;
  color: #8b8b95;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.fomoark-swap-leg-head .fomoark-slip-pop {
  flex: 0 0 auto;
}

.fomoark-trade-output-box > .fomoark-swap-leg-label {
  margin-bottom: 0.2rem;
}

.fomoark-trade-panel-box {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7rem 0.75rem 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.fomoark-trade-output-box {
  padding-bottom: 0.7rem;
  gap: 0.2rem;
  border-top: 1px solid #242424;
}

.fomoark-trade-output-values {
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.35rem;
  text-align: right;
}

.fomoark-trade-output-amount {
  font-size: 1.35rem;
  font-weight: 650;
  color: #e5e7eb;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-trade-output-amount.is-loading {
  color: #9ca3af;
}

.fomoark-trade-output-amount.is-empty {
  color: #6b7280;
}

.fomoark-trade-output-usd {
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 500;
  color: #8b8b95;
  white-space: nowrap;
}

.fomoark-trade-output-usd:empty {
  display: none;
}

.fomoark-trade-amount-row,
.fomoark-trade-slip-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2rem;
}

.fomoark-trade-token {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 0.9rem;
  color: #f3f4f6;
  min-width: 3.5rem;
}

.fomoark-token-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #627eea, #9945ff);
  color: #fff;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  overflow: hidden;
  flex: 0 0 auto;
}

.fomoark-token-badge.is-token {
  background: linear-gradient(135deg, #14f195, #0ea5e9);
  color: #04120b;
}

.fomoark-token-badge.is-eth {
  background: #627eea;
  color: #fff;
  padding: 0.22rem;
}

.fomoark-token-badge.is-eth img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fomoark-asset-icon {
  display: inline-block;
  width: 0.95rem;
  height: 0.95rem;
  margin-right: 0.28rem;
  vertical-align: -0.12em;
  object-fit: contain;
  flex: 0 0 auto;
}

.fomoark-seg-btn .fomoark-asset-icon {
  width: 0.82rem;
  height: 0.82rem;
  margin-right: 0.22rem;
  vertical-align: -0.08em;
}

.fomoark-trade-amount-input,
.fomoark-trade-slip-input {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
  font-size: 1.35rem !important;
  font-weight: 650;
  text-align: right;
  padding: 0.15rem 0.2rem !important;
  height: auto !important;
  line-height: 1.2 !important;
}

.fomoark-trade-amount-input:focus,
.fomoark-trade-slip-input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.fomoark-slip-label {
  font-size: 0.82rem;
  color: #9ca3af;
  font-weight: 500;
}

.fomoark-trade-settings-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: -0.25rem 0 -0.1rem;
  position: relative;
  z-index: 5;
}

.fomoark-slip-pop {
  position: relative;
}

.fomoark-settings-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.2rem 0.45rem;
  cursor: pointer;
  line-height: 1;
}

.fomoark-settings-btn:hover,
.fomoark-settings-btn.is-open {
  color: #e5e7eb;
  border-color: #3a3a3a;
  background: #1c1c1c;
}

.fomoark-settings-btn .bi-gear {
  font-size: 0.8rem;
}

.fomoark-settings-slip {
  color: #c4b5fd;
  font-variant-numeric: tabular-nums;
}

.fomoark-slip-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  width: min(16.5rem, calc(100vw - 2rem));
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 10px;
  padding: 0.7rem 0.75rem 0.65rem;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  z-index: 30;
}

.fomoark-slip-popover[hidden] {
  display: none !important;
}

.fomoark-slip-popover-title {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9ca3af;
}

.fomoark-slip-popover .fomoark-trade-slip-row {
  flex-wrap: nowrap;
  gap: 0.45rem;
}

.fomoark-slip-popover .fomoark-slip-label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.fomoark-slip-popover .fomoark-trade-slip-input {
  font-size: 1.05rem !important;
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px;
  padding: 0.35rem 0.5rem !important;
  text-align: left;
}

.fomoark-seg-inset {
  margin-top: 0.1rem;
}

.fomoark-flip-btn {
  flex: 0 0 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #1a1a1a;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
}

.fomoark-flip-btn-mid {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  flex: none;
  margin-top: -0.15rem;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  border-color: #333;
  background: #1a1a1a;
  box-shadow: 0 0 0 3px #0f0f0f;
}

.fomoark-flip-btn-mid .bi {
  font-size: 0.9rem;
}

.fomoark-flip-btn:hover {
  color: #e5e7eb;
  border-color: #3a3a3a;
  background: #222;
}

.fomoark-flip-btn-mid:hover {
  color: #fff;
  border-color: #9945ff;
  background: #221833;
}

.fomoark-seg {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-top: 1px solid #242424;
  margin: 0 -0.75rem -0.55rem;
}

.fomoark-seg-btn {
  border: none;
  border-right: 1px solid #242424;
  background: transparent;
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.55rem 0.2rem;
  cursor: pointer;
  min-width: 0;
}

.fomoark-seg-btn:last-child {
  border-right: none;
}

.fomoark-seg-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.03);
}

.fomoark-seg-btn.is-active {
  color: #f3f4f6;
  background: rgba(153, 69, 255, 0.12);
}

.fomoark-trade-action {
  width: 100%;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  height: 2.25rem !important;
  border-radius: 8px !important;
}

.fomoark-trade-action.is-buy {
  background: #14f195 !important;
  border-color: #14f195 !important;
  color: #000 !important;
}

.fomoark-trade-action.is-buy:hover {
  background: #10c97a !important;
  border-color: #10c97a !important;
}

.fomoark-trade-action.is-sell {
  background: #7f1d1d !important;
  border-color: #9f2a2a !important;
  color: #fecaca !important;
}

.fomoark-trade-action.is-sell:hover {
  background: #991b1b !important;
}

.fomoark-trade-quote {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  position: relative;
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.15rem 0.25rem;
  color: #9ca3af;
  text-align: center;
  cursor: pointer;
  transition: color 0.15s ease;
}

.fomoark-trade-quote[hidden] {
  display: none !important;
}

.fomoark-trade-quote:hover {
  color: #d1d5db;
  background: transparent;
  border: none;
}

.fomoark-trade-quote .bi {
  position: static;
  flex: 0 0 auto;
  font-size: 0.7rem;
  opacity: 0.7;
  transform: none;
}

.fomoark-trade-quote-text {
  min-width: 0;
  flex: 0 1 auto;
  font-size: 0.75rem;
  font-weight: 550;
  letter-spacing: 0.01em;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-variant-numeric: tabular-nums;
  position: relative;
  z-index: 1;
}

.fomoark-trade-quote.is-empty .fomoark-trade-quote-text {
  color: #6b7280;
}

.fomoark-trade-quote.is-loading .fomoark-trade-quote-text {
  opacity: 0.55;
}

.fomoark-trade-quote-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  pointer-events: none;
  opacity: 0;
  background: transparent;
  overflow: hidden;
  z-index: 2;
}

.fomoark-trade-quote.is-loading .fomoark-trade-quote-bar {
  opacity: 1;
}

.fomoark-trade-quote-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40%;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, #d4c19c, #14f195, #d4c19c, transparent);
  transform: translateX(-120%);
}

.fomoark-trade-quote.is-loading .fomoark-trade-quote-bar::after {
  animation: fomoark-quote-load 1.05s ease-in-out infinite;
}

@keyframes fomoark-quote-load {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(320%); }
}

.fomoark-import-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: center;
}

@media (max-width: 980px) {
  .fomoark-workspace {
    flex: 1 1 auto;
    min-height: 0;
  }

  .fomoark-shell {
    flex-direction: column;
  }

  .fomoark-shell > .fomoark-left {
    padding-bottom: 0;
  }

  .fomoark-col-side {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-height: 55vh;
    max-width: none;
    margin: 0;
    border-left: none;
    border-top: 1px solid #2a2a2a;
  }

  .fomoark-trade-panel {
    border-radius: 8px;
    max-height: none;
  }
}

/* Phone layout is handled by html.is-mobile / @media (max-width: 768px) below.
   Avoid stacking the sidebar under the chart on phones — tablet (769–980) keeps this. */
@media (max-width: 768px) {
  .fomoark-col-side {
    max-height: none;
    border-top: none;
  }
}

.fomoark-live-float {
  position: fixed;
  right: 0.85rem;
  bottom: 0.85rem;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.7rem;
  background: rgba(18, 18, 18, 0.92);
  border: 1px solid #2a2a2a;
  border-radius: 999px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.fomoark-live-float.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.fomoark-live-float .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.monitor-block {
  font-size: 0.7rem;
  color: #9ca3af;
  white-space: nowrap;
  line-height: 1;
}

.step-container {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  padding: 0;
  margin-bottom: var(--section-gap);
  border-left: 3px solid #9945ff;
  overflow: hidden;
}

.step-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.step-header-side {
  flex: 0 0 5.5rem;
  background: #1e1e1e;
  padding: 0.4rem 0.55rem;
  border-right: 1px solid #2a2a2a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.step-body-side {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0.4rem 0.65rem;
}

.step-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  text-align: right;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.25rem;
  min-height: 1.75rem;
  color: #e5e7eb;
}

.step-content {
  padding-left: 0;
  width: 100%;
  margin: 0 !important;
}

.step-stack {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  width: 100%;
}

.step-inline-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.65rem;
  margin: 0;
  min-height: 1.75rem;
  width: 100%;
}

.step-inline-controls .form-control {
  flex: 1 1 220px;
  min-width: 160px;
}

.fomoark-token-controls .fomoark-chain-select {
  flex: 0 0 auto;
  width: auto;
  min-width: 7.5rem;
  max-width: 10rem;
}

.fomoark-chain-controls .fomoark-chain-select {
  flex: 0 1 14rem;
  min-width: 8rem;
  max-width: 18rem;
  width: auto;
}

.fomoark-chain-controls .icon-btn {
  flex: 0 0 auto;
}

.fomoark-rpc-chain-label {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-bottom: 0.15rem;
}

.fomoark-rpc-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.fomoark-rpc-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.fomoark-rpc-row .form-control {
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-rpc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.25rem;
}

.fomoark-rpc-status {
  white-space: pre-wrap;
  font-size: 0.72rem;
  color: #9ca3af;
  min-height: 1.2rem;
  line-height: 1.35;
}

.form-control-sm {
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  border-radius: 4px;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  line-height: 1.25rem;
  border-radius: 4px;
}

.icon-btn {
  width: 1.75rem;
  min-width: 1.75rem;
  padding: 0 !important;
}

.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
}

.fomoark-meta {
  margin-top: 0;
  color: #9ca3af;
  font-size: 0.75rem;
  word-break: break-all;
}

.fomoark-meta-inline {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  line-height: 1.75rem;
}

.fomoark-market-panel {
  padding: 0;
  overflow: hidden;
  flex: 0 0 auto;
}

.fomoark-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: 0.35rem 0.55rem 0.45rem;
  border: 1px solid #2a2a2a;
  background: #0f0f0f;
}

.fomoark-metric.fomoark-metric-wide {
  grid-column: span 3;
}

.fomoark-metric:not(.fomoark-metric-wide) {
  grid-column: span 2;
}

.fomoark-metric {
  position: relative;
  background: transparent;
  border: none;
  border-radius: 0;
  border-right: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  padding: 0.4rem 0.35rem 0.45rem;
  text-align: center;
  min-width: 0;
  transition: background 0.15s ease;
}

.fomoark-metric:nth-child(2),
.fomoark-metric:nth-child(5) {
  border-right: none;
}

.fomoark-metric:nth-child(3),
.fomoark-metric:nth-child(4),
.fomoark-metric:nth-child(5) {
  border-bottom: none;
}

.fomoark-metric:hover {
  background: rgba(255, 255, 255, 0.02);
  border-color: #2a2a2a;
}

.fomoark-metric.fomoark-metric-wide {
  background: transparent;
  border-color: #2a2a2a;
}

.fomoark-metric-label {
  font-size: 0.58rem;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8b8b96;
  margin-bottom: 0.15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-metric.fomoark-metric-wide .fomoark-metric-label {
  color: #8b8b96;
}

.fomoark-metric-value {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #f3f4f6;
  line-height: 1.15;
  word-break: break-word;
  font-variant-numeric: tabular-nums;
  text-align: center;
  /* Stable box for fomoark-text-run slide updates */
  display: block;
  overflow: hidden;
  min-height: 1.15em;
}

.fomoark-metric.fomoark-metric-wide .fomoark-metric-value {
  font-size: 1.05rem;
}

.fomoark-metric-value.up { color: #16c784; }
.fomoark-metric-value.down { color: #ea3943; }

.fomoark-metric-value .up { color: #16c784; }
.fomoark-metric-value .down { color: #ea3943; }

.fomoark-tf-stats {
  margin: 0 0.55rem 0.55rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #0f0f0f;
  overflow: hidden;
}

.fomoark-tf-stats-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #2a2a2a;
}

.fomoark-tf-stats-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.45rem 0.2rem 0.4rem;
  border: none;
  border-right: 1px solid #2a2a2a;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
}

.fomoark-tf-stats-tab:last-child {
  border-right: none;
}

.fomoark-tf-stats-tab:hover {
  background: rgba(255, 255, 255, 0.03);
  color: #e5e7eb;
}

.fomoark-tf-stats-tab.is-active {
  background: #161616;
  color: #f3f4f6;
}

.fomoark-tf-stats-tab-label {
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.04em;
}

.fomoark-tf-stats-tab-change {
  font-size: 0.68rem;
  font-weight: 650;
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
  display: block;
  overflow: hidden;
  min-height: 1em;
}

.fomoark-tf-stats-tab-change.up { color: #16c784; }
.fomoark-tf-stats-tab-change.down { color: #ea3943; }

.fomoark-tf-stats-body {
  display: grid;
  grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr);
}

.fomoark-tf-stats-totals {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0.75rem;
  padding: 0.55rem 0.55rem;
  border-right: 1px solid #2a2a2a;
}

.fomoark-tf-stats-total {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.fomoark-tf-stats-k {
  font-size: 0.62rem;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8b8b96;
}

.fomoark-tf-stats-v {
  font-size: 0.95rem;
  font-weight: 750;
  color: #f3f4f6;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  display: block;
  overflow: hidden;
  min-height: 1.15em;
}

.fomoark-tf-stats-splits {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0.85rem;
  padding: 0.55rem 0.75rem;
  min-width: 0;
}

.fomoark-tf-stats-split {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
}

.fomoark-tf-stats-split-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.fomoark-tf-stats-split-head .up { color: #16c784; text-align: left; }
.fomoark-tf-stats-split-head .down { color: #ea3943; text-align: right; }

.fomoark-tf-stats-split-labels {
  display: inline-flex;
  gap: 0.35rem;
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.fomoark-tf-stats-bar {
  display: flex;
  width: 100%;
  height: 0.28rem;
  border-radius: 99px;
  overflow: hidden;
  background: #1c1c1c;
}

.fomoark-tf-stats-bar-buy,
.fomoark-tf-stats-bar-sell {
  display: block;
  height: 100%;
  min-width: 0;
  transition: flex-basis 0.2s ease;
}

.fomoark-tf-stats-bar-buy {
  background: #16c784;
  flex: 1 1 50%;
}

.fomoark-tf-stats-bar-sell {
  background: #ea3943;
  flex: 1 1 50%;
}

/* Desktop: hard-lock Details bar size so async field fills never reflow it. */
#detailsPanel.step-container {
  height: 3.2rem;
  max-height: 3.2rem;
  contain: layout size;
  flex: 0 0 3.2rem !important;
}

#detailsPanel .step-row {
  flex-wrap: nowrap;
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

#detailsPanel .step-header-side {
  flex: 0 0 5.5rem;
  height: 100%;
}

#detailsPanel .step-title {
  min-width: 4.25rem;
}

#detailsPanel .step-body-side {
  overflow: hidden;
  align-items: center;
  height: 100%;
  min-height: 0;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.fomoark-details-pager {
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.fomoark-details-track {
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

#detailsPanel.is-pair-page .fomoark-details-track {
  transform: translateX(-100%);
}

.fomoark-details-page {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}

/* Always one row on desktop — avoid 3-col wrap height jumps while loading. */
#detailsPanel .fomoark-details,
#detailsPanel .fomoark-pair-inline {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: center;
  height: 100%;
  min-height: 0;
  gap: 0.2rem 0.65rem;
}

#detailsPanel .fomoark-detail {
  min-width: 0;
  overflow: hidden;
  height: 100%;
  justify-content: center;
}

#detailsPanel .fomoark-details .muted {
  min-height: 0.85rem;
  line-height: 0.85rem;
}

#detailsPanel .fomoark-detail-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  overflow-wrap: normal;
  min-height: 1.15rem;
  height: 1.15rem;
  line-height: 1.15rem;
}

#detailsPanel .fomoark-detail-addr {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  width: auto;
  max-width: 100%;
  min-height: 1.15rem;
  height: 1.15rem;
}

#detailsPanel .fomoark-detail-addr .fomoark-addr {
  flex: 0 0 auto;
  min-width: 11ch;
  width: auto;
  max-width: none;
  height: 1.15rem;
  line-height: 1.15rem;
  overflow: visible;
  text-overflow: clip;
}

#detailsPanel .fomoark-pair-inline-split {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 1.15rem;
  align-items: center;
  overflow: hidden;
}

.fomoark-pair-inline {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.fomoark-pair-inline-split {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
  min-width: 0;
}

.fomoark-pair-info-menu.is-down {
  top: calc(100% + 0.35rem);
  bottom: auto;
}

.fomoark-details-goto-btn {
  flex: 0 0 2.35rem;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px solid #2a2a2a;
  border-radius: 0;
  background: #161616;
  color: #9ca3af;
  cursor: pointer;
  min-height: 100%;
}

.fomoark-details-goto-btn:hover {
  color: #fff;
  background: #1c1c1c;
}

.fomoark-details-goto-btn:active {
  background: #222;
}

.fomoark-details-goto-btn .bi {
  font-size: 0.95rem;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.15s ease;
}

#detailsPanel.is-pair-page .fomoark-details-goto-btn .bi {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-details-track {
    transition: none;
  }
}

.fomoark-pair-info-head {
  margin: 0;
  padding: 0.45rem 0.7rem;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #e5e7eb;
  background: #161616;
  border-bottom: 1px solid #2a2a2a;
}

.fomoark-pair-info-body {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fomoark-pair-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.5rem 0.7rem;
  border-bottom: 1px solid #2a2a2a;
}

.fomoark-pair-info-row:last-child {
  border-bottom: none;
}

.fomoark-pair-info-k {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 0.72rem;
  font-weight: 550;
  color: #9ca3af;
}

.fomoark-pair-info-v {
  flex: 0 1 auto;
  min-width: 0;
  text-align: right;
  font-size: 0.78rem;
  font-weight: 650;
  color: #e5e7eb;
}

.fomoark-pair-info-v.is-split {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.45rem;
}

.fomoark-pair-info-usd {
  color: #9ca3af;
  font-weight: 600;
}

.fomoark-pair-info-addr-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.fomoark-pair-info-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 10.5rem;
  padding: 0.28rem 0.5rem;
  border: 1px solid #2a2a2a;
  border-radius: 999px;
  background: #141414;
  color: #d1d5db;
  font-size: 0.7rem;
  cursor: pointer;
  min-width: 0;
}

.fomoark-pair-info-pill:hover:not(:disabled) {
  color: #fff;
  border-color: #3a3a3a;
  background: #1a1a1a;
}

.fomoark-pair-info-pill:disabled {
  opacity: 0.55;
  cursor: default;
}

.fomoark-pair-info-pill .bi {
  flex: 0 0 auto;
  font-size: 0.72rem;
  opacity: 0.85;
}

.fomoark-pair-info-pill .mono {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-pair-info-exp {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: #9ca3af;
  font-size: 0.68rem;
  font-weight: 650;
  text-decoration: none;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.fomoark-pair-info-exp:hover {
  color: #c4b5fd;
}

.fomoark-pair-info-exp .bi {
  font-size: 0.68rem;
}

.fomoark-pair-info-exp[hidden] {
  display: none !important;
}

.fomoark-pair-info-actions {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.55rem 0.7rem;
  border-top: 1px solid #2a2a2a;
}

.fomoark-pair-info-twitter {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.fomoark-pair-info-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  padding: 0.45rem 0.65rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  color: #e5e7eb;
  font-size: 0.72rem;
  font-weight: 650;
  cursor: pointer;
}

.fomoark-pair-info-action:hover,
.fomoark-pair-info-action.is-open {
  background: #1a1a1a;
  border-color: #3a3a3a;
}

.fomoark-pair-info-caret {
  font-size: 0.65rem;
  opacity: 0.75;
  margin-left: 0.1rem;
}

.fomoark-pair-info-menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 0.35rem);
  z-index: 40;
  padding: 0.35rem;
  border: none;
  border-radius: 10px;
  background: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}

.fomoark-pair-info-menu[hidden] {
  display: none !important;
}

.fomoark-pair-info-menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  width: 100%;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  color: #f3f4f6;
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.fomoark-pair-info-menu-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

.fomoark-pair-info-menu-item .bi {
  flex: 0 0 auto;
  font-size: 0.85rem;
  opacity: 0.95;
}

@keyframes fomoark-run-out {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(-120%); opacity: 0; }
}
@keyframes fomoark-run-in {
  from { transform: translateY(120%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.fomoark-text-run {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: inherit;
}
.fomoark-run-out,
.fomoark-run-in {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: inherit;
}
.fomoark-run-out {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  animation: fomoark-run-out 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.fomoark-run-in {
  animation: fomoark-run-in 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  .fomoark-run-out,
  .fomoark-run-in { animation: none; }
}

.fomoark-details {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  width: 100%;
  min-width: 0;
  align-items: start;
}

@media (max-width: 1100px) {
  .fomoark-details { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .app-header-nav-btn {
    padding: 0.4rem 0.65rem;
    font-size: 0.72rem;
  }

}

/* Desktop: socials inline; hamburger drawer is mobile-only. */
.fomoark-m-nav-burger,
.fomoark-m-nav-drawer {
  display: none;
}

.app-header-socials .app-brand-social {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 6px;
  border: 1px solid #2a2a2e;
  background: #141418;
  color: #c4c4c8;
  box-shadow: none;
}

.app-header-socials .app-brand-social:hover {
  color: #fff;
  border-color: #3a3a42;
  background: #1a1a20;
}

/* Legacy coming-soon hooks still used on drawer items. */
.fomoark-m-nav-drawer-item.is-coming-soon {
  color: #4b5563 !important;
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

@media (max-width: 640px) {
  .fomoark-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .step-header-side { flex: 0 0 100%; border-right: none; border-bottom: 1px solid #2a2a2a; }
  .step-title { justify-content: flex-start; text-align: left; }

}

.fomoark-detail {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  align-items: flex-start;
}

.fomoark-details .muted {
  display: block;
  font-size: 0.62rem;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
  margin: 0;
  line-height: 1.2;
  min-height: 0.95rem;
  white-space: nowrap;
}

.fomoark-detail-value {
  color: #e5e7eb;
  font-size: 0.78rem;
  line-height: 1.25;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-height: 1.15rem;
  width: 100%;
}

.fomoark-detail-value.mono,
.fomoark-addr {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-detail-addr {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
  min-height: 1.15rem;
}

.fomoark-detail-addr .fomoark-addr {
  flex: 0 1 auto;
  min-width: 0;
  width: auto;
  max-width: 100%;
}

.fomoark-detail-copy {
  flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
}

.fomoark-detail-copy:hover:not(:disabled) {
  color: #c4b5fd;
  background: #1a1a1a;
}

.fomoark-detail-copy:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.fomoark-detail-copy .bi {
  font-size: 0.72rem;
  line-height: 1;
}

.ext-link { color: #c4b5fd; text-decoration: none; }
.ext-link:hover { color: #ddd6fe; text-decoration: underline; }

.fomoark-trade-warn {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fbbf24;
  border-radius: 8px;
  padding: 0.55rem 0.75rem;
  font-size: 0.78rem;
  line-height: 1.35;
}

.fomoark-trade-balances {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem 0.75rem;
  align-items: baseline;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.15rem 0 0;
  color: #d1d5db;
  font-size: 0.75rem;
}

.fomoark-bal-row {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-bal-row:last-child {
  justify-content: flex-end;
  text-align: right;
}

.fomoark-bal-amt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.fomoark-bal-usd {
  flex: 0 0 auto;
  color: #8b8b95;
  font-size: 0.7rem;
  white-space: nowrap;
}

.fomoark-bal-usd:empty {
  display: none;
}

.fomoark-wallet-manage {
  padding: 0.75rem 0.85rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #121212;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.fomoark-modal[hidden] {
  display: none !important;
}

.fomoark-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.fomoark-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
  opacity: 0;
  transition: opacity 0.22s ease;
}

.fomoark-modal-panel {
  position: relative;
  z-index: 1;
  width: min(28rem, 100%);
  max-height: min(85vh, 36rem);
  display: flex;
  flex-direction: column;
  background: #141414;
  border: 1px solid #2f2f2f;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transition:
    opacity 0.22s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.fomoark-modal.is-open .fomoark-modal-backdrop {
  opacity: 1;
}

.fomoark-modal.is-open .fomoark-modal-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-modal-backdrop,
  .fomoark-modal-panel {
    transition: none !important;
  }

  .fomoark-modal-panel {
    transform: none;
  }
}

/* Must follow .fomoark-modal-panel — same specificity would otherwise keep the small modal size. */
.fomoark-modal-panel.fomoark-bubblemap-panel {
  width: calc(100vw - 1rem);
  max-width: calc(100vw - 1rem);
  height: calc(100vh - 1rem);
  max-height: calc(100vh - 1rem);
  height: calc(100dvh - 1rem);
  max-height: calc(100dvh - 1rem);
}

.fomoark-bubblemap-modal.is-fs .fomoark-modal-panel.fomoark-bubblemap-panel {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  border-radius: 0;
}

.fomoark-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #2a2a2a;
  background: #1a1a1a;
}

.fomoark-modal-head.fomoark-bubblemap-head {
  padding: 0.55rem 0.75rem;
  min-height: 0;
  gap: 0.5rem;
}

.fomoark-modal-head.fomoark-bubblemap-head .fomoark-modal-title {
  font-size: 0.88rem;
  gap: 0.35rem;
  line-height: 1.25;
}

.fomoark-modal-head.fomoark-bubblemap-head .fomoark-modal-close {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 5px;
  font-size: 0.75rem;
}

.fomoark-modal-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  color: #f3f4f6;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.fomoark-modal-title .bi {
  color: #9945ff;
}

.fomoark-modal-close {
  border: 1px solid #2a2a2a;
  background: #1c1c1c;
  color: #9ca3af;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.fomoark-modal-close:hover {
  color: #e5e7eb;
  border-color: #3a3a3a;
}

.fomoark-modal-body {
  padding: 0.85rem 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  overflow: auto;
}

.fomoark-wallet-list-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9ca3af;
  margin-top: 0.25rem;
}

.fomoark-wallet-empty {
  font-size: 0.74rem;
  color: #6b7280;
  padding: 0.15rem 0;
}

.fomoark-trade-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: #a0a0a0;
  margin-bottom: 0.1rem;
}

.fomoark-wallet-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fomoark-wallet-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.78rem;
  color: #d1d5db;
  padding: 0.45rem 0.35rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
}

.fomoark-wallet-item:hover {
  background: #1a1a1a;
}

.fomoark-wallet-item.is-default {
  background: rgba(153, 69, 255, 0.08);
}

.fomoark-wallet-item-left {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-wallet-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  color: #f3f4f6;
}

.fomoark-wallet-default-badge {
  flex: 0 0 auto;
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #c4b5fd;
}

.fomoark-wallet-item-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 0 auto;
}

/* —— Live trade feed (toolbar btn + right dock) —— */
.fomoark-tokens-live-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  height: 2.1rem;
  padding: 0 0.7rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  color: #d1d5db;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-tokens-live-btn:hover {
  color: #f3f4f6;
  border-color: #3a3a42;
  background: #1a1a1a;
}

.fomoark-tokens-live-btn.is-active {
  color: #e9d5ff;
  border-color: rgba(167, 139, 250, 0.55);
  background: rgba(124, 58, 237, 0.16);
}

.fomoark-tokens-live-btn-label {
  line-height: 1;
}

.live-feed-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #52525b;
  flex: 0 0 auto;
}

.live-feed-dot.is-live {
  background: #86efac;
  box-shadow: 0 0 0 0 rgba(134, 239, 172, 0.45);
  animation: live-feed-pulse 1.8s ease-out infinite;
}

@keyframes live-feed-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(134, 239, 172, 0.5);
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 0.45rem rgba(134, 239, 172, 0);
    transform: scale(1.08);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(134, 239, 172, 0);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-feed-dot.is-live {
    animation: none;
    box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.16);
  }
}

.live-feed-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1440;
  background: rgba(0, 0, 0, 0.62);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.26s ease;
}

.live-feed-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.live-feed-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1450;
  width: min(22.5rem, 100vw);
  display: flex;
  flex-direction: column;
  background: #141414;
  border-left: 1px solid #2f2f2f;
  box-shadow: -16px 0 40px rgba(0, 0, 0, 0.5);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.live-feed-panel.is-open {
  transform: translate3d(0, 0, 0);
}

.live-feed-panel[hidden],
.live-feed-backdrop[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .live-feed-backdrop,
  .live-feed-panel {
    transition: none !important;
  }
}

.live-feed-panel-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.8rem 0.9rem;
  background: #121212;
  border-bottom: 1px solid #2a2a2a;
}

.live-feed-panel-title-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.live-feed-panel-title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: #e5e7eb;
  line-height: 1.2;
}

.live-feed-panel-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}

.live-feed-count {
  font-size: 0.72rem;
  color: #6b7280;
}

.live-feed-panel-close {
  width: 1.7rem;
  height: 1.7rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.live-feed-panel-close:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
}

.live-feed-panel-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: #0f0f0f;
}

.live-feed-panel-empty {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  font-size: 0.8rem;
  color: #6b7280;
  background: #0f0f0f;
}

.live-feed-panel-empty[hidden] {
  display: none !important;
}

.live-feed-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  text-align: left;
  padding: 0.7rem 0.9rem;
  border: none;
  border-bottom: 1px solid #222;
  background: transparent;
  color: #e5e7eb;
  font-size: 0.78rem;
  line-height: 1.25;
  cursor: pointer;
}

.live-feed-row:hover {
  background: rgba(255, 255, 255, 0.03);
}

.live-feed-row:disabled {
  cursor: default;
}

.live-feed-avatar {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  color: #e5e7eb;
  font-size: 0.8rem;
  font-weight: 700;
  overflow: hidden;
  position: relative;
}

.live-feed-avatar-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.live-feed-avatar.has-img .live-feed-avatar-fallback {
  display: none;
}

.live-feed-mid {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.live-feed-row1 {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  min-width: 0;
}

.live-feed-symbol {
  font-weight: 700;
  color: #e5e7eb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-feed-addr {
  font-size: 0.68rem;
  color: #6b7280;
  flex: 0 0 auto;
}

.live-feed-row2 {
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-feed-row.is-buy .live-feed-row2,
.live-feed-row.is-buy .live-feed-usd {
  color: #86efac;
}

.live-feed-row.is-sell .live-feed-row2,
.live-feed-row.is-sell .live-feed-usd {
  color: #fca5a5;
}

.live-feed-sep {
  opacity: 0.75;
}

.live-feed-right {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
  min-width: 3.2rem;
}

.live-feed-usd {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.live-feed-ago {
  font-size: 0.66rem;
  color: #6b7280;
  white-space: nowrap;
}

/* Floating live trade toasts (bottom-right) */
.live-feed-toasts {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1430;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: min(20.5rem, calc(100vw - 2rem));
  pointer-events: none;
}

body.is-live-feed-open .live-feed-toasts {
  right: calc(min(22.5rem, 100vw) + 0.75rem);
}

.live-feed-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  text-align: left;
  padding: 0.6rem 0.7rem;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: rgba(20, 20, 20, 0.96);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
  color: #e5e7eb;
  font-size: 0.78rem;
  line-height: 1.25;
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.15s ease;
  backdrop-filter: blur(8px);
}

.live-feed-toast.is-show {
  opacity: 1;
  transform: translateY(0);
}

.live-feed-toast:hover {
  border-color: #3a3a42;
}

.live-feed-toast:disabled {
  cursor: default;
}

.live-feed-toast .live-feed-avatar {
  width: 1.9rem;
  height: 1.9rem;
  font-size: 0.75rem;
}

.live-feed-toast.is-buy {
  border-color: #14532d;
  border-left: 3px solid #86efac;
}

.live-feed-toast.is-sell {
  border-color: #7f1d1d;
  border-left: 3px solid #fca5a5;
}

.live-feed-toast.is-buy .live-feed-row2,
.live-feed-toast.is-buy .live-feed-usd {
  color: #86efac;
}

.live-feed-toast.is-sell .live-feed-row2,
.live-feed-toast.is-sell .live-feed-usd {
  color: #fca5a5;
}

.live-feed-toast.is-buy:hover {
  border-color: #166534;
  border-left-color: #86efac;
}

.live-feed-toast.is-sell:hover {
  border-color: #991b1b;
  border-left-color: #fca5a5;
}

@media (max-width: 640px) {
  .live-feed-toasts {
    right: 0.65rem;
    bottom: calc(4.2rem + env(safe-area-inset-bottom, 0px));
    width: min(18rem, calc(100vw - 1.3rem));
  }

  body.is-live-feed-open .live-feed-toasts {
    display: none;
  }
}

.fomoark-toast-stack {
  position: fixed;
  right: 1rem;
  top: 1rem;
  bottom: auto;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: min(22rem, calc(100vw - 2rem));
  pointer-events: none;
}

.fomoark-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.7rem 0.8rem;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #161616;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
  color: #e5e7eb;
  font-size: 0.8rem;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.fomoark-toast.is-show {
  opacity: 1;
  transform: translateY(0);
}

.fomoark-toast.is-ok {
  border-color: #14532d;
  border-top: 3px solid #86efac;
}

.fomoark-toast.is-err {
  border-color: #7f1d1d;
  border-top: 3px solid #fca5a5;
}

.fomoark-toast.is-pending {
  border-color: #3f3f46;
  border-top: 3px solid #fcd34d;
}

.fomoark-toast-icon {
  flex: 0 0 auto;
  margin-top: 0.05rem;
  font-size: 0.95rem;
}

.fomoark-toast.is-ok .fomoark-toast-icon { color: #86efac; }
.fomoark-toast.is-err .fomoark-toast-icon { color: #fca5a5; }
.fomoark-toast.is-pending .fomoark-toast-icon { color: #fcd34d; }

.fomoark-toast-body {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
}

.fomoark-toast-close {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  font-size: 0.85rem;
}

.fomoark-toast-close:hover {
  color: #e5e7eb;
}

.fomoark-wallet-section {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.55rem;
  border-bottom: 1px solid #2a2a2a;
}

.fomoark-wallet-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.privy-iframe-warning {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fbbf24;
  border-radius: 8px;
  padding: 0.45rem 0.6rem;
  line-height: 1.35;
}

.privy-iframe-warning a {
  color: #fde68a;
}

.privy-bridge-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.privy-bridge-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.fomoark-wm-privy-mount .btn,
.fomoark-wm-privy-mount .btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  height: 1.7rem;
  padding: 0 0.55rem;
  border-radius: 6px;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  width: auto;
  border: 1px solid #333;
  background: #1a1a1a;
  color: #e5e7eb;
}

.fomoark-wm-privy-mount .btn:hover,
.fomoark-wm-privy-mount .btn-sm:hover {
  border-color: #444;
  background: #222;
  color: #fff;
}

.privy-bridge-error {
  color: #fca5a5;
  font-size: 0.68rem;
  text-align: right;
}

.privy-bridge-status {
  color: #8b8b95;
  font-size: 0.74rem;
}

.fomoark-trade-status {
  font-size: 0.75rem;
  color: #9ca3af;
  min-height: 0;
  word-break: break-all;
  text-align: center;
}

.fomoark-trade-status:empty,
.fomoark-trade-status.is-idle {
  display: none;
}

.fomoark-trade-status.is-ok { color: #86efac; }
.fomoark-trade-status.is-err { color: #fca5a5; }
.fomoark-trade-status.is-pending { color: #fde68a; }

/* —— Mobile chrome (hidden on desktop) —— */
.fomoark-m-pairbar,
.fomoark-m-tabs,
.fomoark-m-tab-panels,
.fomoark-m-actionbar,
.fomoark-m-sheet,
.fomoark-m-sheet-backdrop,
.fomoark-m-ptr {
  display: none;
}

/* —— DexScreener-style phone layout —— */
@media (max-width: 768px) {
  html.is-mobile,
  html.is-mobile body {
    overflow: hidden;
    height: 100%;
    height: 100dvh;
  }

  html.is-mobile .app-container {
    flex-direction: column !important;
    padding-bottom: 0;
  }

  html.is-mobile .fomoark-workspace {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    padding: 0;
    gap: 0;
    padding-bottom: calc(3.6rem + env(safe-area-inset-bottom, 0px));
  }

  /* Tokens / home / launch have no bottom action bar — reclaim that reserved space. */
  html.is-mobile body.is-tokens-list .fomoark-workspace,
  html.is-mobile body.is-home .fomoark-workspace,
  html.is-mobile body.is-launch .fomoark-workspace,
  html.is-mobile body.is-launch-create .fomoark-workspace,
  html.is-mobile body.is-launch-dashboard .fomoark-workspace {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  html.is-mobile .fomoark-tokens-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0.65rem 0 0.75rem;
  }

  html.is-mobile .fomoark-tokens-page-inner {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 0.55rem;
  }

  html.is-mobile .fomoark-tokens-stats,
  html.is-mobile .fomoark-tokens-toolbar {
    padding-left: 0.65rem;
    padding-right: 0.65rem;
  }

  html.is-mobile .fomoark-tokens-scroll {
    /* --tokens-port set from JS (scroll clientWidth) for an exact fit. */
    --tokens-port: 100%;
    /* Wide enough for "MC $x.xK" / "Vol $xxx.xx" without wrapping. */
    --tokens-price-col: 5.5rem;
    --tokens-chg24-col: 5.6rem;
    --tokens-extra-col: 5.1rem;
    --tokens-fit-cols: calc(
      var(--tokens-price-col) + var(--tokens-chg24-col)
    );
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /*
   * Mobile list: keep Token | Price | 24H in the first viewport
   * (desktop DOM order differs — reorder with flex). Token stays sticky.
   * Remaining columns scroll horizontally: Liq, MC, Vol, Age, Txns, 5M, 1H, 6H.
   */

  html.is-mobile .fomoark-tokens-table,
  html.is-mobile .fomoark-tokens-table thead,
  html.is-mobile .fomoark-tokens-table tbody {
    display: block;
  }

  html.is-mobile .fomoark-tokens-table colgroup {
    display: none;
  }

  html.is-mobile .fomoark-tokens-table {
    /* 8 scroll extras after the 3 fit cols: Liq, MC, Vol, Age, Txns, 5M, 1H, 6H */
    width: calc(var(--tokens-port) + (var(--tokens-extra-col) * 8));
    min-width: calc(var(--tokens-port) + (var(--tokens-extra-col) * 8));
  }

  html.is-mobile .fomoark-tokens-table thead tr,
  html.is-mobile .fomoark-tokens-table tbody tr.fomoark-tokens-row {
    display: flex;
    width: calc(var(--tokens-port) + (var(--tokens-extra-col) * 8));
    min-width: calc(var(--tokens-port) + (var(--tokens-extra-col) * 8));
  }

  html.is-mobile .fomoark-tokens-table tbody tr.fomoark-tokens-empty {
    display: flex;
    width: calc(var(--tokens-port) + (var(--tokens-extra-col) * 8));
  }

  html.is-mobile .fomoark-tokens-table tbody tr.fomoark-tokens-empty td {
    flex: 1 1 auto;
    width: 100%;
  }

  html.is-mobile .fomoark-tokens-table th,
  html.is-mobile .fomoark-tokens-table td {
    box-sizing: border-box;
    padding: 0.65rem 0.28rem;
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="token"],
  html.is-mobile .fomoark-tokens-cell-token {
    order: 1;
    position: sticky;
    left: 0;
    z-index: 2;
    flex: 0 0 calc(var(--tokens-port) - var(--tokens-fit-cols));
    width: calc(var(--tokens-port) - var(--tokens-fit-cols));
    max-width: calc(var(--tokens-port) - var(--tokens-fit-cols));
    padding-left: 0.55rem;
    padding-right: 0.25rem;
    overflow: hidden;
    background: #0f0f0f;
    box-shadow: 6px 0 10px rgba(0, 0, 0, 0.35);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="price"],
  html.is-mobile .fomoark-tokens-cell-price {
    order: 2;
    flex-basis: var(--tokens-price-col);
    width: var(--tokens-price-col);
    min-width: var(--tokens-price-col);
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="change24h"],
  html.is-mobile .fomoark-tokens-cell-chg24h {
    order: 3;
    flex-basis: var(--tokens-chg24-col);
    width: var(--tokens-chg24-col);
    min-width: var(--tokens-chg24-col);
    padding-left: 0.2rem;
    padding-right: 0.35rem;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="liquidity"],
  html.is-mobile .fomoark-tokens-cell-liq {
    order: 4;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="mcap"],
  html.is-mobile .fomoark-tokens-cell-mcap {
    order: 5;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="volume"],
  html.is-mobile .fomoark-tokens-cell-volume {
    order: 6;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="age"],
  html.is-mobile .fomoark-tokens-cell-age {
    order: 7;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="txns"],
  html.is-mobile .fomoark-tokens-cell-txns {
    order: 8;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="change5m"],
  html.is-mobile .fomoark-tokens-cell-chg5m {
    order: 9;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="change1h"],
  html.is-mobile .fomoark-tokens-cell-chg1h {
    order: 10;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="change6h"],
  html.is-mobile .fomoark-tokens-cell-chg6h {
    order: 11;
    flex-basis: var(--tokens-extra-col);
    width: var(--tokens-extra-col);
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="liquidity"],
  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="mcap"],
  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="volume"] {
    font-size: 0;
    letter-spacing: 0;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="liquidity"]::before {
    content: "Liq";
    font-size: 0.66rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="mcap"]::before {
    content: "MC";
    font-size: 0.66rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="volume"]::before {
    content: "Vol";
    font-size: 0.66rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  html.is-mobile .fomoark-tokens-cell-liq {
    font-size: 0.72rem;
    font-weight: 650;
  }

  html.is-mobile .fomoark-tokens-cell-chg24h {
    white-space: normal;
  }

  html.is-mobile .fomoark-tokens-cell-chg24h .fomoark-tokens-cell-primary.is-up {
    color: #16c784;
  }

  html.is-mobile .fomoark-tokens-cell-chg24h .fomoark-tokens-cell-primary.is-down {
    color: #ea3943;
  }

  html.is-mobile .fomoark-tokens-table th[data-tokens-sort="token"] {
    z-index: 3;
    background: #141414;
  }

  html.is-mobile .fomoark-tokens-row:hover .fomoark-tokens-cell-token {
    background: #141414;
  }

  html.is-mobile .fomoark-tokens-rank {
    display: none;
  }

  html.is-mobile .fomoark-tokens-avatar {
    flex: 0 0 auto;
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.56rem;
  }

  html.is-mobile .fomoark-tokens-identity {
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  html.is-mobile .fomoark-tokens-id-text {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  html.is-mobile .fomoark-tokens-id-top {
    min-width: 0;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  html.is-mobile .fomoark-tokens-sym {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.is-mobile .fomoark-tokens-name {
    display: block;
    font-size: 0.58rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  html.is-mobile .fomoark-tokens-proto {
    display: none;
  }

  html.is-mobile .fomoark-tokens-copy {
    display: none;
  }

  /* Keep lock + social badges inline with the ticker. */
  html.is-mobile .fomoark-tokens-lock,
  html.is-mobile .fomoark-tokens-socials {
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-tokens-socials {
    display: inline-flex;
    margin-left: 0;
    gap: 0.15rem;
  }

  html.is-mobile .fomoark-tokens-social {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 3px;
  }

  html.is-mobile .fomoark-tokens-social .bi {
    font-size: 0.6rem;
  }

  html.is-mobile .fomoark-tokens-cell-token {
    overflow: hidden;
  }

  html.is-mobile .fomoark-tokens-cell-price {
    white-space: normal;
  }

  html.is-mobile .fomoark-tokens-cell-primary {
    display: block;
    font-size: 0.72rem;
    font-weight: 650;
    color: #f3f4f6;
    line-height: 1.15;
    white-space: nowrap;
  }

  html.is-mobile .fomoark-tokens-cell-secondary {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.6rem;
    color: #6b7280;
    line-height: 1.1;
    white-space: nowrap;
  }

  html.is-mobile .fomoark-tokens-cell-chg24h .fomoark-tokens-cell-primary {
    font-size: 0.72rem;
    font-weight: 650;
  }

  html.is-mobile .app-header {
    display: flex !important;
    gap: 0.4rem;
    padding: 0.4rem 0.5rem;
    flex-wrap: nowrap !important;
    align-items: center;
    column-gap: 0.4rem;
  }

  html.is-mobile .app-header-left {
    order: 1 !important;
    flex: 0 0 auto;
    gap: 0.35rem;
    align-items: center;
  }

  html.is-mobile .app-header-nav {
    display: flex !important;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    background: transparent;
    border: none;
    border-radius: 0;
  }

  html.is-mobile .app-header-nav-btn:not([data-app-view="tokens"]):not([data-app-view="trade"]):not([data-app-view="launch"]) {
    display: none !important;
  }

  html.is-mobile .app-header-nav-btn[data-app-view="launch"],
  html.is-mobile .app-header-nav-btn[data-app-view="bridge"] {
    display: none !important;
  }

  html.is-mobile .app-header-nav-btn[data-app-view="tokens"],
  html.is-mobile body.is-chain-arc .app-header-nav-btn[data-app-view="launch"] {
    display: inline-flex !important;
    align-items: center;
    height: 2rem;
    padding: 0 0.45rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #e5e7eb;
    font-size: 0.78rem;
    font-weight: 650;
    white-space: nowrap;
  }

  html.is-mobile #tradeNavBtn.app-header-trade-search,
  html.is-mobile .app-header-nav .app-header-trade-search {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #e5e7eb;
  }

  html.is-mobile #tradeNavBtn.app-header-trade-search:hover,
  html.is-mobile #tradeNavBtn.app-header-trade-search:active,
  html.is-mobile .app-header-nav .app-header-trade-search:hover,
  html.is-mobile .app-header-nav .app-header-trade-search:active {
    color: #fff;
    border-color: #3a3a3a;
    background: #1a1a1a;
  }

  html.is-mobile .app-header-nav-btn[data-app-view="tokens"]:hover,
  html.is-mobile .app-header-nav-btn[data-app-view="tokens"]:active,
  html.is-mobile body.is-chain-arc .app-header-nav-btn[data-app-view="launch"]:hover,
  html.is-mobile body.is-chain-arc .app-header-nav-btn[data-app-view="launch"]:active {
    color: #fff;
    border-color: #3a3a3a;
    background: #1a1a1a;
  }

  html.is-mobile .app-header-brand {
    flex: 0 0 auto;
    max-width: 2rem;
    padding-right: 0.4rem;
    border-right: 1px solid #2a2a2a;
    overflow: visible;
    align-self: center;
  }

  html.is-mobile .app-brand-logo {
    display: none;
  }

  html.is-mobile .app-brand-mark {
    display: block;
    height: 1.4rem;
    width: 1.4rem;
  }

  html.is-mobile .app-header-center {
    order: 2 !important;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }

  html.is-mobile .app-header-right {
    order: 3 !important;
    margin-left: 0 !important;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    gap: 0.3rem;
    align-items: center;
    justify-content: flex-end;
  }

  html.is-mobile .app-header-chain-token {
    flex: 0 1 auto;
    min-width: 0;
    gap: 0.3rem;
    justify-content: flex-end;
  }

  html.is-mobile .app-header-token {
    flex: 0 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin: 0;
  }

  html.is-mobile .app-header-token .fomoark-token-field-label,
  html.is-mobile .app-header-token .fomoark-token-search-icon {
    display: none !important;
  }

  html.is-mobile .app-header-token .fomoark-token-copy-btn {
    display: inline-flex !important;
  }

  html.is-mobile .app-header-token .fomoark-token-controls.is-expanded .fomoark-token-search-btn {
    display: inline-flex !important;
  }

  html.is-mobile .app-header-token .fomoark-token-controls {
    width: auto;
    height: 2rem;
    border-radius: 6px;
    padding: 0.2rem 0.3rem;
  }

  html.is-mobile .app-header-token .fomoark-token-controls .form-control {
    flex: 0 0 auto !important;
    width: 11.5ch !important;
    min-width: 0 !important;
    font-size: 0.72rem !important;
  }

  html.is-mobile .app-header-wallet,
  html.is-mobile .app-header-socials {
    display: none !important;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker {
    flex: 0 0 auto;
    display: block;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker-control {
    height: 2rem;
    padding: 0 0.15rem 0 0.3rem;
    border-radius: 8px;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker-trigger {
    min-width: 0;
    max-width: none;
    height: 100%;
    padding: 0 0.15rem 0 0;
    font-size: 0.7rem;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker-settings {
    width: 1.45rem;
    height: 1.45rem;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker-settings .bi {
    font-size: 0.78rem;
  }

  html.is-mobile .app-header-right .fomoark-chain-picker-icon {
    display: inline-flex;
    width: 1.15rem;
    height: 1.15rem;
  }

  /* Keep the dropdown inside the viewport (trigger sits at the right edge). */
  html.is-mobile .app-header-right .fomoark-chain-picker-menu {
    left: auto;
    right: 0;
    min-width: 11rem;
    width: max-content;
    max-width: min(16rem, calc(100vw - 1rem));
  }

  html.is-mobile .fomoark-shell {
    padding: 0;
    margin-top: 0;
  }

  html.is-mobile .fomoark-m-nav-burger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #e5e7eb;
    cursor: pointer;
  }

  html.is-mobile .fomoark-m-nav-burger:hover,
  html.is-mobile .fomoark-m-nav-burger:active {
    color: #fff;
    background: #1a1a1a;
  }

  html.is-mobile .fomoark-m-nav-burger .bi {
    font-size: 1.35rem;
    line-height: 1;
  }

  html.is-mobile .fomoark-m-nav-drawer {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 220;
    pointer-events: none;
  }

  html.is-mobile .fomoark-m-nav-drawer[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-nav-drawer.is-open {
    pointer-events: auto;
  }

  html.is-mobile .fomoark-m-nav-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  html.is-mobile .fomoark-m-nav-drawer.is-open .fomoark-m-nav-drawer-backdrop {
    opacity: 1;
  }

  html.is-mobile .fomoark-m-nav-drawer-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(17.5rem, 78vw);
    display: flex;
    flex-direction: column;
    background: #0a0a0a;
    border-right: 1px solid #2a2a2a;
    box-shadow: 10px 0 28px rgba(0, 0, 0, 0.55);
    transform: translateX(-102%);
    transition: transform 0.22s ease;
    padding: env(safe-area-inset-top, 0) 0 env(safe-area-inset-bottom, 0);
  }

  html.is-mobile .fomoark-m-nav-drawer.is-open .fomoark-m-nav-drawer-panel {
    transform: translateX(0);
  }

  html.is-mobile .fomoark-m-nav-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid #2a2a2a;
    background: #0c0c0f;
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-m-nav-drawer-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    text-decoration: none;
    color: #fff;
  }

  html.is-mobile .fomoark-m-nav-drawer-mark {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-m-nav-drawer-logo {
    height: 0.85rem;
    width: auto;
    max-width: 7rem;
    object-fit: contain;
  }

  html.is-mobile .fomoark-m-nav-drawer-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #141414;
    color: #c4b5fd;
    cursor: pointer;
  }

  html.is-mobile .fomoark-m-nav-drawer-close:hover,
  html.is-mobile .fomoark-m-nav-drawer-close:active {
    color: #fff;
    border-color: #3a3a3a;
    background: #1a1a1a;
  }

  html.is-mobile .fomoark-m-nav-drawer-nav {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.55rem 0.5rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }

  html.is-mobile .fomoark-m-nav-drawer-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.62rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #9ca3af;
    font-size: 0.86rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  }

  html.is-mobile .fomoark-m-nav-drawer-item[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-nav-drawer-item:hover,
  html.is-mobile .fomoark-m-nav-drawer-item:active {
    color: #e5e7eb;
    background: #1a1a1a;
    border-color: #3a3a3a;
  }

  html.is-mobile .fomoark-m-nav-drawer-item.is-active {
    color: #fff;
    background: rgba(124, 58, 237, 0.22);
    border-color: rgba(167, 139, 250, 0.55);
  }

  html.is-mobile .fomoark-m-nav-drawer-footer {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.65rem 0.75rem;
    border-top: 1px solid #2a2a2a;
    background: #0c0c0f;
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-m-nav-drawer-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #141414;
    color: #c4c4c8;
    text-decoration: none;
  }

  html.is-mobile .fomoark-m-nav-drawer-social:hover,
  html.is-mobile .fomoark-m-nav-drawer-social:active {
    color: #fff;
    border-color: #3a3a3a;
    background: #1a1a1a;
  }

  html.is-mobile body.fomoark-m-nav-drawer-open {
    overflow: hidden;
  }

  /* Pair summary bar */
  html.is-mobile .fomoark-m-pairbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex: 0 0 auto;
    padding: 0.45rem 0.5rem 0.55rem;
    border-bottom: 1px solid #1f1f1f;
  }

  html.is-mobile .fomoark-m-pairbar[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-pairbar-left {
    min-width: 0;
  }

  html.is-mobile .fomoark-m-pairbar-pair {
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
    font-weight: 750;
    font-size: 0.95rem;
    color: #f3f4f6;
    line-height: 1.15;
  }

  html.is-mobile .fomoark-m-pairbar-sep {
    color: #6b7280;
    font-weight: 500;
  }

  html.is-mobile .fomoark-m-pairbar-quote {
    color: #9ca3af;
    font-weight: 600;
  }

  html.is-mobile .fomoark-m-pairbar-name {
    margin-top: 0.1rem;
    font-size: 0.68rem;
    color: #8b8b96;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 46vw;
  }

  html.is-mobile .fomoark-m-pairbar-right {
    text-align: right;
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-m-pairbar-price {
    font-size: 0.95rem;
    font-weight: 750;
    color: #f3f4f6;
    line-height: 1.15;
    display: block;
    overflow: hidden;
    min-height: 1.15em;
  }

  html.is-mobile .fomoark-m-pairbar-change {
    margin-top: 0.1rem;
    font-size: 0.72rem;
    font-weight: 650;
    color: #9ca3af;
    display: block;
    overflow: hidden;
    min-height: 1em;
  }

  html.is-mobile .fomoark-m-pairbar-change.up { color: #16c784; }
  html.is-mobile .fomoark-m-pairbar-change.down { color: #ea3943; }

  /* Shell / chart */
  html.is-mobile .fomoark-shell {
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 0;
  }

  html.is-mobile .fomoark-left {
    flex: 1 1 auto;
    min-height: 0;
    gap: 0;
  }

  html.is-mobile .fomoark-main-scroll {
    display: none !important;
  }

  html.is-mobile .fomoark-col-main {
    gap: 0;
  }

  html.is-mobile .fomoark-chart-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
  }

  html.is-mobile .fomoark-chart-controls {
    margin-left: 0;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.3rem;
  }

  html.is-mobile .fomoark-chart-toolbar .fomoark-chart-pair {
    display: none;
  }

  html.is-mobile .fomoark-chart-ohlc {
    top: 0.35rem;
    left: 0.4rem;
    font-size: 0.62rem;
    gap: 0.2rem 0.4rem;
    max-width: calc(100% - 0.8rem);
  }

  html.is-mobile .fomoark-chart-controls .fomoark-seg-btn {
    padding: 0.2rem 0.4rem;
    font-size: 0.68rem;
  }

  html.is-mobile .fomoark-chart-tools.is-collapsed {
    width: 0;
    min-width: 0;
    padding: 0;
    border: none;
    overflow: hidden;
  }

  html.is-mobile .fomoark-col-side {
    display: none !important;
  }

  /* Info | Txns tabs */
  html.is-mobile .fomoark-m-tabs {
    display: flex;
    flex: 0 0 auto;
    gap: 0;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    background: #0f0f0f;
  }

  html.is-mobile .fomoark-m-tabs[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-tab {
    flex: 1 1 0;
    padding: 0.65rem 0.5rem;
    border: none;
    background: transparent;
    color: #8b8b96;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
  }

  html.is-mobile .fomoark-m-tab.is-active {
    color: #e5e7eb;
    border-bottom-color: #9945ff;
  }

  html.is-mobile .fomoark-m-tab-panels {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #0a0a0a;
  }

  html.is-mobile .fomoark-m-tab-panels[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-ptr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    height: 2.75rem;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-100%);
    color: #a78bfa;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    transition: opacity 0.12s ease;
  }

  html.is-mobile .fomoark-m-ptr.is-visible {
    opacity: 1;
  }

  html.is-mobile .fomoark-m-ptr.is-refreshing .fomoark-m-ptr-icon {
    animation: fomoark-m-ptr-spin 0.75s linear infinite;
  }

  html.is-mobile .fomoark-m-ptr-icon {
    font-size: 0.95rem;
    line-height: 1;
    transform: rotate(0deg);
    will-change: transform;
  }

  @keyframes fomoark-m-ptr-spin {
    to { transform: rotate(360deg); }
  }

  html.is-mobile .fomoark-workspace.is-ptr-pulling,
  html.is-mobile .fomoark-workspace.is-ptr-refreshing {
    will-change: transform;
  }

  html.is-mobile .fomoark-m-tab-panel {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  html.is-mobile .fomoark-m-tab-panel[hidden] {
    display: none !important;
  }

  /* Info tab: full-bleed sections */
  html.is-mobile #mobileInfoPanel {
    --fomoark-m-section-x: 0;
    --fomoark-m-section-gap: 0;
    padding: 0 0 0.85rem;
    box-sizing: border-box;
  }

  html.is-mobile #mobileInfoPanel .fomoark-market-panel,
  html.is-mobile #mobileInfoPanel .fomoark-market-panel.step-container {
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  html.is-mobile #mobileInfoPanel .fomoark-token-header {
    display: none;
  }

  html.is-mobile #mobileInfoPanel .fomoark-social-panel,
  html.is-mobile #mobileInfoPanel .fomoark-social-panel.step-container {
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: 1px solid #2a2a2a !important;
    background: #0f0f0f !important;
    box-shadow: none !important;
  }

  html.is-mobile #mobileInfoPanel .fomoark-social-panel-body {
    padding: 0.75rem 0.85rem 1rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-chart-panel,
  html.is-mobile #mobileInfoPanel #detailsPanel {
    display: grid;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    border-radius: 0;
    overflow: hidden;
    background: #0f0f0f;
  }

  html.is-mobile #mobileInfoPanel .fomoark-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid #2a2a2a !important;
    border-radius: 0;
    overflow: hidden;
    background: #0f0f0f;
  }

  html.is-mobile #mobileInfoPanel .fomoark-metric.fomoark-metric-wide {
    grid-column: span 3;
  }

  html.is-mobile #mobileInfoPanel .fomoark-metric:not(.fomoark-metric-wide) {
    grid-column: span 2;
  }

  html.is-mobile #mobileInfoPanel .fomoark-metric-value {
    font-size: 0.88rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-metric.fomoark-metric-wide .fomoark-metric-value {
    font-size: 0.98rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-tf-stats {
    margin: 0;
    border: none;
    border-bottom: 1px solid #2a2a2a;
    border-radius: 0;
  }

  html.is-mobile #mobileInfoPanel .fomoark-tf-stats-tab {
    padding: 0.4rem 0.15rem 0.35rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-tf-stats-totals,
  html.is-mobile #mobileInfoPanel .fomoark-tf-stats-splits {
    padding: 0.6rem 0.65rem;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .step-row {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    max-height: none;
    height: auto;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .step-header-side {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #2a2a2a;
    padding: 0.45rem 0.65rem;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .step-title {
    justify-content: flex-start;
    text-align: left;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details-goto-btn {
    display: none;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .step-body-side {
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
    overflow: visible;
    padding: 0;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .step-content {
    height: auto;
    min-height: 0;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details-pager {
    height: auto;
    overflow: visible;
    padding: 0.55rem 0.65rem 0.85rem;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details-track {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    transform: none !important;
    transition: none;
    gap: 0.15rem;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel.is-pair-page .fomoark-details-track {
    transform: none !important;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details-page {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
  }

  /* Stacked mobile list: drop pair-page fields already shown on details page. */
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-detail-mobile-hide {
    display: none !important;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details-page + .fomoark-details-page {
    padding-top: 0.15rem;
    border-top: none;
  }

  html.is-mobile #mobileInfoPanel .fomoark-pair-inline {
    grid-template-columns: 1fr;
  }

  /* Keep a divider between Details POOL and Pair created (stacked pages). */
  html.is-mobile #mobileInfoPanel #detailsPanel #detailsGrid .fomoark-detail:last-child {
    border-bottom: 1px solid #1c1c1c;
    padding-bottom: 0.45rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-chart-panel {
    display: flex;
    flex-direction: column;
    height: 42vh;
    height: 42dvh;
    min-height: 220px;
    max-height: 48vh;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel,
  html.is-mobile #mobileInfoPanel #detailsPanel.step-container {
    display: block;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    contain: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #0f0f0f !important;
    border: none !important;
    border-top: 1px solid #2a2a2a !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-details,
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-pair-inline {
    grid-template-columns: 1fr !important;
    height: auto;
    align-items: stretch;
    gap: 0.55rem;
  }

  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-detail,
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-detail-value,
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-detail-addr,
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-detail-addr .fomoark-addr,
  html.is-mobile #mobileInfoPanel #detailsPanel .fomoark-pair-inline-split {
    height: auto;
    min-height: 0;
  }

  html.is-mobile #mobileInfoPanel .fomoark-details {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  html.is-mobile #mobileInfoPanel .fomoark-detail {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid #1c1c1c;
  }

  html.is-mobile #mobileInfoPanel .fomoark-detail:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  html.is-mobile #mobileInfoPanel .fomoark-details .muted {
    min-height: 0;
    margin: 0;
  }

  html.is-mobile #mobileInfoPanel .fomoark-detail-value,
  html.is-mobile #mobileInfoPanel .fomoark-detail-addr {
    text-align: right;
  }

  html.is-mobile #mobileInfoPanel .fomoark-pair-inline-split {
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
  }

  /* Txns tab */
  html.is-mobile #mobileTxnsPanel {
    display: flex;
    flex-direction: column;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-dock {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-top: none;
    box-shadow: none;
    background: #0a0a0a;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-dock.is-collapsed .fomoark-tx-dock-body {
    display: flex !important;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-dock-bar {
    flex: 0 0 auto;
    gap: 0.2rem;
    padding: 0 0.2rem;
    min-height: 3.25rem;
    align-items: stretch;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-tabs {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    gap: 0;
    overflow: visible;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-tab {
    flex: 1 1 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    min-width: 0;
    max-width: none;
    padding: 0.4rem 0.15rem 0.35rem;
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    border-bottom-width: 2px;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-tab-label-full {
    display: none;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-tab-label-short {
    display: inline;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-tab-icon,
  html.is-mobile #mobileTxnsPanel .fomoark-bubble-tab-icon {
    margin-right: 0;
    font-size: 0.9rem;
    line-height: 1;
    vertical-align: 0;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-bubble-tab-icon {
    width: 0.95rem;
    height: 0.95rem;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-holders-tab-count {
    display: block;
    margin-top: -0.05rem;
    font-size: 0.58rem;
    line-height: 1;
    opacity: 0.8;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-dock-actions {
    min-width: 0;
    flex: 0 0 auto;
  }

  html.is-mobile #mobileTxnsPanel #toggleTradeLogsBtn {
    display: none;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-dock-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    height: auto !important;
    overflow: auto;
  }

  html.is-mobile .fomoark-tx-dock-resize {
    display: none !important;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-table {
    min-width: 0;
    width: 100%;
    font-size: 0.72rem;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-table thead th:nth-child(5),
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table thead th:nth-child(7),
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table thead th:nth-child(8),
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table tbody td:nth-child(5),
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table tbody td:nth-child(7),
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table tbody td:nth-child(8) {
    display: none;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-date,
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table thead th:first-child {
    width: 4.2rem;
    min-width: 4.2rem;
    max-width: 4.2rem;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-table thead th,
  html.is-mobile #mobileTxnsPanel .fomoark-tx-table tbody td {
    padding: 0.35rem 0.35rem;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-holders-table {
    min-width: 0;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-holders-amt-supply {
    display: none;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-holders-bar {
    min-width: 1.5rem;
  }

  html.is-mobile #mobileTxnsPanel .fomoark-tx-filter-btn {
    display: none;
  }

  /* Sticky Buy / Sell action bar */
  html.is-mobile .fomoark-m-actionbar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    gap: 0.45rem;
    align-items: center;
    padding: 0.55rem 0.65rem calc(0.55rem + env(safe-area-inset-bottom, 0px));
    background: rgba(12, 12, 12, 0.96);
    border-top: 1px solid #2a2a2a;
    backdrop-filter: blur(10px);
  }

  html.is-mobile .fomoark-m-actionbar[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-wallet-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    max-width: none;
    padding: 0.55rem 0.55rem;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #161616;
    color: #c4b5fd;
    font-size: 0.72rem;
    font-weight: 650;
  }

  html.is-mobile .fomoark-m-wallet-chip-label {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  html.is-mobile .fomoark-m-buy-btn,
  html.is-mobile .fomoark-m-sell-btn {
    flex: 1 1 0;
    padding: 0.7rem 0.5rem;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 750;
    letter-spacing: 0.02em;
  }

  html.is-mobile .fomoark-m-buy-btn {
    background: #14f195;
    color: #04140c;
  }

  html.is-mobile .fomoark-m-sell-btn {
    background: #ea3943;
    color: #fff;
  }

  html.is-mobile .fomoark-m-buy-btn:active {
    filter: brightness(0.92);
  }

  html.is-mobile .fomoark-m-sell-btn:active {
    filter: brightness(0.92);
  }

  /* Trade bottom sheet */
  html.is-mobile .fomoark-m-sheet-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 110;
    background: rgba(0, 0, 0, 0.55);
  }

  html.is-mobile .fomoark-m-sheet-backdrop[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-sheet {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    max-height: min(82vh, 82dvh);
    background: #121212;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid #2a2a2a;
    border-bottom: none;
    box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.55);
    transform: translateY(105%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  html.is-mobile .fomoark-m-sheet[hidden] {
    display: none !important;
  }

  html.is-mobile .fomoark-m-sheet.is-open {
    transform: translateY(0);
  }

  html.is-mobile .fomoark-m-sheet-handle-wrap {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 2.5rem 0.35rem;
  }

  html.is-mobile .fomoark-m-sheet-handle {
    width: 2.4rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #3a3a3a;
  }

  html.is-mobile .fomoark-m-sheet-close {
    position: absolute;
    right: 0.55rem;
    top: 0.35rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #9ca3af;
  }

  html.is-mobile .fomoark-m-sheet-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-panel,
  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-panel.step-container {
    flex: 1 1 auto;
    min-height: 0;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    max-height: none;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-wallet-panel {
    flex: 0 0 auto;
    padding: 0;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-wallet-panel-head {
    flex-wrap: nowrap;
    gap: 0.35rem 0.45rem;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-title-row {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 0.35rem 0.45rem;
    padding: 0.15rem 1rem 0.55rem;
    border-bottom: 1px solid #242424;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-title-label {
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-wallet-btns {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-wallet-btns .btn {
    font-size: 0.7rem;
    padding: 0.28rem 0.4rem !important;
    white-space: nowrap;
    line-height: 1.2;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-wallet-btns .icon-btn {
    width: 1.7rem;
    min-width: 1.7rem;
    height: 1.7rem;
    padding: 0 !important;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-body {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.65rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    box-sizing: border-box;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-wallet-panel,
  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-tabs,
  html.is-mobile .fomoark-m-sheet-body .fomoark-swap-stack,
  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-action {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-side-title-inline {
    margin: 0 -1rem !important;
    padding: 0 1rem 0.45rem !important;
    border-top: none;
    border-bottom: 1px solid #242424;
    background: transparent;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-tabs {
    border-bottom: 1px solid #2a2a2a;
    overflow: visible;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-swap-stack {
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    overflow: hidden;
    background: #0f0f0f;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-swap-stack .fomoark-seg {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-panel-box {
    padding: 0.65rem 0.7rem 0.5rem;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-amount-input {
    font-size: 1.15rem;
    min-width: 0;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-action {
    margin-top: 0.15rem;
    height: 2.6rem !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-trade-balances {
    gap: 0.25rem;
  }

  html.is-mobile .fomoark-m-sheet-body .fomoark-slip-popover {
    right: 0;
    left: auto;
    max-width: min(18rem, calc(100vw - 2rem));
  }

  /* Live float + toasts above action bar (trade). */
  html.is-mobile .fomoark-live-float {
    bottom: calc(4.1rem + env(safe-area-inset-bottom, 0px));
    right: 0.65rem;
  }

  /* Tokens / home: no action bar — pin to absolute bottom-right. */
  html.is-mobile body.is-tokens-list .fomoark-live-float,
  html.is-mobile body.is-home .fomoark-live-float {
    bottom: calc(0.65rem + env(safe-area-inset-bottom, 0px));
    right: 0.65rem;
  }

  html.is-mobile.fomoark-m-sheet-open .fomoark-live-float {
    opacity: 0;
    visibility: hidden;
  }

  html.is-mobile .fomoark-toast-stack {
    top: auto;
    bottom: calc(4.2rem + env(safe-area-inset-bottom, 0px));
    right: 0.65rem;
    left: 0.65rem;
    width: auto;
  }

  html.is-mobile .live-feed-panel {
    width: min(22.5rem, 100vw);
  }

  html.is-mobile .fomoark-tokens-live-btn-label {
    display: none;
  }

  html.is-mobile .fomoark-tokens-live-btn {
    width: 2.1rem;
    padding: 0;
    justify-content: center;
  }

  html.is-mobile.fomoark-m-sheet-open .fomoark-toast-stack {
    bottom: calc(min(82vh, 82dvh) + 0.5rem);
  }

  /* Modals: full-width bottom sheet style on phones */
  html.is-mobile .fomoark-modal-panel {
    width: 100%;
    max-width: 100%;
    max-height: min(90vh, 90dvh);
    margin: 0;
    border-radius: 16px 16px 0 0;
    align-self: flex-end;
  }

  html.is-mobile .fomoark-modal-panel.fomoark-bubblemap-panel {
    width: 100%;
    max-width: 100%;
    height: min(96vh, 96dvh);
    max-height: min(96vh, 96dvh);
    border-radius: 12px 12px 0 0;
  }

  html.is-mobile .fomoark-modal {
    align-items: flex-end;
    padding: 0;
  }

  html.is-mobile .fomoark-bubblemap-modal {
    align-items: stretch;
    padding: 0.25rem;
  }

  /* —— Launch pad: full-bleed, compact for phone screens —— */
  html.is-mobile body.is-launch .fomoark-live-float,
  html.is-mobile body.is-launch-create .fomoark-live-float,
  html.is-mobile body.is-launch-dashboard .fomoark-live-float {
    bottom: calc(0.65rem + env(safe-area-inset-bottom, 0px));
    right: 0.65rem;
  }

  html.is-mobile .fomoark-launch-page {
    padding: 0.45rem 0 0.65rem;
    overflow-x: hidden;
    overflow-y: auto;
  }

  html.is-mobile .fomoark-launch-page-inner,
  html.is-mobile .fomoark-launch-create-page .fomoark-launch-create-inner {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0 0.65rem;
    gap: 0.55rem;
    padding-top: 0;
  }

  html.is-mobile .fomoark-launch-canvas,
  html.is-mobile .fomoark-launch-create-canvas {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    gap: 0.55rem;
  }

  html.is-mobile .fomoark-launch-top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }

  html.is-mobile .fomoark-launch-page-head {
    flex: 1 1 auto;
    min-width: 0;
  }

  html.is-mobile .fomoark-launch-page-title {
    font-size: 1.15rem;
  }

  html.is-mobile .fomoark-launch-eyebrow {
    font-size: 0.6rem;
  }

  html.is-mobile .fomoark-launch-top-actions {
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 0.35rem;
  }

  html.is-mobile .fomoark-launch-alert-btn,
  html.is-mobile .fomoark-launch-dash-btn,
  html.is-mobile .fomoark-launch-create-btn {
    flex: 0 0 auto;
    min-width: 0;
    height: 2.15rem;
    padding: 0 0.55rem;
    font-size: 0.72rem;
    gap: 0.28rem;
  }

  html.is-mobile .fomoark-launch-alert-btn .bi,
  html.is-mobile .fomoark-launch-dash-btn .bi,
  html.is-mobile .fomoark-launch-create-btn .bi {
    font-size: 0.85rem;
  }

  /* Short labels so both actions fit beside the title. */
  html.is-mobile .fomoark-launch-btn-text-full {
    display: none;
  }

  html.is-mobile .fomoark-launch-btn-text-short {
    display: inline;
  }

  html.is-mobile .fomoark-launch-stats.fomoark-tokens-stats {
    gap: 0.35rem;
  }

  html.is-mobile .fomoark-launch-stats .fomoark-tokens-stat {
    padding: 0.45rem 0.4rem;
    border-radius: 8px;
    gap: 0.15rem;
  }

  html.is-mobile .fomoark-launch-stats .fomoark-tokens-stat-label {
    font-size: 0.55rem;
    letter-spacing: 0.04em;
  }

  html.is-mobile .fomoark-launch-stats .fomoark-tokens-stat-value {
    font-size: 0.95rem;
  }

  html.is-mobile .fomoark-launch-catalog-bar {
    --fomoark-launch-ctrl-h: 2.15rem;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.1rem 0 0.35rem;
    background: linear-gradient(180deg, #0a0a0a 78%, rgba(10, 10, 10, 0));
  }

  html.is-mobile .fomoark-launch-tabs {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  html.is-mobile .fomoark-launch-tabs::-webkit-scrollbar {
    display: none;
  }

  html.is-mobile .fomoark-launch-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 0.4rem;
    font-size: 0.72rem;
  }

  html.is-mobile .fomoark-launch-catalog-tools {
    width: 100%;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: stretch;
    gap: 0.4rem;
  }

  html.is-mobile .fomoark-launch-search {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
  }

  html.is-mobile .fomoark-launch-pager {
    flex: 0 0 auto;
  }

  html.is-mobile .fomoark-launch-token-grid {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  html.is-mobile .fomoark-launch-card {
    gap: 0.45rem;
    padding: 0.55rem;
    border-radius: 12px;
  }

  html.is-mobile .fomoark-launch-card:hover {
    transform: none;
    box-shadow: none;
  }

  /* Keep media readable without dominating the viewport. */
  html.is-mobile .fomoark-launch-card-media {
    aspect-ratio: 16 / 10;
    width: 100%;
    border-radius: 10px;
  }

  html.is-mobile .fomoark-launch-card-name {
    font-size: 0.9rem;
  }

  html.is-mobile .fomoark-launch-card-sym {
    font-size: 0.72rem;
  }

  html.is-mobile .fomoark-launch-card-body {
    gap: 0.2rem;
  }

  html.is-mobile .fomoark-launch-card-titleblock {
    column-gap: 0.35rem;
    row-gap: 0.12rem;
  }

  html.is-mobile .fomoark-launch-card-link {
    width: 1.2rem;
    height: 1.2rem;
  }

  html.is-mobile .fomoark-launch-card-link .bi {
    font-size: 0.66rem;
  }

  html.is-mobile .fomoark-launch-card-mcap {
    font-size: 0.84rem;
  }

  html.is-mobile .fomoark-launch-card-body .fomoark-launch-progress {
    margin-top: 0.3rem;
  }

  html.is-mobile .fomoark-launch-back-btn {
    margin-left: 0;
    height: 2.1rem;
    font-size: 0.78rem;
  }

  html.is-mobile .fomoark-launch-create-title {
    font-size: 1.35rem;
  }

  html.is-mobile .fomoark-launch-create-layout {
    gap: 0.75rem;
  }

  html.is-mobile .fomoark-launch-create-form .fomoark-launch-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  html.is-mobile .fomoark-m-sheet {
    transition: none;
  }
}

/* —— Bridge modal (ETH Mainnet → DBK) —— */
.fomoark-modal-panel.fomoark-bridge-panel {
  width: min(24rem, 100%);
  max-height: min(90vh, 44rem);
  background: #141414;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.fomoark-modal-panel.fomoark-bridge-panel.is-arc-coming-soon {
  max-height: none;
}

.fomoark-bridge-soon {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  padding: 1.35rem 1rem 1.5rem;
}

.fomoark-bridge-soon[hidden] {
  display: none !important;
}

.fomoark-bridge-soon-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
  width: 100%;
  max-width: 22rem;
}

.fomoark-bridge-soon-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}

.fomoark-bridge-soon-status {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: #a78bfa;
}

.fomoark-bridge-soon-status[data-state="closed"] {
  color: #f59e0b;
}

.fomoark-bridge-soon-status[data-state="open"] {
  color: #34d399;
}

.fomoark-bridge-tg-alert {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.35rem 0 0.15rem;
  padding: 0.45rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 650;
  color: #eaf6ff;
  text-decoration: none;
  border: 1px solid rgba(42, 171, 238, 0.45);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(42, 171, 238, 0.22), rgba(42, 171, 238, 0.1));
  box-shadow: 0 0 0 1px rgba(42, 171, 238, 0.08), 0 0 18px rgba(42, 171, 238, 0.12);
  transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.fomoark-bridge-tg-alert[hidden] {
  display: none !important;
}

.fomoark-bridge-tg-alert:hover {
  color: #fff;
  border-color: rgba(42, 171, 238, 0.75);
  background: linear-gradient(180deg, rgba(42, 171, 238, 0.34), rgba(42, 171, 238, 0.16));
  box-shadow: 0 0 0 1px rgba(42, 171, 238, 0.14), 0 0 22px rgba(42, 171, 238, 0.22);
}

.fomoark-bridge-tg-alert .bi {
  font-size: 1rem;
  color: #2aabee;
  line-height: 1;
}

.fomoark-bridge-tg-alert:hover .bi {
  color: #5bc4f5;
}

.fomoark-bridge-soon-status[data-state="error"] {
  color: #f87171;
}

.fomoark-bridge-soon-status[data-state="loading"] {
  color: #94a3b8;
}

.fomoark-bridge-arc-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem 0.75rem;
  width: 100%;
  margin: 0.55rem 0 0.15rem;
  text-align: left;
}

.fomoark-bridge-arc-metric {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  padding: 0.45rem 0.55rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.fomoark-bridge-arc-metric-label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #94a3b8;
  text-transform: uppercase;
}

.fomoark-bridge-arc-metric-value {
  font-size: 0.92rem;
  font-weight: 650;
  color: #e2e8f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-bridge-arc-contracts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.65rem;
  width: 100%;
  margin-top: 0.55rem;
}

.fomoark-bridge-arc-contracts[hidden] {
  display: none !important;
}

.fomoark-bridge-arc-link {
  font-size: 0.72rem;
  color: #93c5fd;
  text-decoration: none;
}

.fomoark-bridge-arc-link:hover {
  text-decoration: underline;
  color: #bfdbfe;
}

.fomoark-bridge-soon-inner > .fomoark-bridge-hint {
  margin: 0.25rem 0 0;
  max-width: 20rem;
}

.fomoark-bridge-soon-inner > .fomoark-bridge-actions {
  width: 100%;
  margin-top: 0.85rem;
}

.fomoark-bridge-soon-inner .fomoark-bridge-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  text-decoration: none;
}

.fomoark-bridge-tabs {
  display: flex;
  flex: 0 0 auto;
  padding: 0 0.55rem;
  margin: 0;
  gap: 0;
  border-bottom: 1px solid #2a2a2a;
  overflow: visible;
}

.fomoark-bridge-tabs .fomoark-wm-tab {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 3.4rem;
  font-size: 0.62rem;
  padding: 0.4rem 0.15rem 0.45rem;
  gap: 0.15rem;
  white-space: normal;
  min-width: 0;
  border-right: 1px solid #2a2a2a;
  overflow: visible;
  text-align: center;
  line-height: 1.15;
}

.fomoark-bridge-tabs .fomoark-wm-tab:last-child {
  border-right: 0;
}

.fomoark-bridge-tabs .fomoark-bridge-tab-lp {
  flex: 1 1 0;
  padding-inline: 0.3rem;
}

.fomoark-bridge-tabs .fomoark-wm-tab .bi {
  font-size: 0.82rem;
  flex: 0 0 auto;
  margin: 0;
}

.fomoark-bridge-tab-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  min-width: 0;
  line-height: 1.2;
  font-weight: inherit;
}

.fomoark-bridge-tab-label > span {
  display: block;
}

.fomoark-bridge-body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.75rem 0.9rem 0.95rem !important;
  overflow: auto;
  flex: 1 1 auto;
  min-height: 0;
}

.fomoark-bridge-pane[hidden] {
  display: none !important;
}

.fomoark-bridge-pane {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* Nested withdraw/LP wrappers must inherit the same section rhythm as Deposit */
#exitPanelFast,
#exitPanelLp,
#withdraw7Panel {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.fomoark-bridge-route {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.55rem 0.65rem;
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
}

.fomoark-bridge-leg {
  align-items: center;
}

.fomoark-bridge-leg .fomoark-wm-field-label {
  padding-top: 0;
}

.fomoark-bridge-leg-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
  min-height: 1.7rem;
}

.fomoark-bridge-leg-main {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.fomoark-bridge-leg-text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.fomoark-bridge-leg-name {
  font-size: 0.82rem;
  font-weight: 650;
  color: #f3f4f6;
  line-height: 1.2;
}

.fomoark-bridge-leg-meta {
  flex: 0 0 auto;
  font-size: 0.68rem;
  color: #6b7280;
  white-space: nowrap;
  line-height: 1.2;
}

.fomoark-bridge-leg-bal {
  flex: 0 0 auto;
  min-width: 4.5rem;
  font-size: 0.78rem;
  font-weight: 650;
  color: #e5e7eb;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fomoark-bridge-route-arrow {
  display: flex;
  justify-content: center;
  margin-left: 0;
  color: #9945ff;
  font-size: 0.72rem;
  line-height: 1;
  opacity: 0.9;
}

.fomoark-bridge-amount-field {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.65rem !important;
  width: 100%;
}

.fomoark-bridge-amount-label {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b8b95 !important;
  line-height: 1.2;
  white-space: nowrap;
}

.fomoark-bridge-amount-field > .fomoark-wm-transfer-hint {
  flex: 1 1 100%;
  margin-left: calc(0.65rem + 3.6rem); /* align under input, past label */
  width: auto;
}

.fomoark-bridge-amount-block {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fomoark-bridge-lp-bal {
  margin: 0;
  padding-left: 4.1rem; /* align under input past Amount label */
  font-size: 0.68rem;
  line-height: 1.3;
  color: #6b7280;
  text-align: right;
}

.fomoark-bridge-leg {
  align-items: center;
}

.fomoark-bridge-amount-input-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  align-items: center;
  gap: 0.4rem;
  padding: 0 0.3rem 0 0.5rem;
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  min-height: 2.15rem;
}

.fomoark-bridge-amount-input-wrap:focus-within {
  border-color: #5b21b6;
  box-shadow: 0 0 0 1px rgba(91, 33, 182, 0.25);
}

.fomoark-bridge-amount-symbol {
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 700;
  color: #f3f4f6;
}

.fomoark-bridge-amount-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.25rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
  appearance: textfield;
  transition: none !important;
}

.fomoark-bridge-amount-max {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.2rem 0.45rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #c4b5fd;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
}

.fomoark-bridge-amount-max:hover {
  color: #ede9fe;
  background: rgba(153, 69, 255, 0.12);
}

.fomoark-bridge-amount-input::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
  text-align: right;
}

.fomoark-bridge-amount-input:focus {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.fomoark-bridge-amount-input::-webkit-outer-spin-button,
.fomoark-bridge-amount-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fomoark-bridge-hint {
  margin: -0.15rem 0 0;
  font-size: 0.7rem;
  line-height: 1.4;
  color: #8b8b95;
}

.fomoark-bridge-status {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem 0.7rem;
  background: rgba(153, 69, 255, 0.06);
  border: 1px solid rgba(153, 69, 255, 0.22);
  border-radius: 8px;
  overflow: hidden;
}

.fomoark-bridge-status[hidden] {
  display: none !important;
}

.fomoark-bridge-status.is-complete {
  background: rgba(20, 241, 149, 0.06);
  border-color: rgba(20, 241, 149, 0.28);
}

.fomoark-bridge-status.is-error {
  background: rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.25);
}

.fomoark-bridge-status-track {
  position: relative;
  flex: 0 0 1.35rem;
  width: 1.35rem;
  height: 1.35rem;
}

.fomoark-bridge-status-pulse {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 2px solid rgba(153, 69, 255, 0.55);
  background: rgba(153, 69, 255, 0.18);
  animation: fomoark-bridge-pulse 1.8s ease-in-out infinite;
}

.fomoark-bridge-status.is-complete .fomoark-bridge-status-pulse {
  border-color: rgba(20, 241, 149, 0.65);
  background: rgba(20, 241, 149, 0.2);
  animation: none;
}

.fomoark-bridge-status.is-complete .fomoark-bridge-status-pulse::after {
  content: "";
  position: absolute;
  inset: 0.28rem;
  border-radius: 999px;
  background: #14f195;
  opacity: 0.9;
}

.fomoark-bridge-status.is-error .fomoark-bridge-status-pulse {
  border-color: rgba(248, 113, 113, 0.7);
  background: rgba(239, 68, 68, 0.18);
  animation: none;
}

.fomoark-bridge-status-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-bridge-status-title {
  font-size: 0.78rem;
  font-weight: 650;
  color: #e5e7eb;
  line-height: 1.25;
}

.fomoark-bridge-status-sub {
  margin-top: 0.12rem;
  font-size: 0.68rem;
  color: #9ca3af;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-bridge-status-sub a {
  color: #c4b5fd;
  text-decoration: none;
}

.fomoark-bridge-status-sub a:hover {
  text-decoration: underline;
}

@keyframes fomoark-bridge-pulse {
  0%,
  100% {
    transform: scale(0.88);
    opacity: 0.55;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-bridge-status-pulse {
    animation: none;
  }
}

.fomoark-bridge-actions {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.fomoark-bridge-submit {
  width: 100%;
  height: 2.15rem !important;
  border-radius: 6px !important;
  margin-top: 0.05rem;
}

.fomoark-bridge-add-chain {
  width: 100%;
  height: 2rem;
  justify-content: center;
}

.fomoark-bridge-history {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding-top: 0.15rem;
  border-top: 1px solid #242424;
}

.fomoark-bridge-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.fomoark-bridge-history-title {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
}

.fomoark-bridge-history-meta {
  font-size: 0.66rem;
  color: #6b7280;
}

.fomoark-bridge-history-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  overflow: hidden;
}

.fomoark-bridge-history-list.is-scrollable {
  max-height: 9.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.fomoark-bridge-history-empty {
  padding: 0.55rem 0.15rem;
  font-size: 0.72rem;
  color: #6b7280;
}

.fomoark-bridge-history-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.25rem 0.55rem;
  align-items: center;
  padding: 0.45rem 0.55rem;
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
}

.fomoark-bridge-history-row.is-enter {
  animation: fomoark-bridge-row-in 0.22s ease-out;
}

@keyframes fomoark-bridge-row-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-bridge-history-row.is-enter {
    animation: none;
  }
}

.fomoark-bridge-history-amount {
  font-size: 0.74rem;
  font-weight: 650;
  color: #f3f4f6;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-bridge-history-state {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #c4b5fd;
}

.fomoark-bridge-history-state.is-bridging,
.fomoark-bridge-history-state.is-exiting {
  color: #c4b5fd;
}

.fomoark-bridge-history-state.is-waiting,
.fomoark-bridge-history-state.is-waiting_for_output,
.fomoark-bridge-history-state.is-in_challenge {
  color: #fbbf24;
}

.fomoark-bridge-history-state.is-ready_to_prove,
.fomoark-bridge-history-state.is-ready_to_finalize {
  color: #14f195;
}

.fomoark-bridge-history-state.is-finalized,
.fomoark-bridge-history-state.is-completed {
  color: #14f195;
}

.fomoark-bridge-history-state.is-failed {
  color: #f87171;
}

.fomoark-w7-history-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  gap: 0.2rem 0.5rem;
  align-items: center;
}

.fomoark-w7-history-row .fomoark-bridge-history-amount {
  grid-column: 1;
  grid-row: 1;
}

.fomoark-w7-history-row .fomoark-bridge-history-state {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.fomoark-w7-history-row .fomoark-bridge-history-meta-row {
  grid-column: 1 / -1;
  grid-row: 2;
}

.fomoark-w7-history-actions {
  grid-column: 1 / -1;
  grid-row: 3;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.fomoark-w7-action-btn {
  appearance: none;
  border: 1px solid rgba(20, 241, 149, 0.35);
  background: rgba(20, 241, 149, 0.1);
  color: #14f195;
  font-size: 0.68rem;
  font-weight: 650;
  padding: 0.28rem 0.55rem;
  border-radius: 5px;
  cursor: pointer;
}

.fomoark-w7-action-btn:hover {
  background: rgba(20, 241, 149, 0.18);
}

.fomoark-w7-challenge-note {
  font-size: 0.65rem;
  color: #fbbf24;
}

.fomoark-bridge-history-meta-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.66rem;
  color: #6b7280;
}

.fomoark-bridge-history-meta-row a {
  color: #c4b5fd;
  text-decoration: none;
}

.fomoark-bridge-history-meta-row a:hover {
  text-decoration: underline;
}

.fomoark-bridge-howto {
  margin: 0.1rem 0 0;
  border-top: 1px solid #242424;
  padding-top: 0.55rem;
}

.fomoark-bridge-howto > summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.72rem;
  font-weight: 600;
  color: #c4b5fd;
  user-select: none;
}

.fomoark-bridge-howto > summary::-webkit-details-marker {
  display: none;
}

.fomoark-bridge-howto > summary::before {
  content: "â–¸";
  display: inline-block;
  margin-right: 0.35rem;
  color: #9945ff;
  transition: transform 0.15s ease;
}

.fomoark-bridge-howto[open] > summary::before {
  transform: rotate(90deg);
}

.fomoark-bridge-howto-body {
  margin-top: 0.45rem;
  font-size: 0.7rem;
  color: #9ca3af;
  line-height: 1.45;
}

.fomoark-bridge-howto-body p {
  margin: 0 0 0.4rem;
}

.fomoark-bridge-howto-body ul {
  margin: 0;
  padding-left: 1.05rem;
}

.fomoark-bridge-howto-body li {
  margin-bottom: 0.3rem;
}

.fomoark-bridge-howto-body code {
  font-size: 0.66rem;
  color: #d1d5db;
}

.fomoark-bridge-howto-body strong {
  color: #d1d5db;
  font-weight: 600;
}

@media (max-width: 768px) {
  html.is-mobile .fomoark-modal-panel.fomoark-bridge-panel {
    width: 100%;
    max-width: 100%;
    max-height: min(92vh, 92dvh);
    margin: 0;
    border-radius: 16px 16px 0 0;
    align-self: flex-end;
  }

  html.is-mobile .fomoark-bridge-route-arrow {
    margin-left: 0;
  }

  html.is-mobile .fomoark-bridge-leg {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  html.is-mobile .fomoark-bridge-amount-field {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }
}


/* -- Bridge withdraw / LP (inside Bridge modal) ----------------------------- */
.fomoark-exit-quote {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.55rem 0.65rem;
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
}

.fomoark-exit-quote-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.72rem;
  color: #9ca3af;
}

.fomoark-exit-quote-row .mono {
  color: #e5e7eb;
  font-size: 0.72rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fomoark-exit-quote-row .fomoark-exit-quote-link {
  color: #c4b5fd;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 58%;
}

.fomoark-exit-quote-row .fomoark-exit-quote-link:hover {
  color: #ddd6fe;
  text-decoration: underline;
}

.fomoark-exit-quote-row.is-fee .mono {
  color: #fbbf24;
}

.fomoark-exit-quote-row.is-apy .mono,
.fomoark-exit-quote-row .mono.is-hot {
  color: #14f195;
  font-weight: 700;
}

.fomoark-exit-pool-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.45rem;
}

.fomoark-exit-stat {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.45rem 0.5rem;
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  min-width: 0;
}

.fomoark-exit-stat.is-apy {
  border-color: rgba(20, 241, 149, 0.35);
  background: rgba(20, 241, 149, 0.06);
}

.fomoark-exit-stat.is-apy .mono {
  color: #14f195;
  font-weight: 700;
}

.fomoark-exit-stat-label {
  font-size: 0.62rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fomoark-exit-stat .mono {
  font-size: 0.72rem;
  color: #e5e7eb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-bridge-apy-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.05rem 0 0;
  padding: 0.06rem 0.28rem;
  border-radius: 999px;
  background: rgba(20, 241, 149, 0.14);
  border: 1px solid rgba(20, 241, 149, 0.35);
  color: #14f195;
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.15;
  white-space: nowrap;
  flex: 0 0 auto;
}

.fomoark-bridge-apy-badge[hidden] {
  display: none !important;
}

.fomoark-exit-lp-actions .btn {
  flex: 0 0 auto;
}

.fomoark-exit-unconfigured {
  padding: 0.35rem 0.1rem 0.15rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: #9ca3af;
}

.fomoark-exit-unconfigured code {
  font-size: 0.68rem;
  color: #d1d5db;
}

.fomoark-exit-trust {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem 0.85rem;
  margin-bottom: 0;
  padding: 0.6rem 0.7rem;
  border: 1px solid rgba(20, 241, 149, 0.32);
  border-radius: 6px;
  background: rgba(20, 241, 149, 0.07);
  color: #9ca3af;
  font-size: 0.7rem;
}

.fomoark-exit-trust[hidden] {
  display: none !important;
}

.fomoark-exit-trust-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.fomoark-exit-trust-main > .bi {
  flex: 0 0 auto;
  color: #14f195;
  font-size: 1.05rem;
}

.fomoark-exit-trust-main div {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

.fomoark-exit-trust-main strong {
  color: #e5e7eb;
  font-size: 0.73rem;
}

.fomoark-exit-trust a {
  color: #86efac;
  text-decoration: none;
}

.fomoark-exit-trust a:hover {
  color: #bbf7d0;
  text-decoration: underline;
}

.fomoark-exit-trust-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem 0.65rem;
  justify-self: end;
}

.fomoark-exit-trust-actions a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

@media (max-width: 768px) {
  html.is-mobile .fomoark-exit-pool-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  html.is-mobile .fomoark-exit-trust {
    align-items: flex-start;
    grid-template-columns: 1fr;
  }

  html.is-mobile .fomoark-exit-trust-actions {
    justify-self: start;
  }

  html.is-mobile .fomoark-bridge-tabs .fomoark-wm-tab {
    font-size: 0.64rem;
    padding: 0.4rem 0.2rem 0.45rem;
    min-height: 3.2rem;
  }
}


/* —— Trade find: single search bar (no nested panel chrome) —— */
.fomoark-modal.fomoark-trade-find-modal {
  align-items: flex-start;
  justify-content: center;
  padding: 4.5rem 1rem 1rem;
}

.fomoark-modal.fomoark-trade-find-modal .fomoark-modal-backdrop {
  background: rgba(0, 0, 0, 0.55);
}

.fomoark-modal-panel.fomoark-trade-find-panel {
  width: min(28rem, 100%);
  max-height: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  align-self: flex-start;
}

/* Keep Trade search at the top on phones (overrides bottom-sheet modal defaults). */
html.is-mobile .fomoark-modal.fomoark-trade-find-modal {
  align-items: flex-start;
  justify-content: center;
  padding: calc(3.6rem + env(safe-area-inset-top, 0px)) 0.75rem 1rem;
}

html.is-mobile .fomoark-modal-panel.fomoark-trade-find-panel {
  width: 100%;
  max-width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  align-self: flex-start;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  /* Don’t cover the dimmed area — outside clicks hit the backdrop. */
  pointer-events: none;
}

html.is-mobile .fomoark-modal-panel.fomoark-trade-find-panel .fomoark-trade-find-form {
  pointer-events: auto;
}

.fomoark-trade-find-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0;
}

.fomoark-trade-find-input-row {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 2.55rem;
  padding: 0 0.15rem 0 0.7rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #121212;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

.fomoark-trade-find-input-row:focus-within {
  border-color: #3f3f46;
}

.fomoark-trade-find-input-row .form-control {
  flex: 1 1 auto;
  min-width: 0;
  height: 2.5rem;
  padding: 0.4rem 0.35rem 0.4rem 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e5e7eb;
  font-size: 0.9rem;
}

.fomoark-trade-find-input-row .form-control:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.fomoark-trade-find-input-row .form-control::placeholder {
  color: #4b5563;
}

.fomoark-trade-find-go {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-trade-find-go:hover {
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.12);
}

.fomoark-trade-find-go .bi {
  font-size: 0.95rem;
}

.fomoark-trade-find-hint {
  margin: 0;
  padding: 0 0.15rem;
  font-size: 0.72rem;
  color: #6b7280;
}

.fomoark-trade-find-hint.is-err {
  color: #f87171;
}

/* —— Launch page (NOXA-inspired feed, FomoArk theme) —— */
.fomoark-launch-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0.85rem 1.1rem 1.35rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #0a0a0a;
}

.fomoark-launch-page[hidden] {
  display: none !important;
}

.fomoark-launch-page-inner {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 0 0 auto;
  min-height: min-content;
  max-width: 72rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 0.5rem;
}

.fomoark-launch-top {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
}

.fomoark-launch-page-head {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-launch-page-title {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #f3f4f6;
  line-height: 1.2;
}

.fomoark-launch-page-lead {
  margin: 0;
  max-width: 40rem;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #9ca3af;
}

.fomoark-launch-top-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.fomoark-launch-alert-btn,
.fomoark-launch-dash-btn,
.fomoark-launch-create-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-width: 8.5rem;
  height: 2.75rem;
  padding: 0 1.15rem;
  border-radius: 8px;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

.fomoark-launch-alert-btn[hidden] {
  display: none !important;
}

.fomoark-launch-alert-btn {
  border: 1px solid #2a3a52;
  background: #121826;
  color: #c5d0e6;
}

.fomoark-launch-alert-btn:hover {
  border-color: #5b9bd5;
  color: #fff;
  background: rgba(91, 155, 213, 0.12);
  transform: translateY(-1px);
}

.fomoark-launch-alert-btn .bi {
  font-size: 1.05rem;
  line-height: 1;
  color: #5b9bd5;
}

.fomoark-launch-alert-btn:hover .bi {
  color: #7eb6e8;
}

.fomoark-modal-panel.fomoark-launch-tg-alert-panel {
  width: min(22.5rem, calc(100vw - 1.5rem));
  max-width: 22.5rem;
}

.fomoark-launch-tg-alert-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.15rem 1rem 1.1rem;
}

.fomoark-launch-tg-alert-hint {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.4;
  color: #9ca3af;
}

.fomoark-launch-tg-alert-options {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.fomoark-launch-tg-alert-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.7rem;
  padding: 0.75rem 0.8rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  color: inherit;
  text-decoration: none;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.fomoark-launch-tg-alert-option:hover {
  border-color: #3a4a6b;
  background: #1a1a1a;
}

.fomoark-launch-tg-alert-option-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 7px;
  border: 1px solid #2a3a52;
  background: #121826;
  color: #5b9bd5;
  font-size: 1rem;
}

.fomoark-launch-tg-alert-option-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.fomoark-launch-tg-alert-option-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: #f3f4f6;
}

.fomoark-launch-tg-alert-option-sub {
  font-size: 0.72rem;
  line-height: 1.3;
  color: #8b8b96;
}

.fomoark-launch-tg-alert-option-go {
  flex: 0 0 auto;
  font-size: 0.85rem;
  color: #6b7280;
}

.fomoark-launch-tg-alert-option:hover .fomoark-launch-tg-alert-option-go {
  color: #c5d0e6;
}

.fomoark-launch-create-btn {
  border: 1px solid #9dce7a;
  background: #9dce7a;
  color: #0a1208;
}

.fomoark-launch-create-btn:hover {
  background: #8bbb68;
  border-color: #8bbb68;
  color: #0a1208;
  transform: translateY(-1px);
}

.fomoark-launch-dash-btn {
  border: 1px solid #3a3a42;
  background: #1a1a1a;
  color: #e5e7eb;
}

.fomoark-launch-dash-btn:hover {
  border-color: #9dce7a;
  color: #9dce7a;
  background: rgba(157, 206, 122, 0.08);
  transform: translateY(-1px);
}

.fomoark-launch-dash-btn .bi,
.fomoark-launch-create-btn .bi {
  font-size: 1.05rem;
  line-height: 1;
}

.fomoark-launch-btn-text-short {
  display: none;
}

.fomoark-launch-back-btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: auto;
  gap: 0.35rem;
  margin: 0;
  padding: 0.4rem 0.85rem 0.4rem 0.65rem;
  border: 1px solid #9dce7a;
  border-radius: 999px;
  background: #9dce7a;
  color: #0a1208;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

.fomoark-launch-back-btn:hover {
  color: #0a1208;
  border-color: #8bbb68;
  background: #8bbb68;
  transform: translateX(-2px);
}

.fomoark-launch-back-btn .bi {
  font-size: 0.95rem;
  line-height: 1;
}

.fomoark-launch-create-page .fomoark-launch-create-inner {
  max-width: 72rem;
  flex: 0 0 auto;
  min-height: min-content;
  overflow: visible;
}

.fomoark-launch-canvas,
.fomoark-launch-create-canvas {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 0 0 auto;
  min-height: min-content;
  height: auto;
  overflow: visible;
  padding: 1.35rem 1.5rem 1.5rem;
  border: 1px solid #222222;
  border-radius: 22px;
  background: #121212;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

@media (max-width: 720px) {
  .fomoark-launch-canvas,
  .fomoark-launch-create-canvas {
    padding: 1rem 0.9rem 1.15rem;
    border-radius: 16px;
  }
}

.fomoark-launch-create-hero {
  margin: 0.15rem 0 0.35rem;
}

.fomoark-launch-create-title {
  margin: 0;
  font-size: clamp(1.85rem, 3.2vw, 2.45rem);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.1;
  color: #f9fafb;
}

.fomoark-launch-create-help {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #9ca3af;
}

.fomoark-launch-create-fields {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.fomoark-launch-label {
  display: block;
  font-size: 0.95rem;
  font-weight: 650;
  color: #f3f4f6;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.fomoark-launch-label .fomoark-launch-optional {
  font-weight: 500;
  color: #6b7280;
}

.fomoark-launch-create-form .fomoark-launch-field {
  gap: 0.4rem;
}

.fomoark-launch-create-form .fomoark-launch-grid-2 {
  gap: 0.9rem 1rem;
}

@media (max-width: 560px) {
  .fomoark-launch-create-form .fomoark-launch-grid-2 {
    grid-template-columns: 1fr;
  }
}

.fomoark-launch-input.form-control {
  min-height: 2.7rem;
  padding: 0.7rem 0.85rem !important;
  font-size: 0.92rem !important;
  border-radius: 12px !important;
  background: #111111 !important;
  border: 1px solid #2a2a2a !important;
  color: #e5e7eb !important;
}

.fomoark-launch-input.form-control::placeholder {
  color: #6b7280;
}

.fomoark-launch-input.form-control:focus {
  border-color: #9945ff !important;
  box-shadow: 0 0 0 1px rgba(153, 69, 255, 0.35) !important;
}

textarea.fomoark-launch-textarea.fomoark-launch-input.form-control {
  height: calc(0.92rem * 1.45 * 4 + 1.4rem) !important;
  min-height: calc(0.92rem * 1.45 * 4 + 1.4rem) !important;
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
  line-height: 1.45 !important;
  resize: vertical;
}

.fomoark-launch-collapse {
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  background: #111111;
  overflow: hidden;
}

.fomoark-launch-collapse-summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  cursor: pointer;
  user-select: none;
  color: #e5e7eb;
}

.fomoark-launch-collapse-summary::-webkit-details-marker {
  display: none;
}

.fomoark-launch-collapse-title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.95rem;
  font-weight: 650;
}

.fomoark-launch-collapse-chevron {
  color: #6b7280;
  transition: transform 0.15s ease;
}

.fomoark-launch-collapse[open] .fomoark-launch-collapse-chevron {
  transform: rotate(180deg);
}

.fomoark-launch-collapse-body {
  padding: 0 1rem 1.1rem;
  border-top: 1px solid #2a2a2a;
  padding-top: 1rem;
}

.fomoark-launch-field-hint {
  font-size: 0.72rem;
  color: #6b7280;
  line-height: 1.35;
}

.fomoark-launch-field-hint.is-err {
  color: #f87171;
}

.fomoark-launch-ipfs-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0.15rem 0 0.35rem;
  font-size: 0.78rem;
  line-height: 1.4;
  color: #9ca3af;
  cursor: pointer;
  user-select: none;
}

.fomoark-launch-ipfs-consent input {
  margin-top: 0.15rem;
  flex: 0 0 auto;
  accent-color: #9945ff;
}

.fomoark-launch-image-box {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.fomoark-launch-image-pick {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px dashed #3a3a42;
  border-radius: 14px;
  background: #0f0f0f;
  color: #e5e7eb;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.fomoark-launch-image-pick:hover:not(:disabled) {
  border-color: #9dce7a;
  background: #141414;
}

.fomoark-launch-image-pick:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.fomoark-launch-image-box.is-locked .fomoark-launch-image-pick {
  border-color: #2a2a2a;
}

.fomoark-launch-image-box.is-ready .fomoark-launch-image-pick {
  border-style: solid;
  border-color: #2a2a2a;
}

.fomoark-launch-image-preview {
  flex: 0 0 auto;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #141414;
  overflow: hidden;
  position: relative;
}

.fomoark-launch-image-preview img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fomoark-launch-logo-placeholder {
  object-fit: cover;
}

.fomoark-launch-image-cta {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.015em;
  color: #f3f4f6;
}

.fomoark-launch-image-box.is-locked .fomoark-launch-image-cta {
  color: #9ca3af;
  font-weight: 550;
}

.fomoark-launch-logo-url-fallback {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fomoark-launch-image-field-ipfs .fomoark-launch-logo-url-fallback {
  display: none;
}

.fomoark-launch-image-field-url .fomoark-launch-image-box,
.fomoark-launch-image-field-url #launchIpfsConsentRow {
  display: none !important;
}

.fomoark-launch-amount-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0.45rem;
}

.fomoark-launch-amount-unit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.6rem;
  padding: 0 0.75rem;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #141414;
  color: #c4c4c8;
  font-size: 0.78rem;
  font-weight: 650;
}

.fomoark-launch-create-actions {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-top: 0.35rem;
  padding-bottom: 0.25rem;
}

.fomoark-launch-summary-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid #2a2a2a;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(120, 136, 66, 0.1) 0%, transparent 40%),
    #111111;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.38);
}

.fomoark-launch-summary-head {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.25rem 1.3rem 1.15rem;
  border-bottom: 1px solid #222222;
}

.fomoark-launch-summary-eyebrow {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9aa86a;
}

.fomoark-launch-token-preview {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.fomoark-launch-token-avatar {
  flex: 0 0 auto;
  width: 3.55rem;
  height: 3.55rem;
  border-radius: 14px;
  border: 1px solid #333333;
  background: #0f0f0f;
  overflow: hidden;
  display: grid;
  place-items: center;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.fomoark-launch-token-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fomoark-launch-token-avatar-fallback {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.fomoark-launch-token-avatar-fallback img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fomoark-launch-token-preview-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fomoark-launch-token-preview-name {
  font-size: 1.18rem;
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: -0.03em;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-launch-token-preview-ticker {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
  border: 1px solid #2f2f2f;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.fomoark-launch-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.4rem 0.65rem 0.7rem;
}

.fomoark-launch-summary-group {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  padding: 0.55rem 0.6rem;
}

.fomoark-launch-summary-group + .fomoark-launch-summary-group {
  border-top: 1px solid #222222;
}

.fomoark-launch-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 1.95rem;
  font-size: 0.84rem;
  color: #8b919c;
}

.fomoark-launch-summary-row .mono {
  color: #f3f4f6;
  font-size: 0.8rem;
  font-weight: 550;
  text-align: right;
  letter-spacing: -0.01em;
}

.fomoark-launch-summary-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(154, 168, 106, 0.45);
  background: rgba(154, 168, 106, 0.12);
  color: #c5d08a !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em;
}

.fomoark-launch-summary-row-total {
  margin: 0.2rem 0.6rem 0.4rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid #2a2a2a;
  border-radius: 14px;
  background: #0d0d0d;
  color: #f3f4f6;
  font-weight: 650;
}

.fomoark-launch-summary-row-total .mono {
  color: #f8fafc;
  font-size: 0.92rem;
  font-weight: 700;
}

.fomoark-launch-contract-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

@media (min-width: 640px) {
  .fomoark-launch-contract-cards {
    grid-template-columns: 1fr 1fr;
  }
}

.fomoark-launch-contract-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #0f0f0f;
}

.fomoark-launch-contract-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: #e5e7eb;
}

.fomoark-launch-contract-addr {
  color: #a78bfa;
  text-decoration: none;
  font-size: 0.72rem;
  word-break: break-all;
}

.fomoark-launch-contract-addr:hover {
  color: #c4b5fd;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .fomoark-launch-top {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
  }

  .fomoark-launch-top-actions {
    width: 100%;
  }

  .fomoark-launch-alert-btn,
  .fomoark-launch-dash-btn,
  .fomoark-launch-create-btn {
    flex: 1 1 auto;
    min-width: 0;
    height: 2.55rem;
  }
}

.fomoark-launch-dash-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

.fomoark-launch-dash-row {
  display: grid;
  grid-template-columns: minmax(13rem, 1.15fr) minmax(11rem, 1fr) auto;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
  padding: 0.9rem 1rem;
  border: 1px solid #242424;
  border-radius: 6px;
  background: #121212;
  transition:
    border-color 0.18s ease,
    background 0.18s ease;
  animation: fomoark-launch-item-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fomoark-launch-dash-row:hover {
  border-color: #333;
  background: #161616;
}

.fomoark-launch-dash-main {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.fomoark-launch-dash-thumb {
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 4px;
  overflow: hidden;
  background: #0a0a0a;
  border: 1px solid #2a2a2a;
}

.fomoark-launch-dash-thumb-img,
.fomoark-launch-dash-thumb-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fomoark-launch-dash-thumb-fallback {
  display: grid;
  place-items: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #9ca3af;
}

.fomoark-launch-dash-meta {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fomoark-launch-dash-title-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.fomoark-launch-dash-title-row .fomoark-launch-dash-socials {
  flex: 0 0 auto;
  margin-left: 0.1rem;
}

.fomoark-launch-dash-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.fomoark-launch-dash-sym {
  flex: 0 0 auto;
  font-size: 0.7rem;
  color: #6b7280;
  letter-spacing: 0.02em;
}

.fomoark-launch-dash-addr {
  font-size: 0.68rem;
  color: #6b7280;
}

.fomoark-launch-dash-addr-row {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  max-width: 100%;
}

.fomoark-launch-dash-socials {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.fomoark-launch-dash-addr-row .fomoark-launch-card-copy,
.fomoark-launch-dash-social {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  color: #6b7280;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.fomoark-launch-dash-addr-row .fomoark-launch-card-copy {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fomoark-launch-dash-social {
  border: 1px solid #2a2a2a;
  background: #0f0f0f;
}

.fomoark-launch-dash-addr-row .fomoark-launch-card-copy:hover,
.fomoark-launch-dash-addr-row .fomoark-launch-card-copy.is-copied {
  color: #9dce7a;
  background: rgba(157, 206, 122, 0.12);
}

.fomoark-launch-dash-social:hover {
  color: #e5e7eb;
  border-color: #3a3a3a;
  background: #1a1a1a;
}

.fomoark-launch-dash-addr-row .fomoark-launch-card-copy .bi,
.fomoark-launch-dash-social .bi {
  font-size: 0.7rem;
  line-height: 1;
  width: 0.7rem;
  height: 0.7rem;
  display: block;
}

.fomoark-launch-dash-mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
  min-width: 0;
  max-width: 22rem;
  padding-left: 1.25rem;
  border-left: 1px solid #2a2a2a;
}

.fomoark-launch-dash-progress {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
}

.fomoark-launch-dash-progress-bar {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  width: 100%;
}

.fomoark-launch-dash-progress-track {
  flex: 1 1 auto;
  min-width: 0;
  height: 0.22rem;
  border-radius: 2px;
  background: #242424;
  overflow: hidden;
}

.fomoark-launch-dash-progress-fill {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: #9dce7a;
}

.fomoark-launch-dash-progress-bar .fomoark-launch-dash-pct {
  flex: 0 0 auto;
  font-size: 0.68rem;
  color: #9dce7a;
  font-weight: 600;
  line-height: 1;
}

.fomoark-launch-dash-progress-bar .fomoark-launch-dash-badge {
  flex: 0 0 auto;
}

.fomoark-launch-dash-progress-label {
  font-size: 0.66rem;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-launch-dash-aside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  flex: 0 0 auto;
  justify-self: end;
  min-width: 0;
  padding-left: 1.25rem;
  border-left: 1px solid #2a2a2a;
}

.fomoark-launch-dash-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(3.75rem, auto));
  align-items: end;
  column-gap: 0;
  min-width: 0;
}

.fomoark-launch-dash-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.18rem;
  min-width: 0;
  padding: 0 0.9rem;
  border-left: 1px solid #2a2a2a;
}

.fomoark-launch-dash-metric:first-child {
  border-left: 0;
  padding-left: 0;
}

.fomoark-launch-dash-metric-value {
  font-size: 0.84rem;
  font-weight: 700;
  color: #f8fafc;
  line-height: 1.1;
  white-space: nowrap;
}

.fomoark-launch-dash-metric-value.is-soft {
  color: #9dce7a;
  font-size: 0.78rem;
  font-weight: 650;
}

.fomoark-launch-dash-stat-unit {
  font-size: 0.58rem;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

.fomoark-launch-dash-badge {
  font-size: 0.62rem;
  font-weight: 700;
  color: #0a1208;
  background: #9dce7a;
  border-radius: 3px;
  padding: 0.12rem 0.35rem;
  letter-spacing: 0.02em;
}

.fomoark-launch-dash-claim-wrap {
  display: flex;
  align-items: center;
  margin-left: 0.9rem;
  padding-left: 0.9rem;
  border-left: 1px solid #2a2a2a;
}

.fomoark-launch-dash-aside .fomoark-launch-claim-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-color: #9dce7a !important;
  background: #9dce7a !important;
  color: #0a1208 !important;
  border-radius: 3px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: 0.55rem 0.9rem;
  white-space: nowrap;
  width: auto;
  min-width: 6.75rem;
  height: 2.35rem;
  flex: 0 0 auto;
}

.fomoark-launch-dash-aside .fomoark-launch-claim-btn:hover {
  background: #8bbb68 !important;
  border-color: #8bbb68 !important;
  color: #0a1208 !important;
}

@media (max-width: 1100px) {
  .fomoark-launch-dash-row {
    grid-template-columns: minmax(12rem, 1fr) auto;
    grid-template-areas:
      "main aside"
      "mid mid";
  }

  .fomoark-launch-dash-main {
    grid-area: main;
  }

  .fomoark-launch-dash-mid {
    grid-area: mid;
    max-width: none;
    padding-left: 0;
    border-left: 0;
    padding-top: 0.65rem;
    border-top: 1px solid #2a2a2a;
  }

  .fomoark-launch-dash-aside {
    grid-area: aside;
    padding-left: 0.9rem;
  }
}

@media (max-width: 720px) {
  .fomoark-launch-dash-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "mid"
      "aside";
  }

  .fomoark-launch-dash-aside {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    padding-left: 0;
    border-left: 0;
    padding-top: 0.65rem;
    border-top: 1px solid #2a2a2a;
  }

  .fomoark-launch-dash-metrics {
    flex: 1 1 auto;
    justify-content: start;
  }

  .fomoark-launch-dash-metric {
    align-items: flex-start;
  }

  .fomoark-launch-dash-claim-wrap {
    margin-left: auto;
  }

  .fomoark-launch-dash-progress-track {
    max-width: none;
  }
}

.fomoark-launch-stats {
  flex: 0 0 auto;
}

.fomoark-launch-toolbar,
.fomoark-launch-catalog-bar {
  flex: 0 0 auto;
}

.fomoark-launch-catalog-bar {
  --fomoark-launch-ctrl-h: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0.2rem 0 0.55rem;
  background: linear-gradient(180deg, #121212 78%, rgba(18, 18, 18, 0));
}

.fomoark-launch-catalog-tools {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 18rem;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .fomoark-launch-catalog-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .fomoark-launch-catalog-tools {
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .fomoark-launch-search {
    max-width: none;
    flex: 1 1 100%;
  }
}

.fomoark-launch-search {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  box-sizing: border-box;
  height: var(--fomoark-launch-ctrl-h);
  flex: 1 1 14rem;
  max-width: 22rem;
  min-width: 0;
  padding: 0 0.75rem;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  background: #141414;
  color: #9ca3af;
}

.fomoark-launch-search:focus-within {
  border-color: #3a3a42;
}

.fomoark-launch-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #e5e7eb;
  font-size: 0.8rem;
  line-height: 1;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}

.fomoark-launch-search-input:focus,
.fomoark-launch-search-input:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.fomoark-launch-search-input::placeholder {
  color: #6b7280;
}

.fomoark-launch-search-input::-webkit-search-cancel-button,
.fomoark-launch-search-input::-webkit-search-decoration {
  display: none;
  -webkit-appearance: none;
}

.fomoark-launch-search-clear {
  display: inline-grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}

.fomoark-launch-search-clear:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
}

.fomoark-launch-page-btn {
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--fomoark-launch-ctrl-h);
  height: var(--fomoark-launch-ctrl-h);
  border: 1px solid #9dce7a;
  border-radius: 10px;
  background: #9dce7a;
  color: #0a1208;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
}

.fomoark-launch-page-btn:hover:not(:disabled) {
  color: #0a1208;
  border-color: #8bbb68;
  background: #8bbb68;
  transform: translateY(-1px);
}

.fomoark-launch-page-btn:disabled {
  opacity: 1;
  color: #6b7280;
  border-color: #2a2a2a;
  background: #1a1a1a;
  cursor: not-allowed;
}

.fomoark-launch-pager {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  height: var(--fomoark-launch-ctrl-h);
  color: #9ca3af;
  font-size: 0.78rem;
}

.fomoark-launch-page-label {
  min-width: 2.4rem;
  text-align: center;
  color: #c4c4c8;
  font-size: 0.78rem;
  line-height: 1;
}

.fomoark-launch-status-seg {
  grid-template-columns: repeat(3, 1fr);
}

.fomoark-launch-sticky {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 0.15rem;
  background: linear-gradient(180deg, #0b0b0c 75%, rgba(11, 11, 12, 0));
}

.fomoark-launch-eyebrow {
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.fomoark-launch-body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 0 0 auto;
  min-height: min-content;
  height: auto;
  overflow: visible;
  padding: 0;
}

.fomoark-launch-pane {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 0 0 auto;
  min-height: min-content;
  overflow: visible;
}

.fomoark-launch-create-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem 2.25rem;
  align-items: start;
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 0;
}

@media (min-width: 960px) {
  .fomoark-launch-create-layout {
    grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 21rem);
  }

  .fomoark-launch-create-aside {
    position: sticky;
    top: 0.25rem;
    align-self: start;
    z-index: 2;
  }
}

.fomoark-launch-create-form,
.fomoark-launch-create-aside {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  min-width: 0;
}

.fomoark-launch-create-page .fomoark-launch-back-btn {
  align-self: flex-start;
}

.fomoark-launch-tabs {
  box-sizing: border-box;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem;
  min-height: var(--fomoark-launch-ctrl-h, 2.4rem);
  padding: 0.2rem;
  border-radius: 10px;
  background: #141414;
  border: 1px solid #2a2a2a;
}

.fomoark-launch-tab {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: 0;
  min-height: calc(var(--fomoark-launch-ctrl-h, 2.4rem) - 0.4rem);
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 0 0.78rem;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1;
  color: #9ca3af;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    color 0.16s ease,
    background 0.16s ease,
    border-color 0.16s ease;
}

.fomoark-launch-tab:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.04);
}

.fomoark-launch-tab.is-active {
  color: #0a1208;
  background: #9dce7a;
  border-color: #9dce7a;
  box-shadow: none;
}

.fomoark-launch-lead {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.45;
  color: #9ca3af;
}

.fomoark-launch-section-label {
  margin: 0.2rem 0 0;
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.fomoark-launch-optional {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #4b5563;
}

.fomoark-launch-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem 0.65rem;
}

.fomoark-launch-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
}

.fomoark-launch-field-span {
  grid-column: 1 / -1;
}

.fomoark-launch-field .form-control,
.fomoark-launch-search.form-control {
  background: #0f0f0f !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  color: #e5e7eb !important;
}

.fomoark-launch-field .form-control:focus,
.fomoark-launch-search.form-control:focus {
  border-color: #3a3a42 !important;
  box-shadow: none !important;
}

.fomoark-launch-summary {
  margin-top: 0.15rem;
  background: #141414;
  border-color: #2a2a2a;
  border-radius: 8px;
}

.fomoark-launch-lock-note {
  margin: 0;
  font-size: 0.72rem;
  color: #6b7280;
  line-height: 1.4;
}

.btn.fomoark-launch-cta {
  width: 100%;
  border: 1px solid #9dce7a !important;
  border-radius: 14px;
  padding: 0.9rem 1rem;
  font-size: 0.98rem;
  font-weight: 700;
  color: #0a1208 !important;
  background: #9dce7a !important;
  box-shadow: none;
}

.btn.fomoark-launch-cta:hover:not(:disabled) {
  background: #8bbb68 !important;
  border-color: #8bbb68 !important;
  color: #0a1208 !important;
}

.fomoark-launch-cta:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.fomoark-launch-token-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}

@media (min-width: 560px) {
  .fomoark-launch-token-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 800px) {
  .fomoark-launch-token-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .fomoark-launch-token-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.fomoark-launch-card {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 0.7rem 0.7rem 0.75rem;
  border-radius: 16px;
  border: 1px solid #2a2a2a;
  background: #141414;
  overflow: hidden;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.22s ease;
  animation: fomoark-launch-item-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fomoark-launch-card:hover {
  border-color: #3a3a42;
  background: #171717;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.fomoark-launch-card-media-wrap {
  position: relative;
  width: 100%;
}

.fomoark-launch-card-media {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: #0a0a0a;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.fomoark-launch-card-media-img,
.fomoark-launch-card-media-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.fomoark-launch-card:hover .fomoark-launch-card-media-img {
  transform: scale(1.03);
}

.fomoark-launch-card-media-fallback {
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #9ca3af;
  background:
    linear-gradient(145deg, #1a1a1a 0%, #0f0f0f 100%);
}

.fomoark-launch-card-grad-badge {
  position: absolute;
  top: 0.55rem;
  left: 0.55rem;
  z-index: 1;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f3f4f6;
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  backdrop-filter: blur(6px);
}

.fomoark-launch-card-fav {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border: 0;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.55);
  color: #9ca3af;
  cursor: pointer;
  backdrop-filter: blur(6px);
}

.fomoark-launch-card-fav:hover {
  color: #e5e7eb;
  background: rgba(20, 20, 20, 0.8);
}

.fomoark-launch-card-fav.is-on {
  color: #9dce7a;
}

.fomoark-launch-card-info {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-launch-card-titleblock {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 0.4rem;
  row-gap: 0.2rem;
  align-items: center;
  min-width: 0;
  padding: 0 0.15rem;
}

.fomoark-launch-card-titleblock .fomoark-launch-card-body {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: auto;
  min-width: 0;
  padding: 0;
}

.fomoark-launch-card-titleblock .fomoark-launch-card-links {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
}

.fomoark-launch-card-body {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 0.28rem;
  min-width: 0;
  padding: 0 0.15rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.fomoark-launch-card-body-meta {
  gap: 0;
}

.fomoark-launch-card-body-meta .fomoark-launch-card-mcap {
  margin-top: 0;
}

.fomoark-launch-card-name {
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-launch-card-sym {
  font-size: 0.78rem;
  font-weight: 600;
  color: #9ca3af;
  letter-spacing: 0.01em;
}

.fomoark-launch-card-mcap {
  margin-top: 0.15rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: -0.015em;
}

.fomoark-launch-card-mcap-unit {
  font-weight: 600;
  color: #9ca3af;
  font-size: 0.78rem;
}

.fomoark-launch-card-body .fomoark-launch-progress {
  margin-top: 0.45rem;
}

.fomoark-launch-card-links {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2rem;
  padding: 0;
}

.fomoark-launch-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  padding: 0;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  background: #0f0f0f;
  color: #9ca3af;
  font-size: 0.72rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  transition:
    color 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease,
    transform 0.16s ease;
}

.fomoark-launch-card-link .bi {
  font-size: 0.72rem;
  line-height: 1;
}

.fomoark-launch-card-link:hover {
  color: #0a1208;
  border-color: #9dce7a;
  background: #9dce7a;
  transform: translateY(-1px);
}

.fomoark-launch-card-foot {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  min-width: 0;
  padding: 0 0.15rem;
  margin-top: 0.05rem;
}

.fomoark-launch-card-addr {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.72rem;
  color: #9ca3af;
  cursor: pointer;
}

.fomoark-launch-card-addr:hover {
  color: #e5e7eb;
}

.fomoark-launch-card-copy {
  display: inline-grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}

.fomoark-launch-card-copy:hover,
.fomoark-launch-card-copy.is-copied {
  color: #9dce7a;
  background: rgba(157, 206, 122, 0.12);
}

.fomoark-launch-card-age {
  margin-left: auto;
  color: #9dce7a;
  font-size: 0.72rem;
  font-weight: 650;
  white-space: nowrap;
}

.fomoark-launch-card-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0 0.15rem;
}

.fomoark-launch-card .fomoark-launch-claim-btn {
  margin: 0;
  border-color: #9dce7a !important;
  background: #9dce7a !important;
  color: #0a1208 !important;
  border-radius: 6px;
  font-size: 0.72rem;
  padding: 0.25rem 0.55rem;
}

.fomoark-launch-card .fomoark-launch-claim-btn:hover {
  color: #0a1208 !important;
  background: #8bbb68 !important;
  border-color: #8bbb68 !important;
}

.fomoark-launch-empty {
  padding: 1.25rem 0.5rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.8rem;
}

.fomoark-launch-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.12);
  border: 1px solid rgba(167, 139, 250, 0.45);
  white-space: nowrap;
}

.fomoark-launch-badge .bi {
  font-size: 0.78rem;
}

.fomoark-launch-progress {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-width: 0;
  font-size: 0.72rem;
  color: #9ca3af;
}

.fomoark-launch-progress-track {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 0.2rem;
  border-radius: 999px;
  background: #2a2a2a;
  overflow: hidden;
}

.fomoark-launch-progress-fill {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: #9dce7a;
  transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.fomoark-launch-progress-pct {
  flex: 0 0 auto;
  min-width: 2.1rem;
  text-align: right;
  font-size: 0.72rem;
  color: #9ca3af;
  line-height: 1;
}

.fomoark-launch-progress.is-graduated .fomoark-launch-progress-fill {
  background: #9dce7a;
}

/* Launch page motion — enter, stagger, hover polish */
@keyframes fomoark-launch-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fomoark-launch-item-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.is-launch #launchPage .fomoark-launch-top {
  animation: fomoark-launch-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.is-launch #launchPage .fomoark-launch-stats {
  animation: fomoark-launch-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

body.is-launch #launchPage .fomoark-launch-catalog-bar {
  animation: fomoark-launch-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.09s both;
}

body.is-launch-create #launchCreatePage .fomoark-launch-back-btn,
body.is-launch-dashboard #launchDashboardPage .fomoark-launch-back-btn {
  animation: fomoark-launch-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.is-launch-create #launchCreatePage .fomoark-launch-create-canvas,
body.is-launch-dashboard #launchDashboardPage .fomoark-launch-create-canvas {
  animation: fomoark-launch-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(1) { animation-delay: 0.02s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(2) { animation-delay: 0.05s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(3) { animation-delay: 0.08s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(4) { animation-delay: 0.11s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(5) { animation-delay: 0.14s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(6) { animation-delay: 0.17s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(7) { animation-delay: 0.2s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(8) { animation-delay: 0.23s; }
.fomoark-launch-token-grid > .fomoark-launch-card:nth-child(n + 9) { animation-delay: 0.26s; }

.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(1) { animation-delay: 0.03s; }
.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(2) { animation-delay: 0.07s; }
.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(3) { animation-delay: 0.11s; }
.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(4) { animation-delay: 0.15s; }
.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(5) { animation-delay: 0.19s; }
.fomoark-launch-dash-list > .fomoark-launch-dash-row:nth-child(n + 6) { animation-delay: 0.23s; }

.fomoark-launch-stats .fomoark-tokens-stat {
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.fomoark-launch-stats .fomoark-tokens-stat:hover {
  transform: translateY(-1px);
}

.fomoark-launch-create-form .fomoark-launch-field {
  animation: fomoark-launch-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fomoark-launch-create-aside .fomoark-launch-summary-card {
  animation: fomoark-launch-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

.fomoark-launch-summary-card {
  transition:
    border-color 0.2s ease,
    box-shadow 0.22s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.fomoark-launch-claim-btn,
.fomoark-launch-dash-trade,
.fomoark-launch-cta {
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
}

.fomoark-launch-claim-btn:hover,
.fomoark-launch-dash-trade:hover,
.fomoark-launch-cta:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  body.is-launch #launchPage .fomoark-launch-top,
  body.is-launch #launchPage .fomoark-launch-stats,
  body.is-launch #launchPage .fomoark-launch-catalog-bar,
  body.is-launch-create #launchCreatePage .fomoark-launch-back-btn,
  body.is-launch-create #launchCreatePage .fomoark-launch-create-canvas,
  body.is-launch-dashboard #launchDashboardPage .fomoark-launch-back-btn,
  body.is-launch-dashboard #launchDashboardPage .fomoark-launch-create-canvas,
  .fomoark-launch-card,
  .fomoark-launch-dash-row,
  .fomoark-launch-create-form .fomoark-launch-field,
  .fomoark-launch-create-aside .fomoark-launch-summary-card {
    animation: none !important;
  }

  .fomoark-launch-card,
  .fomoark-launch-dash-row,
  .fomoark-launch-dash-btn,
  .fomoark-launch-create-btn,
  .fomoark-launch-back-btn,
  .fomoark-launch-card-media-img,
  .fomoark-launch-card-link,
  .fomoark-launch-page-btn,
  .fomoark-launch-claim-btn,
  .fomoark-launch-dash-trade,
  .fomoark-launch-cta,
  .fomoark-launch-progress-fill,
  .fomoark-launch-stats .fomoark-tokens-stat {
    transition: none !important;
    transform: none !important;
  }
}

.fomoark-chart-pair-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex-wrap: wrap;
}

.fomoark-launch-grad-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  padding: 0.5rem 0.65rem 0.55rem;
  border-bottom: 1px solid #242424;
}

.fomoark-launch-grad-section[hidden] {
  display: none !important;
}

.fomoark-launch-grad-section .fomoark-launch-badge {
  align-self: flex-start;
}

.fomoark-launch-progress-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  width: 100%;
}

.fomoark-launch-progress-side .fomoark-launch-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.fomoark-launch-progress-side .fomoark-launch-progress-label {
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7b8499;
}

.fomoark-launch-progress-side .fomoark-launch-progress-track {
  flex: none;
  width: 100%;
  height: 0.28rem;
}

.fomoark-launch-progress-side #launchProgressPct {
  font-size: 0.72rem;
  color: #9ca3af;
}

/* —— Portfolio modal —— */
.fomoark-modal-panel.fomoark-portfolio-panel {
  width: min(28rem, 100%);
  max-height: min(90vh, 42rem);
}

.fomoark-portfolio-load-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  z-index: 3;
  background: transparent;
  transition: opacity 0.2s ease;
}

.fomoark-portfolio-panel.is-loading .fomoark-portfolio-load-bar {
  opacity: 1;
}

.fomoark-portfolio-load-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 36%;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(153, 69, 255, 0.35),
    rgba(167, 139, 250, 0.9),
    rgba(153, 69, 255, 0.35),
    transparent
  );
  transform: translateX(-130%);
}

.fomoark-portfolio-panel.is-loading .fomoark-portfolio-load-bar::after {
  animation: fomoark-portfolio-load 1.15s ease-in-out infinite;
}

.fomoark-portfolio-panel.is-loading .fomoark-portfolio-stats {
  opacity: 0.55;
}

@keyframes fomoark-portfolio-load {
  0% { transform: translateX(-130%); }
  100% { transform: translateX(340%); }
}

.fomoark-portfolio-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.9rem 0.95rem 1rem;
  overflow: auto;
}

.fomoark-portfolio-entry {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fomoark-portfolio-lead {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.45;
  color: #9ca3af;
}

.fomoark-portfolio-actions {
  display: flex;
  flex-direction: column;
}

.fomoark-portfolio-connect {
  width: 100%;
  min-height: 2.5rem;
  justify-content: center;
  font-weight: 700;
  border-radius: 8px !important;
}

.fomoark-portfolio-divider {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0.1rem 0;
  color: #6b7280;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.fomoark-portfolio-divider::before,
.fomoark-portfolio-divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #2a2a2a;
}

.fomoark-portfolio-addr-field {
  gap: 0.4rem;
}

.fomoark-portfolio-manual {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: stretch;
  width: 100%;
}

.fomoark-portfolio-addr-input {
  width: 100% !important;
  min-width: 0;
  height: 2.5rem !important;
  padding: 0 0.75rem !important;
  font-size: 0.82rem !important;
  border-radius: 8px !important;
  background: #0f0f0f !important;
  border: 1px solid #2a2a2a !important;
}

.fomoark-portfolio-addr-input:focus {
  border-color: #9945ff !important;
  box-shadow: 0 0 0 1px rgba(153, 69, 255, 0.35);
  outline: none;
}

.fomoark-portfolio-view-btn {
  height: 2.5rem;
  min-width: 4.25rem;
  padding: 0 1rem !important;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fomoark-portfolio-watchbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.6rem 0.7rem;
  background: #101010;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
}

.fomoark-portfolio-watchbar-main {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.fomoark-portfolio-watch-addr {
  color: #e5e7eb;
  text-decoration: none;
  font-size: 0.85rem;
}

.fomoark-portfolio-watch-addr:hover {
  color: #9945ff;
}

.fomoark-portfolio-watchbar-actions {
  display: flex;
  gap: 0.4rem;
  flex-shrink: 0;
}

.fomoark-portfolio-watchbar-actions .fomoark-wm-ghost-btn {
  padding: 0.35rem 0.55rem;
  font-size: 0.72rem;
  gap: 0.3rem;
  min-height: 2rem;
}

.fomoark-portfolio-stats {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  transition: opacity 0.25s ease;
}

.fomoark-portfolio-summary,
.fomoark-portfolio-single {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.fomoark-portfolio-metric {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.7rem 0.75rem;
  background: #101010;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  min-height: 4.5rem;
}

.fomoark-portfolio-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-height: 0;
}

.fomoark-portfolio-list-head,
.fomoark-portfolio-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(4.5rem, 1fr) minmax(4rem, 0.85fr) 1.75rem;
  gap: 0.5rem;
  padding-left: 0.6rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  align-items: center;
}

.fomoark-portfolio-list-head {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}

.fomoark-portfolio-list-head > span:nth-child(2),
.fomoark-portfolio-list-head > span:nth-child(3) {
  text-align: right;
}

.fomoark-portfolio-list-head-action {
  width: 1.75rem;
}

.fomoark-portfolio-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-height: min(42vh, 18rem);
  overflow: auto;
}

.fomoark-portfolio-row {
  width: 100%;
  margin: 0;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #101010;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.fomoark-portfolio-row:hover,
.fomoark-portfolio-row:focus-visible {
  border-color: #3a3a42;
  background: #141414;
  outline: none;
}

.fomoark-portfolio-row-token {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.fomoark-portfolio-row-sym {
  font-size: 0.82rem;
  font-weight: 650;
  color: #f3f4f6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fomoark-portfolio-row-qty {
  font-size: 0.68rem;
  color: #9ca3af;
}

.fomoark-portfolio-row-value,
.fomoark-portfolio-row-pnl {
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fomoark-portfolio-row-value {
  color: #e5e7eb;
}

.fomoark-portfolio-row-pnl {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  align-items: flex-end;
  color: #e5e7eb;
}

.fomoark-portfolio-row-pnl.is-pos,
.fomoark-portfolio-row-pnl.is-pos .fomoark-portfolio-row-pnl-pct {
  color: #14f195;
}

.fomoark-portfolio-row-pnl.is-neg,
.fomoark-portfolio-row-pnl.is-neg .fomoark-portfolio-row-pnl-pct {
  color: #f87171;
}

.fomoark-portfolio-row-pnl-pct {
  font-size: 0.66rem;
  font-weight: 500;
  color: #9ca3af;
}

.fomoark-portfolio-row-meta {
  font-size: 0.66rem;
  color: #6b7280;
  text-align: right;
}

.fomoark-portfolio-row-share {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-size: 0.78rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.fomoark-portfolio-row-share:hover,
.fomoark-portfolio-row-share:focus-visible {
  color: #c4b5fd;
  border-color: rgba(153, 69, 255, 0.45);
  background: rgba(153, 69, 255, 0.12);
  outline: none;
}

.fomoark-portfolio-empty {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  text-align: center;
}

.fomoark-portfolio-metric-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
}

.fomoark-portfolio-metric-value {
  font-size: 1.12rem;
  font-weight: 600;
  color: #f3f4f6;
  line-height: 1.2;
}

.fomoark-portfolio-metric-value.is-pos {
  color: #14f195;
}

.fomoark-portfolio-metric-value.is-neg {
  color: #f87171;
}

.fomoark-portfolio-metric-sub {
  font-size: 0.72rem;
  color: #9ca3af;
}

.fomoark-portfolio-status {
  font-size: 0.78rem;
  color: #9ca3af;
}

.fomoark-portfolio-status.is-err {
  color: #f87171;
}

.fomoark-portfolio-status.is-ok {
  color: #14f195;
}

.fomoark-modal-panel.fomoark-portfolio-share-panel {
  width: min(34rem, 100%);
  max-height: min(92vh, 48rem);
}

.fomoark-portfolio-share-body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.9rem 1rem 1.05rem;
}

.fomoark-portfolio-canvas-wrap {
  position: relative;
  background:
    radial-gradient(120% 80% at 10% 0%, rgba(153, 69, 255, 0.16), transparent 55%),
    #0a0a0a;
  border: 1px solid rgba(153, 69, 255, 0.28);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.fomoark-portfolio-canvas-wrap canvas {
  display: block;
  width: 100%;
  height: auto;
}

.fomoark-portfolio-share-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.45rem;
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn {
  position: relative;
  justify-content: center;
  font-size: 0.72rem;
  padding: 0.5rem 0.3rem;
  gap: 0.3rem;
  min-height: 2.35rem;
  overflow: hidden;
  border-color: #333;
  background: rgba(255, 255, 255, 0.02);
  color: #d1d5db;
  transition:
    color 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.18s ease,
    transform 0.14s ease;
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, 0.08) 45%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 0.45s ease;
  pointer-events: none;
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:hover {
  color: #fff;
  border-color: rgba(153, 69, 255, 0.55);
  background: rgba(153, 69, 255, 0.12);
  box-shadow:
    0 0 0 1px rgba(153, 69, 255, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:hover::after {
  transform: translateX(120%);
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:active {
  color: #f3f4f6;
  border-color: rgba(153, 69, 255, 0.7);
  background: rgba(153, 69, 255, 0.2);
  box-shadow: 0 0 0 1px rgba(153, 69, 255, 0.18);
  transform: translateY(1px) scale(0.98);
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:focus-visible {
  outline: none;
  color: #fff;
  border-color: #9945ff;
  box-shadow: 0 0 0 2px rgba(153, 69, 255, 0.35);
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn.is-ok {
  color: #14f195;
  border-color: rgba(20, 241, 149, 0.55);
  background: rgba(20, 241, 149, 0.1);
  box-shadow: 0 0 0 1px rgba(20, 241, 149, 0.18);
  animation: fomoark-share-btn-ok 0.55s ease;
}

.fomoark-portfolio-share-actions .fomoark-wm-ghost-btn.is-ok i {
  animation: fomoark-share-btn-pop 0.45s ease;
}

@keyframes fomoark-share-btn-ok {
  0% {
    transform: scale(0.97);
  }
  45% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fomoark-share-btn-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn,
  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn::after,
  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn.is-ok,
  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn.is-ok i {
    transition: none;
    animation: none;
  }

  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:hover,
  .fomoark-portfolio-share-actions .fomoark-wm-ghost-btn:active {
    transform: none;
  }
}

.fomoark-portfolio-share-tip {
  margin: 0;
  text-align: center;
  font-size: 0.72rem;
}

@media (max-width: 768px) {
  html.is-mobile .fomoark-modal-panel.fomoark-portfolio-panel,
  html.is-mobile .fomoark-modal-panel.fomoark-portfolio-share-panel {
    width: 100%;
    max-height: min(92vh, 44rem);
  }

  html.is-mobile .fomoark-portfolio-share-actions {
    grid-template-columns: 1fr 1fr;
  }

  html.is-mobile .fomoark-portfolio-watchbar {
    flex-direction: column;
    align-items: stretch;
  }

  html.is-mobile .fomoark-portfolio-watchbar-actions {
    width: 100%;
  }

  html.is-mobile .fomoark-portfolio-watchbar-actions .fomoark-wm-ghost-btn {
    flex: 1;
    justify-content: center;
  }
}

/* ── Limit orders panel (inside Trade) ─────────────────────────────────── */
.fomoark-limit-body {
  gap: 0.65rem;
}

.fomoark-limit-bal {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--muted, #8a919c);
  font-size: 0.72rem;
}

.fomoark-limit-max {
  padding: 0.1rem 0.4rem !important;
  font-size: 0.65rem !important;
  min-height: 0 !important;
}

.fomoark-limit-muted {
  opacity: 0.65;
  font-weight: 400;
}

.fomoark-amount-compact-row,
.fomoark-limit-price-row {
  gap: 0.45rem;
}

.fomoark-amount-field,
.fomoark-limit-price-field {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  padding: 0 0.2rem 0 0.45rem;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  background: #0f0f0f;
}

.fomoark-amount-field:focus-within,
.fomoark-limit-price-field:focus-within {
  border-color: #5b21b6;
}

.fomoark-amount-field-input.fomoark-trade-amount-input,
.fomoark-limit-price-input.fomoark-trade-amount-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100% !important;
  font-size: 0.95rem !important;
  font-weight: 600;
  text-align: left !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  -moz-appearance: textfield;
}

.fomoark-amount-field-input.fomoark-trade-amount-input::-webkit-outer-spin-button,
.fomoark-amount-field-input.fomoark-trade-amount-input::-webkit-inner-spin-button,
.fomoark-limit-price-input.fomoark-trade-amount-input::-webkit-outer-spin-button,
.fomoark-limit-price-input.fomoark-trade-amount-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fomoark-amount-field-presets,
.fomoark-limit-price-presets {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  flex: 0 0 auto;
}

.fomoark-amount-pct-btn,
.fomoark-limit-pct-btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  font-size: 0.62rem;
  font-weight: 650;
  line-height: 1;
  padding: 0.28rem 0.3rem;
  cursor: pointer;
  white-space: nowrap;
}

.fomoark-amount-pct-btn:hover,
.fomoark-limit-pct-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
  border-color: #2a2a2a;
}

.fomoark-amount-pct-btn.is-active {
  color: #f3f4f6;
  background: rgba(153, 69, 255, 0.15);
  border-color: transparent;
}

.fomoark-amount-pct-btn:disabled,
.fomoark-limit-pct-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  color: #6b7280;
  background: transparent;
  border-color: transparent;
}

.fomoark-token-badge.is-usd {
  background: rgba(22, 199, 132, 0.12);
  color: #16c784;
  font-weight: 700;
  font-size: 0.75rem;
}

.fomoark-limit-expiry-box {
  padding-bottom: 0;
}

.fomoark-limit-expiry-row {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0 -0.75rem;
  border-top: 1px solid #242424;
  overflow: hidden;
}

.fomoark-limit-expiry-row .fomoark-swap-leg-label {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0.75rem;
  border-right: 1px solid #242424;
}

.fomoark-limit-expiry-row .fomoark-seg {
  flex: 1 1 auto;
  margin: 0;
  border-top: none;
  max-width: none;
}

.fomoark-limit-expiry-row .fomoark-seg-btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.fomoark-limit-summary.fomoark-exit-quote {
  margin-top: 0.1rem;
}

.fomoark-limit-summary .fomoark-exit-quote-row.is-fillable .mono {
  color: #16c784;
  font-weight: 650;
}

.fomoark-limit-status {
  font-size: 0.75rem;
  color: var(--muted, #8a919c);
}

.fomoark-limit-status.is-ok { color: #16c784; }
.fomoark-limit-status.is-err { color: #ea3943; }
.fomoark-limit-status.is-pending { color: #f0b90b; }

.fomoark-limit-orders-dock-table .fomoark-limit-side {
  display: inline-block;
  padding: 0.12rem 0.4rem;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.65rem;
  letter-spacing: 0.02em;
  line-height: 1;
  max-height: 1.15rem;
}

#limitOrdersDockWrap .fomoark-tx-table {
  table-layout: fixed;
  min-width: 46rem;
}

#limitOrdersDockWrap .fomoark-tx-table th:nth-child(1),
#limitOrdersDockWrap .fomoark-tx-table td:nth-child(1) {
  width: 10.5rem;
}

#limitOrdersDockWrap .fomoark-tx-table th:nth-child(2),
#limitOrdersDockWrap .fomoark-tx-table td:nth-child(2) {
  width: 5.5rem;
}

#limitOrdersDockWrap .fomoark-tx-table th:nth-child(6),
#limitOrdersDockWrap .fomoark-tx-table td:nth-child(6) {
  width: 4.5rem;
}

#limitOrdersDockWrap .fomoark-tx-table th:nth-child(7),
#limitOrdersDockWrap .fomoark-tx-table td:nth-child(7) {
  width: 4.25rem;
  text-align: right;
}

#limitOrdersDockWrap .fomoark-tx-table thead th {
  height: var(--fomoark-tx-head-h, 1.95rem);
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}

#limitOrdersDockWrap .fomoark-tx-table tbody tr.fomoark-tx-empty > td {
  height: var(--fomoark-tx-row-h, 1.85rem);
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}

.fomoark-limit-orders-dock-table .fomoark-limit-side.is-buy {
  background: rgba(22, 199, 132, 0.15);
  color: #16c784;
}

.fomoark-limit-orders-dock-table .fomoark-limit-side.is-sell {
  background: rgba(234, 57, 67, 0.15);
  color: #ea3943;
}

.fomoark-limit-cancel {
  background: transparent;
  border: 1px solid rgba(234, 57, 67, 0.45);
  color: #ea3943;
  border-radius: 4px;
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  cursor: pointer;
}

.fomoark-limit-cancel:hover {
  background: rgba(234, 57, 67, 0.12);
}

.fomoark-limit-howto {
  margin: 0.35rem 0 0;
  border-top: 1px solid #242424;
  padding-top: 0.55rem;
}

.fomoark-limit-howto > summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.72rem;
  font-weight: 600;
  color: #c4b5fd;
  user-select: none;
}

.fomoark-limit-howto > summary::-webkit-details-marker {
  display: none;
}

.fomoark-limit-howto > summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 0.35rem;
  color: #9945ff;
  transition: transform 0.15s ease;
}

.fomoark-limit-howto[open] > summary::before {
  transform: rotate(90deg);
}

.fomoark-limit-howto-body {
  margin-top: 0.45rem;
  font-size: 0.7rem;
  color: #9ca3af;
  line-height: 1.45;
}

.fomoark-limit-howto-body p {
  margin: 0;
}

.fomoark-limit-howto-body a {
  color: #16c784;
  text-decoration: none;
}

.fomoark-limit-howto-body a:hover {
  text-decoration: underline;
}

.fomoark-limit-howto-body strong {
  color: #e8eaed;
  font-weight: 650;
}

/* Full-page tokens discovery */
#tradePage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#tradePage[hidden] {
  display: none !important;
}

/* Subtle token-open loading — thin bar + soft content settle */
.fomoark-trade-load-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  z-index: 40;
  background: transparent;
  transition: opacity 0.22s ease;
}

#tradePage.is-loading .fomoark-trade-load-bar {
  opacity: 1;
}

.fomoark-trade-load-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 38%;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(167, 139, 250, 0.25),
    rgba(196, 181, 253, 0.85),
    rgba(167, 139, 250, 0.25),
    transparent
  );
  transform: translateX(-120%);
}

#tradePage.is-loading .fomoark-trade-load-bar::after {
  animation: fomoark-trade-load-slide 1.05s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes fomoark-trade-load-slide {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(320%); }
}

#tradePage .fomoark-shell,
#tradePage .fomoark-m-pairbar {
  transition:
    opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.38s ease,
    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

#tradePage.is-loading .fomoark-shell,
#tradePage.is-loading .fomoark-m-pairbar {
  opacity: 0.52;
  filter: saturate(0.9);
  transform: translateY(5px);
}

#tradePage:not(.is-loading) .fomoark-shell,
#tradePage:not(.is-loading) .fomoark-m-pairbar {
  opacity: 1;
  filter: none;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  #tradePage.is-loading .fomoark-trade-load-bar::after {
    animation: none;
    transform: translateX(0);
    width: 100%;
    opacity: 0.55;
  }

  #tradePage .fomoark-shell,
  #tradePage .fomoark-m-pairbar {
    transition: none;
    transform: none !important;
    filter: none !important;
  }
}

/* Landing — centered chain picker */
.fomoark-home {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 2rem 1.25rem 3rem;
}

.fomoark-home[hidden] {
  display: none !important;
}

.fomoark-home-atmosphere {
  pointer-events: none;
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(ellipse 55% 45% at 50% 42%, rgba(255, 255, 255, 0.055) 0%, transparent 55%),
    radial-gradient(ellipse 40% 35% at 22% 70%, rgba(56, 189, 248, 0.07) 0%, transparent 50%),
    radial-gradient(ellipse 38% 32% at 78% 28%, rgba(52, 211, 153, 0.06) 0%, transparent 50%);
  animation: fomoark-home-drift 18s ease-in-out infinite alternate;
}

@keyframes fomoark-home-drift {
  from { transform: translate3d(-1.5%, -1%, 0) scale(1); }
  to { transform: translate3d(1.5%, 1.5%, 0) scale(1.04); }
}

.fomoark-home-stage {
  position: relative;
  z-index: 1;
  width: min(100%, 40rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.65rem;
  animation: fomoark-home-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes fomoark-home-enter {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fomoark-home-logo {
  height: clamp(2.5rem, 7vw, 3.25rem);
  width: auto;
  max-width: min(16rem, 78vw);
  margin-bottom: 0.35rem;
  filter: drop-shadow(0 8px 28px rgba(0, 0, 0, 0.45));
}

.fomoark-home-tagline {
  margin: 0;
  font-size: 0.82rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8b8b95;
  font-weight: 500;
}

.fomoark-home-heading {
  margin: 0.55rem 0 1.15rem;
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #f3f4f6;
  line-height: 1.15;
}

.fomoark-home-chains {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  width: 100%;
}

@media (max-width: 560px) {
  .fomoark-home-chains {
    grid-template-columns: 1fr;
    max-width: 20rem;
  }
}

.fomoark-home-chain {
  --home-chain-accent: #9ca3af;
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%),
    #121216;
  color: #e5e7eb;
  padding: 1.35rem 1.1rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  text-align: center;
  min-height: 10.5rem;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.22s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  animation: fomoark-home-card 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(0.08s * var(--home-i, 0));
}

@keyframes fomoark-home-card {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.fomoark-home-chain:hover,
.fomoark-home-chain:focus-visible {
  outline: none;
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--home-chain-accent) 55%, #3a3a42);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.015) 100%),
    #16161c;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 40px color-mix(in srgb, var(--home-chain-accent) 18%, transparent);
}

.fomoark-home-chain:active {
  transform: translateY(-1px);
}

.fomoark-home-chain[data-slug="arc"] {
  --home-chain-accent: #34d399;
}

.fomoark-home-chain[data-slug="dbk"] {
  --home-chain-accent: #38bdf8;
}

.fomoark-home-chain-icon {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  object-fit: cover;
  background: #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.fomoark-home-chain-name {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.fomoark-home-chain-meta {
  font-size: 0.72rem;
  color: #8b8b95;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.02em;
}

.fomoark-home-chain-cta {
  margin-top: 0.15rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--home-chain-accent);
  opacity: 0.85;
}

body.is-home #tradePage,
body.is-home #tokensPage,
body.is-home #launchPage,
body.is-home #launchCreatePage,
body.is-home #launchDashboardPage,
body.is-home #mobileActionBar,
body.is-home #mobilePairBar,
body.is-tokens-list #tradePage,
body.is-tokens-list #homePage,
body.is-tokens-list #launchPage,
body.is-tokens-list #launchCreatePage,
body.is-tokens-list #launchDashboardPage,
body.is-tokens-list #mobileActionBar,
body.is-tokens-list #mobilePairBar,
body.is-trade #homePage,
body.is-trade #tokensPage,
body.is-trade #launchPage,
body.is-trade #launchCreatePage,
body.is-trade #launchDashboardPage,
body.is-launch #homePage,
body.is-launch #tokensPage,
body.is-launch #tradePage,
body.is-launch #launchCreatePage,
body.is-launch #launchDashboardPage,
body.is-launch #mobileActionBar,
body.is-launch #mobilePairBar,
body.is-launch-create #homePage,
body.is-launch-create #tokensPage,
body.is-launch-create #tradePage,
body.is-launch-create #launchPage,
body.is-launch-create #launchDashboardPage,
body.is-launch-create #mobileActionBar,
body.is-launch-create #mobilePairBar,
body.is-launch-dashboard #homePage,
body.is-launch-dashboard #tokensPage,
body.is-launch-dashboard #tradePage,
body.is-launch-dashboard #launchPage,
body.is-launch-dashboard #launchCreatePage,
body.is-launch-dashboard #mobileActionBar,
body.is-launch-dashboard #mobilePairBar {
  display: none !important;
}

body.is-home #homePage {
  display: flex !important;
}

body.is-tokens-list #tokensPage {
  display: flex !important;
}

body.is-trade #tradePage {
  display: flex !important;
}

body.is-launch #launchPage {
  display: flex !important;
}

body.is-launch-create #launchCreatePage {
  display: flex !important;
}

body.is-launch-dashboard #launchDashboardPage {
  display: flex !important;
}

/* Chain picker page: logo + socials only */
body.is-home .app-header-nav,
body.is-home #tradeNavBtn,
body.is-home #chainPicker,
body.is-home #headerWalletChip,
body.is-home #mobileNavDrawerBtn,
body.is-home #liveFloat,
body.is-launch #liveFloat,
body.is-launch-create #liveFloat,
body.is-launch-dashboard #liveFloat {
  display: none !important;
}

.fomoark-tokens-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0.85rem 1.1rem 1.35rem;
  overflow: hidden;
}

.fomoark-tokens-page[hidden] {
  display: none !important;
}

.fomoark-tokens-page-inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  flex: 1 1 auto;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}

body.is-tokens-list #tradePage,
body.is-tokens-list #mobileActionBar,
body.is-tokens-list #mobilePairBar {
  display: none !important;
}

.fomoark-tokens-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  flex: 0 0 auto;
}

.fomoark-tokens-stat {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  min-width: 0;
}

.fomoark-tokens-stat-label {
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.fomoark-tokens-stat-value {
  font-size: 1.3rem;
  font-weight: 700;
  color: #f3f4f6;
  letter-spacing: -0.02em;
  line-height: 1.1;
  /* Stable box for fomoark-text-run slide updates */
  display: block;
  overflow: hidden;
  min-height: 1.1em;
}

@media (max-width: 640px) {
  .fomoark-tokens-stats {
    gap: 0.4rem;
  }

  .fomoark-tokens-stat {
    gap: 0.2rem;
    padding: 0.55rem 0.5rem;
  }

  .fomoark-tokens-stat-label {
    font-size: 0.58rem;
    letter-spacing: 0.04em;
  }

  .fomoark-tokens-stat-value {
    font-size: 1.05rem;
  }
}

.fomoark-tokens-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.55rem;
  flex: 0 0 auto;
}

.fomoark-tokens-search-slot {
  display: flex;
  align-items: center;
  flex: 0 1 22rem;
  min-width: 10rem;
  max-width: 22rem;
  margin-right: auto;
  gap: 0;
}

/* Must beat later .fomoark-tokens-icon-btn { display: inline-flex } on desktop. */
.fomoark-tokens-search-slot .fomoark-tokens-search-toggle {
  display: none;
}

.fomoark-tokens-search-slot .fomoark-tokens-search {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  width: 100%;
}

.fomoark-tokens-toolbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.55rem;
  width: 100%;
}

@media (max-width: 640px) {
  .fomoark-tokens-toolbar {
    flex-wrap: nowrap;
    width: 100%;
    gap: 0.3rem;
  }

  .fomoark-tokens-toolbar-right {
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
    gap: 0.3rem;
  }

  .fomoark-tokens-search-slot {
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    margin-right: 0;
    order: 1;
  }

  .fomoark-tokens-window {
    order: 2;
  }

  .fomoark-tokens-filters-wrap {
    order: 3;
  }

  .fomoark-tokens-toolbar-right > #tokensRefreshBtn {
    display: none !important;
  }

  .fomoark-tokens-pager {
    order: 4;
  }

  .fomoark-tokens-live-btn {
    order: 5;
  }

  .fomoark-tokens-search-slot .fomoark-tokens-search-toggle {
    display: inline-flex;
  }

  .fomoark-tokens-search-toggle.is-active {
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.55);
    background: rgba(124, 58, 237, 0.16);
  }

  .fomoark-tokens-search {
    flex: 0 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 1.95rem;
    margin: 0;
    padding: 0 !important;
    border-color: transparent !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition:
      max-width 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      flex-grow 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.18s ease,
      padding 0.28s ease,
      border-color 0.18s ease;
  }

  .fomoark-tokens-toolbar-right.is-search-open {
    gap: 0;
  }

  .fomoark-tokens-search-slot.is-open {
    flex: 1 1 auto;
    order: 0;
    min-width: 0;
    width: 100%;
    max-width: none;
  }

  .fomoark-tokens-search-slot.is-open .fomoark-tokens-search-toggle {
    display: none !important;
  }

  .fomoark-tokens-search-slot.is-open .fomoark-tokens-search {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 0.55rem !important;
    border: 1px solid #2a2a2a !important;
    box-shadow: none !important;
    outline: none !important;
    opacity: 1;
    pointer-events: auto;
  }

  .fomoark-tokens-search-slot.is-open .fomoark-tokens-search:focus-within {
    border-color: #3a3a42 !important;
    box-shadow: none !important;
  }

  .fomoark-tokens-search-slot.is-open .fomoark-tokens-search-input {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .fomoark-tokens-toolbar-right.is-search-open .fomoark-tokens-window,
  .fomoark-tokens-toolbar-right.is-search-open .fomoark-tokens-filters-wrap,
  .fomoark-tokens-toolbar-right.is-search-open > .fomoark-tokens-icon-btn,
  .fomoark-tokens-toolbar-right.is-search-open .fomoark-tokens-pager,
  .fomoark-tokens-toolbar-right.is-search-open .fomoark-tokens-live-btn {
    display: none !important;
  }

  .fomoark-tokens-window {
    flex: 0 0 auto;
    min-width: 0;
    gap: 0.05rem;
    padding: 0.1rem;
  }

  .fomoark-tokens-window-btn {
    padding: 0.32rem 0.28rem;
    font-size: 0.62rem;
    letter-spacing: -0.01em;
  }

  .fomoark-tokens-filters-btn {
    position: relative;
    width: 1.95rem;
    height: 1.95rem;
    padding: 0;
    gap: 0;
    justify-content: center;
  }

  .fomoark-tokens-filters-btn-label {
    display: none;
  }

  .fomoark-tokens-filters-count:not([hidden]) {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    min-width: 0.95rem;
    height: 0.95rem;
    padding: 0 0.2rem;
    font-size: 0.58rem;
  }

  .fomoark-tokens-icon-btn,
  .fomoark-tokens-page-btn {
    width: 1.95rem;
    height: 1.95rem;
  }

  .fomoark-tokens-pager {
    margin-left: auto;
    gap: 0.25rem;
    flex-shrink: 0;
  }

  .fomoark-tokens-pager #tokensPageLabel {
    display: none;
  }
}

.fomoark-tokens-window {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.18rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
}

.fomoark-tokens-window-btn,
.fomoark-tokens-seg-btn,
.fomoark-tokens-filters-btn,
.fomoark-tokens-icon-btn,
.fomoark-tokens-page-btn,
.fomoark-tokens-action-btn {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
}

.fomoark-tokens-window-btn {
  padding: 0.4rem 0.7rem;
  border-radius: 6px;
}

.fomoark-tokens-window-btn:hover,
.fomoark-tokens-seg-btn:hover,
.fomoark-tokens-filters-btn:hover,
.fomoark-tokens-icon-btn:hover,
.fomoark-tokens-page-btn:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.04);
}

.fomoark-tokens-window-btn.is-active,
.fomoark-tokens-seg-btn.is-active {
  color: #fff;
  background: rgba(124, 58, 237, 0.22);
  border-color: rgba(167, 139, 250, 0.55);
  box-shadow: none;
}

.fomoark-tokens-filters-wrap {
  position: relative;
}

.fomoark-tokens-filters-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  height: 2.1rem;
  padding: 0 0.75rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
}

.fomoark-tokens-filters-btn.is-active {
  color: #fff;
  background: rgba(124, 58, 237, 0.16);
  border-color: rgba(167, 139, 250, 0.5);
}

.fomoark-tokens-filters-count {
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: #9945ff;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fomoark-tokens-filters-pop {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  left: auto;
  z-index: 40;
  width: min(18.5rem, 86vw);
  padding: 0.9rem;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  background: #141414;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Mobile: fixed + JS clamps to the viewport (see positionFiltersPop). */
@media (max-width: 640px) {
  .fomoark-tokens-filters-pop {
    position: fixed;
    right: auto;
    width: auto;
    max-width: none;
    z-index: 80;
  }
}

.fomoark-tokens-filters-pop[hidden] {
  display: none !important;
}

.fomoark-tokens-filters-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
}

.fomoark-tokens-filters-label {
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.fomoark-tokens-filters-field .form-control,
.fomoark-tokens-filters-field .form-select {
  background: #0f0f0f !important;
  border: 1px solid #2a2a2a !important;
  color: #e5e7eb !important;
  border-radius: 6px;
  box-shadow: none !important;
}

.fomoark-tokens-filters-field .form-control:focus,
.fomoark-tokens-filters-field .form-select:focus {
  border-color: #3a3a42 !important;
  box-shadow: none !important;
}

.fomoark-tokens-seg {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}

.fomoark-tokens-seg-btn {
  padding: 0.45rem 0.2rem;
  border-radius: 6px;
  border: 1px solid #2a2a2a;
  background: #0f0f0f;
}

.fomoark-tokens-filters-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
}

.fomoark-tokens-action-btn {
  height: 2rem;
  border-radius: 6px;
  border: 1px solid #2a2a2a;
  background: #0f0f0f;
  color: #c4c4c8;
}

.fomoark-tokens-action-btn:hover {
  color: #fff;
  background: #1a1a1a;
  border-color: #3a3a42;
}

.fomoark-tokens-action-btn.is-primary {
  background: #9945ff;
  border-color: #9945ff;
  color: #fff;
}

.fomoark-tokens-action-btn.is-primary:hover {
  background: #8a3aef;
  border-color: #8a3aef;
  color: #fff;
}

.fomoark-tokens-icon-btn,
.fomoark-tokens-page-btn {
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fomoark-tokens-page-btn:disabled {
  opacity: 0.35;
  cursor: default;
}

.fomoark-tokens-search {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1 1 14rem;
  min-width: 10rem;
  max-width: 22rem;
  height: 2.1rem;
  margin: 0;
  padding: 0 0.35rem 0 0.65rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #141414;
  color: #6b7280;
}

.fomoark-tokens-search:focus-within {
  border-color: #3a3a42;
  color: #9ca3af;
}

.fomoark-tokens-search > .bi-search {
  flex: 0 0 auto;
  font-size: 0.82rem;
  line-height: 1;
}

.fomoark-tokens-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #e5e7eb;
  font-size: 0.74rem;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}

.fomoark-tokens-search-input:focus,
.fomoark-tokens-search-input:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.fomoark-tokens-search-input::placeholder {
  color: #4b5563;
}

.fomoark-tokens-search-input::-webkit-search-cancel-button {
  display: none;
}

.fomoark-tokens-search-clear {
  flex: 0 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-tokens-search-clear:hover {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
}

.fomoark-tokens-pager {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

.fomoark-tokens-status {
  font-size: 0.72rem;
}

.fomoark-tokens-empty td {
  text-align: center;
  color: #6b7280;
  padding: 2.4rem 1rem !important;
}

.fomoark-tokens-scroll {
  overflow: auto;
  flex: 1 1 auto;
  min-height: 12rem;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #0f0f0f;
}

.fomoark-tokens-table {
  width: 100%;
  min-width: 76rem;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.72rem;
}

.fomoark-tokens-cell-secondary {
  display: none;
}

.fomoark-tokens-cell-primary {
  display: inline;
}

/* Stable boxes so realtime setText slides don't resize the row */
.fomoark-tokens-cell-mcap,
.fomoark-tokens-cell-volume,
.fomoark-tokens-cell-age,
.fomoark-tokens-cell-txns,
.fomoark-tokens-cell-liq,
.fomoark-tokens-cell-chg5m,
.fomoark-tokens-cell-chg1h,
.fomoark-tokens-cell-chg6h,
.fomoark-tokens-cell-price .fomoark-tokens-cell-primary,
.fomoark-tokens-cell-price .fomoark-tokens-cell-secondary,
.fomoark-tokens-cell-chg24h .fomoark-tokens-cell-primary,
.fomoark-tokens-cell-chg24h .fomoark-tokens-cell-secondary {
  overflow: hidden;
  min-height: 1em;
}

.fomoark-tokens-col-token { width: 18rem; }
.fomoark-tokens-col-price { width: 7rem; }
.fomoark-tokens-col-chg24h { width: 5rem; }
.fomoark-tokens-col-liq { width: 7rem; }
.fomoark-tokens-col-volume { width: 8.25rem; }
.fomoark-tokens-col-mcap { width: 6.5rem; }
.fomoark-tokens-col-age { width: 4.5rem; }
.fomoark-tokens-col-txns { width: 7.5rem; }
.fomoark-tokens-col-chg { width: 5rem; }

.fomoark-tokens-table th,
.fomoark-tokens-table td {
  padding: 0.72rem 0.55rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  color: #e5e7eb;
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fomoark-tokens-table th:first-child,
.fomoark-tokens-table td:first-child {
  text-align: left;
  padding-left: 0.85rem;
}

.fomoark-tokens-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #141414;
  color: #6b7280;
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  border-bottom-color: #2a2a2a;
}

.fomoark-tokens-table th.is-active {
  color: #c8cdd6;
}

/* Reserve caret space on every header so sort state doesn't reflow columns */
.fomoark-tokens-table th::after {
  content: "";
  display: inline-block;
  width: 0.56em;
  height: 0.56em;
  margin-left: 0.28rem;
  vertical-align: -0.05em;
  background: currentColor;
  clip-path: polygon(50% 100%, 0 20%, 100% 20%);
  opacity: 0;
}

.fomoark-tokens-table th.is-active::after {
  opacity: 1;
}

.fomoark-tokens-table th.is-active[data-sort-dir="asc"]::after {
  clip-path: polygon(50% 0, 0 80%, 100% 80%);
  vertical-align: 0.02em;
}

.fomoark-tokens-row {
  cursor: pointer;
  transition: background 0.16s ease;
}

.fomoark-tokens-row:hover {
  background: rgba(255, 255, 255, 0.025);
}

/* Tokens list motion — enter, stagger, hover polish */
@keyframes fomoark-tokens-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fomoark-tokens-row-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fomoark-tokens-pop-in {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body.is-tokens-list #tokensPage .fomoark-tokens-stat:nth-child(1) {
  animation: fomoark-tokens-enter 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.02s both;
}

body.is-tokens-list #tokensPage .fomoark-tokens-stat:nth-child(2) {
  animation: fomoark-tokens-enter 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}

body.is-tokens-list #tokensPage .fomoark-tokens-stat:nth-child(3) {
  animation: fomoark-tokens-enter 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}

body.is-tokens-list #tokensPage .fomoark-tokens-toolbar {
  animation: fomoark-tokens-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

body.is-tokens-list #tokensPage .fomoark-tokens-scroll {
  animation: fomoark-tokens-enter 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.fomoark-tokens-stat {
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.fomoark-tokens-stat:hover {
  transform: translateY(-1px);
  border-color: #333;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
}

.fomoark-tokens-window-btn,
.fomoark-tokens-filters-btn,
.fomoark-tokens-icon-btn,
.fomoark-tokens-page-btn,
.fomoark-tokens-live-btn,
.fomoark-tokens-search,
.fomoark-tokens-seg-btn,
.fomoark-tokens-action-btn {
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}

.fomoark-tokens-window-btn:hover,
.fomoark-tokens-filters-btn:hover,
.fomoark-tokens-icon-btn:hover:not(:disabled),
.fomoark-tokens-page-btn:hover:not(:disabled),
.fomoark-tokens-live-btn:hover,
.fomoark-tokens-seg-btn:hover,
.fomoark-tokens-action-btn:hover {
  transform: translateY(-1px);
}

.fomoark-tokens-filters-pop:not([hidden]) {
  animation: fomoark-tokens-pop-in 0.18s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fomoark-tokens-row.is-enter {
  animation: fomoark-tokens-row-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(1) { animation-delay: 0.01s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(2) { animation-delay: 0.03s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(3) { animation-delay: 0.05s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(4) { animation-delay: 0.07s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(5) { animation-delay: 0.09s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(6) { animation-delay: 0.11s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(7) { animation-delay: 0.13s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(8) { animation-delay: 0.15s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(9) { animation-delay: 0.17s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(10) { animation-delay: 0.19s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(11) { animation-delay: 0.2s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(12) { animation-delay: 0.21s; }
.fomoark-tokens-table tbody > .fomoark-tokens-row.is-enter:nth-child(n + 13) { animation-delay: 0.22s; }

.fomoark-tokens-avatar {
  transition: border-color 0.16s ease, transform 0.16s ease;
}

.fomoark-tokens-row:hover .fomoark-tokens-avatar {
  border-color: #3a3a42;
  transform: scale(1.04);
}

.fomoark-tokens-copy,
.fomoark-tokens-social {
  transition: color 0.14s ease, background 0.14s ease, transform 0.14s ease;
}

.fomoark-tokens-copy:hover,
.fomoark-tokens-social:hover {
  transform: translateY(-1px);
}

.fomoark-tokens-table th[data-tokens-sort] {
  transition: color 0.14s ease;
}

@media (prefers-reduced-motion: reduce) {
  body.is-tokens-list #tokensPage .fomoark-tokens-stats,
  body.is-tokens-list #tokensPage .fomoark-tokens-stat,
  body.is-tokens-list #tokensPage .fomoark-tokens-toolbar,
  body.is-tokens-list #tokensPage .fomoark-tokens-scroll,
  .fomoark-tokens-filters-pop:not([hidden]),
  .fomoark-tokens-row.is-enter {
    animation: none !important;
  }

  .fomoark-tokens-stat:hover,
  .fomoark-tokens-window-btn:hover,
  .fomoark-tokens-filters-btn:hover,
  .fomoark-tokens-icon-btn:hover:not(:disabled),
  .fomoark-tokens-page-btn:hover:not(:disabled),
  .fomoark-tokens-live-btn:hover,
  .fomoark-tokens-seg-btn:hover,
  .fomoark-tokens-action-btn:hover,
  .fomoark-tokens-row:hover .fomoark-tokens-avatar,
  .fomoark-tokens-copy:hover,
  .fomoark-tokens-social:hover {
    transform: none;
  }
}

.fomoark-tokens-cell-token {
  white-space: normal;
}

.fomoark-tokens-identity {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.fomoark-tokens-rank {
  flex: 0 0 auto;
  width: 1.5rem;
  color: #4b5563;
  font-size: 0.7rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.fomoark-tokens-avatar {
  flex: 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  border: 1px solid #2a2a2a;
  background: #1a1a1a;
  color: #9ca3af;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

.fomoark-tokens-avatar-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fomoark-tokens-avatar.has-img .fomoark-tokens-avatar-fallback {
  display: none;
}

.fomoark-tokens-id-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.fomoark-tokens-id-top {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.fomoark-tokens-sym {
  font-weight: 700;
  font-size: 0.84rem;
  color: #f3f4f6;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1.15;
}

.fomoark-tokens-name {
  color: #6b7280;
  font-size: 0.68rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14rem;
}

.fomoark-tokens-proto {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.14rem 0.38rem;
  border-radius: 3px;
  border: 1px solid rgba(167, 139, 250, 0.45);
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.12);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
}

.fomoark-tokens-proto[data-proto="v2"] {
  border-color: rgba(148, 163, 184, 0.45);
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.08);
}

.fomoark-tokens-proto[data-proto="v3"] {
  border-color: rgba(167, 139, 250, 0.5);
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.14);
}

.fomoark-tokens-proto[data-proto="v4"] {
  border-color: rgba(167, 139, 250, 0.35);
  color: #ddd6fe;
  background: rgba(124, 58, 237, 0.2);
}

.fomoark-tokens-lock {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 3px;
  border: 1px solid rgba(157, 206, 122, 0.45);
  color: #9dce7a;
  background: rgba(157, 206, 122, 0.1);
  line-height: 1;
}

.fomoark-tokens-lock .bi {
  font-size: 0.62rem;
  line-height: 1;
}

.fomoark-tokens-copy {
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fomoark-tokens-copy:hover {
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.12);
}

.fomoark-tokens-copy .bi {
  font-size: 0.76rem;
  line-height: 1;
}

.fomoark-tokens-socials {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  margin-left: 0.05rem;
}

.fomoark-tokens-social {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 3px;
  border: 1px solid #2a2a2a;
  background: #141414;
  color: #6b7280;
  text-decoration: none;
  transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease;
}

.fomoark-tokens-social:hover {
  color: #e5e7eb;
  border-color: #3a3a3a;
  background: #1a1a1a;
}

.fomoark-tokens-social .bi {
  font-size: 0.72rem;
  line-height: 1;
}

.fomoark-tokens-table .is-up {
  color: #16c784;
}

.fomoark-tokens-table .is-down {
  color: #ea3943;
}

.fomoark-tx-chain-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #d1d5db;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}

.fomoark-tx-chain-cell img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.fomoark-tx-chain-label {
  letter-spacing: 0.02em;
}

html.is-mobile .fomoark-modal-panel.fomoark-tokens-panel {
  width: 100%;
  max-height: min(92vh, 100%);
}