/* Fluorescent alien glow on every control. The weather sky stays behind it. */
html:not([data-sky="dark"]) :where(
  h1, h2, h3, h4, p, a, button:not(.currency-bill), label, li, td, th, span,
  .font-display, .font-mono, .text-fg, .text-muted, .text-subtle, .text-accent, .text-credit
) {
  text-shadow:
    0 0 6px rgba(0, 220, 190, 0.85),
    0 0 14px rgba(255, 43, 214, 0.45);
}

html[data-sky="dark"] :where(
  h1, h2, h3, h4, p, a, button:not(.currency-bill), label, li, td, th, span,
  .font-display, .font-mono, .text-fg, .text-muted, .text-subtle, .text-accent, .text-credit
) {
  text-shadow:
    0 0 8px rgba(180, 255, 60, 0.95),
    0 0 18px rgba(57, 255, 210, 0.65),
    0 0 28px rgba(255, 43, 214, 0.35);
}

html[data-sky="dark"] .text-debit,
html:not([data-sky="dark"]) .text-debit {
  text-shadow: 0 0 8px rgba(255, 43, 214, 0.9), 0 0 18px rgba(255, 74, 216, 0.55);
}

.panel,
.glass-bar,
.lfqp-menubar,
.login-card,
.well,
button:not(.currency-bill),
a,
input,
textarea,
select,
[role="tab"],
.lfqp-menubar-btn {
  box-shadow:
    0 0 0 1px rgba(0, 220, 190, 0.55),
    0 0 12px rgba(0, 220, 190, 0.35),
    0 0 22px rgba(255, 43, 214, 0.22) !important;
}

html[data-sky="dark"] .panel,
html[data-sky="dark"] .glass-bar,
html[data-sky="dark"] .lfqp-menubar,
html[data-sky="dark"] .login-card,
html[data-sky="dark"] .well,
html[data-sky="dark"] button:not(.currency-bill),
html[data-sky="dark"] a,
html[data-sky="dark"] input,
html[data-sky="dark"] textarea,
html[data-sky="dark"] select {
  box-shadow:
    0 0 0 1px rgba(93, 255, 176, 0.6),
    0 0 16px rgba(180, 255, 60, 0.4),
    0 0 30px rgba(255, 43, 214, 0.28) !important;
}

.bg-accent,
button[type="submit"] {
  box-shadow:
    0 0 0 1px rgba(180, 255, 60, 0.8),
    0 0 16px rgba(180, 255, 60, 0.65),
    0 0 32px rgba(57, 255, 210, 0.4) !important;
}

svg,
img:not(.vault-lfqp-mark) {
  filter: drop-shadow(0 0 4px rgba(57, 255, 210, 0.75)) drop-shadow(0 0 10px rgba(255, 43, 214, 0.35));
}

.currency-bill,
.currency-bill svg {
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
}

.chain-rail,
.chain-rail * {
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

.chain-rail {
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 8px 18px -16px rgba(0, 0, 0, 0.55) !important;
}

.chain-rail.is-on {
  border-color: rgba(216, 255, 60, 0.85);
  box-shadow:
    0 0 0 1px rgba(216, 255, 60, 0.55),
    0 0 16px rgba(180, 255, 60, 0.28) !important;
}

.chain-rail img {
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  filter: none !important;
}

.token-tape {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767px) {
  .token-tape .market-pane {
    overflow: visible !important;
    max-width: 100%;
  }
  .token-tape .market-pane svg {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 10rem;
    max-height: none !important;
    aspect-ratio: 640 / 170;
    overflow: visible;
  }
  .token-tape .xpr-lfqp-logo {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
  }
}
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.45rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.85rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  padding-bottom: 0.15rem;
}

.pair-chip,
.pair-chip * {
  text-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.pair-chip {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 2.45rem !important;
  height: 2.45rem !important;
  padding: 0 0.8rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.pair-chip.is-on {
  box-shadow: 0 0 0 1px rgba(46, 230, 192, 0.85) !important;
}

.pair-chip img {
  width: 1.4rem !important;
  height: 1.4rem !important;
  min-width: 1.4rem !important;
  filter: none !important;
}

.held-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.held-pill {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

.held-pill .vault-lfqp-mark,
.held-pill .xpr-lfqp-logo {
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  max-width: 2.35rem !important;
  max-height: 2.35rem !important;
}

@media (max-width: 767px) {
  .xfer-card,
  .xfer-card.panel {
    overflow: visible !important;
  }
}

.xpr-lfqp-mark {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  filter: none !important;
}

.holdings-pie,
.holdings-pie * {
  filter: none !important;
  -webkit-filter: none !important;
  max-width: none !important;
}

.holdings-pie {
  display: block !important;
  width: min(20rem, 100%) !important;
  height: auto !important;
  aspect-ratio: 200 / 214 !important;
  max-width: 20rem !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

html:has(#lfqp-login),
html:has(#lfqp-login) body {
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: static !important;
}

#lfqp-login {
  min-height: 100dvh;
  height: auto !important;
  overflow: visible !important;
  padding-bottom: calc(2.5rem + env(safe-area-inset-bottom)) !important;
}

#lfqp-login .login-card,
#lfqp-login .login-card.panel,
#lfqp-login .panel,
#lfqp-login form,
#lfqp-login .login-card-body,
#lfqp-login .login-card-inner {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

#lfqp-login input,
#lfqp-login textarea,
#lfqp-login button,
#lfqp-login a {
  pointer-events: auto !important;
  touch-action: manipulation;
  position: relative;
  z-index: 2;
}

.vault-lfqp-mark {
  display: block;
  width: 5.5rem !important;
  height: 5.5rem !important;
  min-width: 5.5rem !important;
  max-width: none !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
}

.xpr-lfqp-logo {
  display: block;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  border-radius: 0 !important;
}

.held-pills {
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 0.7rem 0.85rem 0.45rem 0.85rem !important;
  scroll-padding-inline: 0.85rem;
}

.held-pill {
  overflow: visible !important;
}

.held-pill .vault-lfqp-mark,
.held-pill .xpr-lfqp-logo,
.held-pill img,
.held-pill .held-pill-mark,
.asset-pill img,
.asset-mark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  flex: 0 0 2.25rem !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
  position: static !important;
}

.asset-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.7rem 0.85rem !important;
  overflow-x: auto !important;
}

.asset-pill,
.held-pill {
  overflow: visible !important;
  flex: 0 0 auto !important;
}

.xfer-body {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#lfqp-login button.x-signin,
#lfqp-login button.x-signin * {
  color: #fff !important;
}

#lfqp-static-login {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  html:has(#lfqp-login),
  html:has(#lfqp-login) body {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #lfqp-login {
    position: relative !important;
    inset: auto !important;
    z-index: 40 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: max(0.75rem, env(safe-area-inset-top)) !important;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
  }

  #lfqp-login .login-retract,
  #lfqp-login > .relative > p {
    display: none !important;
  }

  #lfqp-login > .relative > img {
    display: block !important;
    order: -6;
    width: 4.5rem !important;
    height: 4.5rem !important;
    margin: 0 auto 0.25rem !important;
    object-fit: contain;
  }

  #lfqp-login > .relative > h1 {
    display: block !important;
    order: -5;
    margin-top: 0.25rem !important;
    font-size: 1.7rem !important;
  }

  #lfqp-login .login-polarity {
    display: flex !important;
    order: -4;
    margin-top: 0.6rem !important;
    margin-bottom: 0.25rem !important;
  }

  #lfqp-login > .relative {
    display: flex !important;
    flex-direction: column !important;
  }

  #lfqp-login .login-card {
    order: -2;
    margin-top: 0 !important;
    padding: 0.85rem !important;
  }

  #lfqp-login .login-recent {
    display: block !important;
    order: -3 !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.25rem !important;
  }

  #lfqp-login .login-tabs {
    margin-bottom: 0.75rem !important;
  }

  #lfqp-login input,
  #lfqp-login textarea {
    min-height: 3rem !important;
    font-size: 16px !important;
    width: 100% !important;
    scroll-margin-top: 1rem;
    scroll-margin-bottom: 6rem;
  }

  #lfqp-login button[type="submit"],
  #lfqp-login .sign-in-submit {
    position: relative !important;
    z-index: 80 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
}

.t3x-book {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 720px) {
  .t3x-book {
    grid-template-columns: 1fr 1fr;
  }
}

button.t3x-pair {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 0.7rem !important;
  min-height: 4.5rem !important;
  padding: 0.7rem 0.8rem !important;
  border-radius: 1.05rem !important;
  border: 1px solid rgba(214, 255, 58, 0.28) !important;
  background:
    linear-gradient(150deg, rgba(214, 255, 58, 0.1), transparent 48%),
    rgba(8, 14, 22, 0.28) !important;
  text-align: left !important;
}

button.t3x-pair.is-up {
  border-left: 3px solid #3ecf8e !important;
}

button.t3x-pair.is-down {
  border-left: 3px solid #ff5a7a !important;
}

.t3x-pair .t3x-pair-icons {
  width: 3.15rem !important;
  height: 2rem !important;
}

.t3x-pair .t3x-pair-icons img,
.t3x-pair .t3x-pair-icons svg {
  width: 1.9rem !important;
  height: 1.9rem !important;
  max-width: 1.9rem !important;
  max-height: 1.9rem !important;
}

.t3x-pair-name {
  display: grid !important;
  justify-content: start !important;
  justify-items: start !important;
  align-items: center !important;
  gap: 0.1rem !important;
  text-align: left !important;
}

.t3x-base {
  font-family: ui-monospace, monospace;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.03em;
  color: var(--color-fg, #fff);
}

.t3x-quote,
.t3x-sub,
.t3x-vol {
  color: var(--color-muted, #9aa);
}

.t3x-quote {
  margin-left: 0.1rem;
  font-size: 0.72rem;
}

.t3x-sub,
.t3x-vol {
  font-family: ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
}

.t3x-pair-meta {
  gap: 0.2rem;
}

.t3x-px {
  font-family: ui-monospace, monospace;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}

.t3x-chg {
  display: inline-flex;
  justify-content: center;
  min-width: 3.5rem;
  border-radius: 999px;
  padding: 0.08rem 0.4rem;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.t3x-chg.text-credit {
  background: rgba(62, 207, 142, 0.18);
}

.t3x-chg.text-debit {
  background: rgba(255, 90, 122, 0.16);
}

html:not([data-sky="dark"]) button.t3x-pair {
  background: linear-gradient(150deg, rgba(214, 255, 58, 0.22), rgba(255, 255, 255, 0.55) 58%) !important;
}

html:not([data-sky="dark"]) .t3x-base {
  color: #07111a;
}

.t3-engine-title {
  color: #d6ff3a;
  text-shadow: 0 0 14px rgba(214, 255, 58, 0.75);
}

.t3-trit-tape span {
  min-width: 1.7rem;
  min-height: 2rem;
  border: 1px solid rgba(214, 255, 58, 0.35);
  box-shadow: 0 0 12px -6px rgba(214, 255, 58, 0.8);
}

.t3-console .well {
  background: rgba(4, 10, 16, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 255, 58, 0.18);
}

.t3-pack-grid {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  .t3-pack-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.t3-pack {
  display: grid;
  gap: 0.15rem;
  min-height: 5.4rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgba(214, 255, 58, 0.28);
  border-radius: 1rem;
  background: linear-gradient(160deg, rgba(214, 255, 58, 0.1), transparent 50%);
}

.t3-pack-kind,
.t3-pack-meta,
.t3-pack-homes {
  font-family: ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-muted, #9aa);
}

.t3-pack-kind {
  color: #ff2bd6;
}

.t3-pack-name {
  font-family: ui-monospace, monospace;
  font-size: 0.95rem;
  color: var(--color-fg, #fff);
}

.t3-pack-link {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  color: #d6ff3a;
}

html:not([data-sky="dark"]) .t3-pack-name,
html:not([data-sky="dark"]) .t3-engine-title {
  color: #07111a;
  text-shadow: none;
}

.d3x-mast {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

.d3x-mark {
  margin: 0;
  font-family: var(--font-display, ui-sans-serif, system-ui);
  font-size: 1.65rem;
  letter-spacing: 0.18em;
  line-height: 1;
  color: #d6ff3a;
  text-shadow: 0 0 12px rgba(214, 255, 58, 0.75);
}

.d3x-sub,
.d3x-live {
  margin: 0.2rem 0 0;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-subtle, #9aa);
}

.d3x-live {
  text-align: right;
}

.d3x-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

@media (min-width: 720px) {
  .d3x-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.d3x-card {
  display: grid;
  align-content: start;
  gap: 0.2rem;
  min-height: 6.6rem;
  padding: 0.75rem 0.7rem 0.65rem;
  text-align: left;
  border: 1px solid rgba(214, 255, 58, 0.28);
  border-radius: 1rem;
  background:
    linear-gradient(160deg, rgba(214, 255, 58, 0.08), transparent 42%),
    rgba(8, 14, 22, 0.35);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 18px -12px rgba(214, 255, 58, 0.8);
}

.d3x-card.is-on {
  border-color: rgba(255, 43, 214, 0.7);
  background:
    linear-gradient(160deg, rgba(122, 43, 255, 0.28), rgba(214, 255, 58, 0.08) 70%),
    rgba(8, 14, 22, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 43, 214, 0.35), 0 0 22px -8px rgba(255, 43, 214, 0.85);
}

.d3x-k,
.d3x-line,
.d3x-stat {
  font-family: ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.d3x-k {
  color: #ff2bd6;
}

.d3x-name {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--color-fg, #fff);
}

.d3x-line {
  color: var(--color-muted, #aaa);
}

.d3x-stat {
  margin-top: 0.35rem;
  color: #d6ff3a;
}

html:not([data-sky="dark"]) .d3x-card {
  background:
    linear-gradient(160deg, rgba(214, 255, 58, 0.2), rgba(255, 255, 255, 0.45) 55%);
}

html:not([data-sky="dark"]) .d3x-name,
html:not([data-sky="dark"]) .d3x-line {
  color: #07111a;
}
a.replica-device,
a.replica-device * {
  pointer-events: auto !important;
  cursor: pointer;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  color: #3a2504 !important;
}

a.replica-device {
  position: relative !important;
  z-index: 20 !important;
  width: auto !important;
  text-decoration: none !important;
  border: 1px solid #fff1b8 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff1c2 0%, #f0c14b 42%, #d3921a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -2px 0 rgba(140, 82, 8, 0.28),
    0 8px 16px -10px rgba(160, 100, 10, 0.9) !important;
}

.explorer-desk .explorer-holder button,
.explorer-desk .explorer-holder a,
.explorer-desk .explorer-handle,
.explorer-desk .explorer-tx,
.explorer-desk .explorer-tx-op {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  background: transparent !important;
}

.explorer-desk .explorer-handle {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
.lfqp-site-footer,
.lfqp-site-footer a,
.lfqp-site-footer a * {
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  filter: none !important;
}
#lfqp-login .login-recent,
#lfqp-login .login-recent a,
#lfqp-login .login-recent button {
  pointer-events: auto !important;
  touch-action: manipulation;
  position: relative !important;
  z-index: 80 !important;
}

@supports (-webkit-touch-callout: none) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    -webkit-text-size-adjust: 100%;
  }
  #lfqp-login,
  #lfqp-login .login-card,
  #lfqp-login .panel,
  #lfqp-login form,
  #lfqp-login button,
  #lfqp-login input,
  #lfqp-login textarea,
  #lfqp-login a,
  #lfqp-login label {
    pointer-events: auto !important;
    touch-action: manipulation;
  }
  .sky-root {
    position: fixed !important;
    z-index: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  #app-ink > .relative,
  #lfqp-login {
    position: relative !important;
    z-index: 30 !important;
  }
  #lfqp-login {
    min-height: 100svh !important;
    padding-bottom: calc(7rem + env(safe-area-inset-bottom)) !important;
  }
  #lfqp-login input,
  #lfqp-login textarea {
    font-size: 16px !important;
  }
}

.xfer-tabs,
.xfer-tabs button,
.lfqp-menubar,
.lfqp-menubar-btn,
.lfqp-menubar-btn * {
  pointer-events: auto !important;
  touch-action: manipulation;
}

.sky-root,
.sky-root *,
#lfqp-aurora,
#lfqp-aurora *,
.lfqp-swipe-wash {
  pointer-events: none !important;
}