html:has(.glider-xen-router-root),
body.glider-xen-router-canvas {
  margin: 0 !important;
  min-height: 100%;
  background: #020711 !important;
}
body.glider-xen-router-canvas .site-header,
body.glider-xen-router-canvas .site-footer,
body.glider-xen-router-canvas header.entry-header,
body.glider-xen-router-canvas .page-header,
body.glider-xen-router-canvas .elementor-location-header,
body.glider-xen-router-canvas .elementor-location-footer {
  display: none !important;
}
html.glxr-picker-open,
body.glxr-picker-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
body.glxr-picker-open { width: 100%; }
.glider-xen-router-root {
  --glxr-bg: #020711;
  --glxr-bg-2: #040b16;
  --glxr-panel: rgba(7, 17, 31, .92);
  --glxr-panel-2: rgba(11, 24, 42, .82);
  --glxr-line: rgba(144, 166, 197, .16);
  --glxr-line-strong: rgba(102, 203, 244, .28);
  --glxr-white: #f5f9fd;
  --glxr-text: #d7e2ec;
  --glxr-muted: #8195a9;
  --glxr-muted-2: #60758a;
  --glxr-cyan: #62cff4;
  --glxr-blue: #7089df;
  --glxr-violet: #956fe9;
  --glxr-green: #55e7aa;
  --glxr-amber: #f3c46b;
  --glxr-red: #ff7b8d;
  position: relative;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--glxr-white);
  background:
    radial-gradient(circle at 14% 0%, rgba(76, 182, 230, .12), transparent 31%),
    radial-gradient(circle at 90% 8%, rgba(133, 91, 228, .13), transparent 30%),
    linear-gradient(180deg, #020711 0%, #030915 46%, #01040a 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.glider-xen-router-root *,
.glider-xen-router-root *::before,
.glider-xen-router-root *::after { box-sizing: border-box; }
.glider-xen-router-root button,
.glider-xen-router-root input { font: inherit; }
.glider-xen-router-root button { color: inherit; }
.glider-xen-router-root a { color: inherit; text-decoration: none; }
.glider-xen-router-root [hidden] { display: none !important; }
.glxr-network {
  position: fixed;
  inset: 0;
  z-index: -5;
  width: 100vw;
  height: 100vh;
  opacity: .72;
  pointer-events: none;
}
.glider-xen-router-root::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.68) 68%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.68) 68%, transparent 100%);
}
.glxr-ambient {
  position: absolute;
  z-index: -3;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: .09;
  pointer-events: none;
}
.glxr-ambient-one { left: -260px; top: 240px; background: var(--glxr-cyan); }
.glxr-ambient-two { right: -260px; top: 690px; background: var(--glxr-violet); }
.glxr-shell {
  width: min(1440px, calc(100% - 52px));
  margin-inline: auto;
}
.glxr-header {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 86px;
  margin-top: 18px;
  padding: 12px 15px;
  border: 1px solid rgba(113, 143, 188, .17);
  border-radius: 20px;
  background: rgba(4, 12, 23, .78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 70px rgba(0,0,0,.16);
  backdrop-filter: blur(18px);
}
.glxr-brand { display: inline-flex; align-items: center; gap: 13px; min-width: 0; }
.glxr-brand-mark {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(99, 207, 244, .26);
  border-radius: 50%;
  color: #dff8ff;
  background: linear-gradient(145deg, rgba(98,207,244,.15), rgba(149,111,233,.13)), #050c16;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 26px rgba(98,207,244,.08);
  font-weight: 900;
}
.glxr-brand-mark img { width: 100%; height: 100%; display: block; object-fit: cover; }
.glxr-brand-copy { display: block; min-width: 0; }
.glxr-brand-copy strong {
  display: block;
  color: var(--glxr-white);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .145em;
  text-transform: uppercase;
  white-space: nowrap;
}
.glxr-brand-copy small {
  display: block;
  margin-top: 5px;
  color: var(--glxr-muted);
  font-size: 9px;
  font-weight: 770;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.glxr-header-actions { display: flex; align-items: center; gap: 11px; }
.glxr-relay-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 39px;
  padding: 0 13px;
  border: 1px solid var(--glxr-line);
  border-radius: 999px;
  color: #a8bacb;
  background: rgba(255,255,255,.018);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.glxr-relay-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--glxr-green); box-shadow: 0 0 13px rgba(85,231,170,.7); }
.glxr-wallet-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 148px;
  min-height: 45px;
  padding: 0 15px;
  border: 1px solid rgba(99, 207, 244, .42);
  border-radius: 13px;
  color: #eefaff;
  background: linear-gradient(135deg, rgba(98,207,244,.14), rgba(112,137,223,.11)), rgba(7,18,32,.9);
  cursor: pointer;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .035em;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.glxr-wallet-button:hover:not(:disabled) { transform: translateY(-1px); border-color: rgba(132,225,255,.72); }
.glxr-wallet-button:disabled { opacity: .62; cursor: wait; }
.glxr-wallet-dot { width: 7px; height: 7px; border-radius: 50%; background: #71869b; box-shadow: 0 0 0 3px rgba(113,134,155,.08); }
.has-wallet .glxr-wallet-dot { background: var(--glxr-green); box-shadow: 0 0 12px rgba(85,231,170,.7); }
.glxr-hero {
  display: grid;
  grid-template-columns: minmax(0, .91fr) minmax(560px, .89fr);
  gap: clamp(64px, 7vw, 118px);
  align-items: center;
  min-height: 810px;
  padding: 74px 18px 84px;
}
.glxr-intro { max-width: 680px; padding-left: clamp(0px, 3vw, 38px); }
.glxr-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding: 9px 13px;
  border: 1px solid rgba(98,207,244,.19);
  border-radius: 999px;
  color: #b9eaff;
  background: rgba(98,207,244,.04);
  font-size: 9px;
  font-weight: 880;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.glxr-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--glxr-cyan); box-shadow: 0 0 14px rgba(98,207,244,.72); }
.glxr-intro h1 { margin: 0; letter-spacing: -.055em; }
.glxr-intro h1 span {
  display: block;
  color: #8da1b5;
  font-size: clamp(24px, 2.15vw, 34px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.035em;
}
.glxr-intro h1 strong {
  display: block;
  max-width: 680px;
  margin-top: 10px;
  color: transparent;
  background: linear-gradient(98deg, #f3f8fc 0%, #cdeafa 27%, #78cef1 53%, #898fe4 77%, #b277e6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(52px, 5.7vw, 88px);
  font-weight: 880;
  line-height: .92;
}
.glxr-intro > p {
  max-width: 630px;
  margin: 28px 0 0;
  color: #adbdcb;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.72;
}
.glxr-intro-points { display: grid; gap: 12px; margin-top: 30px; }
.glxr-intro-points span { display: flex; align-items: center; gap: 11px; color: #90a5b7; font-size: 11px; font-weight: 680; letter-spacing: .01em; }
.glxr-intro-points i { width: 18px; height: 18px; border: 1px solid rgba(85,231,170,.28); border-radius: 50%; background: radial-gradient(circle, rgba(85,231,170,.25), transparent 60%); }
.glxr-intro-points i::after { content: ""; display: block; width: 5px; height: 5px; margin: 6px; border-radius: 50%; background: var(--glxr-green); }
.glxr-origin-route {
  display: flex;
  align-items: center;
  gap: 11px;
  max-width: 620px;
  margin-top: 36px;
  padding: 14px 16px;
  border: 1px solid rgba(115, 140, 180, .13);
  border-radius: 14px;
  color: #73889b;
  background: rgba(255,255,255,.016);
  font-size: 8.5px;
  font-weight: 820;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.glxr-origin-route span { white-space: nowrap; }
.glxr-origin-route i { flex: 1; height: 1px; min-width: 18px; background: linear-gradient(90deg, rgba(98,207,244,.18), rgba(149,111,233,.45)); }
.glxr-origin-route b { color: #a9b6dc; font-size: 8px; letter-spacing: .15em; }
.glxr-terminal {
  position: relative;
  width: 100%;
  max-width: 660px;
  margin-inline: auto;
  padding: 21px;
  overflow: hidden;
  border: 1px solid rgba(116, 145, 188, .24);
  border-radius: 27px;
  background:
    radial-gradient(circle at 95% 0%, rgba(149,111,233,.08), transparent 32%),
    radial-gradient(circle at 0% 86%, rgba(98,207,244,.055), transparent 36%),
    linear-gradient(155deg, rgba(9,21,38,.96), rgba(4,11,21,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 38px 110px rgba(0,0,0,.34), 0 0 50px rgba(78,121,181,.06);
}
.glxr-terminal::before {
  content: "";
  position: absolute;
  left: 8%; right: 8%; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(98,207,244,.58), rgba(149,111,233,.48), transparent);
}
.glxr-terminal-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 2px 2px 18px; }
.glxr-terminal-eyebrow { display: block; color: #71869c; font-size: 8px; font-weight: 880; letter-spacing: .15em; text-transform: uppercase; }
.glxr-terminal-head strong { display: block; margin-top: 6px; color: #eff6fb; font-size: 17px; font-weight: 850; letter-spacing: -.02em; }
.glxr-settings-button {
  display: inline-flex;
  min-width: 42px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(98,207,244,.16);
  border-radius: 12px;
  color: #9eb5c8;
  background: linear-gradient(145deg, rgba(98,207,244,.045), rgba(149,111,233,.025)), rgba(255,255,255,.012);
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.glxr-settings-button:hover { color: #e4f6fd; border-color: rgba(98,207,244,.40); background: linear-gradient(145deg, rgba(98,207,244,.09), rgba(149,111,233,.05)); transform: translateY(-1px); }
.glxr-settings-button.is-open { color: #dff7ff; border-color: rgba(98,207,244,.46); background: linear-gradient(145deg, rgba(98,207,244,.11), rgba(149,111,233,.065)); }
.glxr-settings-button svg { width: 17px; height: 17px; flex: 0 0 17px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.glxr-settings-button > span { font-size: 8px; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; }
.glxr-mode-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 13px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(0,0,0,.22);
}
.glxr-mode-tabs button {
  min-height: 48px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}
.glxr-mode-tabs button span { display: block; color: #8799aa; font-size: 10.5px; font-weight: 850; }
.glxr-mode-tabs button small { display: block; margin-top: 3px; color: #53687d; font-size: 8px; }
.glxr-mode-tabs button.is-active { border-color: rgba(98,207,244,.19); background: linear-gradient(135deg, rgba(98,207,244,.085), rgba(112,137,223,.055)); }
.glxr-mode-tabs button.is-active span { color: #eaf7fc; }
.glxr-mode-tabs button.is-active small { color: #8198ab; }
.glxr-settings-panel {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 12px;
  padding: 13px;
  border: 1px solid var(--glxr-line);
  border-radius: 14px;
  background: rgba(2,8,16,.62);
  animation: glxr-slide-in .18s ease both;
}
@keyframes glxr-slide-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
.glxr-settings-panel label { display: block; min-width: 0; }
.glxr-settings-panel label > span { display: block; margin-bottom: 6px; color: #788da0; font-size: 8px; font-weight: 830; letter-spacing: .08em; text-transform: uppercase; }
.glxr-settings-panel input {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  outline: 0;
  color: #dce8f1;
  background: rgba(255,255,255,.025);
  font-size: 10px;
}
.glxr-settings-panel input:focus { border-color: rgba(98,207,244,.42); box-shadow: 0 0 0 3px rgba(98,207,244,.06); }
.glxr-settings-panel label:first-child div { position: relative; }
.glxr-settings-panel label:first-child b { position: absolute; right: 10px; top: 10px; color: #7d92a5; font-size: 10px; }
.glxr-settings-panel label:first-child input { padding-right: 28px; }
.glxr-refund-setting { grid-column: 1 / -1; }
.glxr-asset-box {
  position: relative;
  padding: 16px;
  border: 1px solid rgba(124, 148, 181, .14);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.024), rgba(255,255,255,.008));
  transition: border-color .18s ease, background .18s ease;
}
.glxr-asset-box:focus-within { border-color: rgba(98,207,244,.33); background: linear-gradient(145deg, rgba(98,207,244,.035), rgba(255,255,255,.009)); }
.glxr-box-label { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 21px; }
.glxr-box-label > span:first-child { color: #7f93a6; font-size: 9px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.glxr-box-label button { padding: 0; border: 0; color: #7ecff0; background: none; cursor: pointer; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.glxr-box-label button:disabled { color: #44586a; cursor: default; }
.glxr-amount-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-top: 10px; }
.glxr-amount-row > input,
.glxr-output {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #f5f9fd;
  background: transparent;
  font-size: clamp(29px, 3vw, 40px);
  font-weight: 690;
  line-height: 1.2;
  letter-spacing: -.045em;
}
.glxr-amount-row > input::placeholder { color: #405568; }
.glxr-token-control,
.glxr-locked-token {
  display: grid;
  grid-template-columns: 37px minmax(0, 1fr) 14px;
  gap: 10px;
  align-items: center;
  min-width: 174px;
  min-height: 55px;
  padding: 7px 10px;
  border: 1px solid rgba(98,207,244,.16);
  border-radius: 14px;
  color: var(--glxr-text);
  background: rgba(3,10,19,.62);
  text-align: left;
}
.glxr-token-control { cursor: pointer; transition: border-color .18s ease, transform .18s ease; }
.glxr-token-control:hover:not(:disabled) { transform: translateY(-1px); border-color: rgba(98,207,244,.42); }
.glxr-token-control:disabled { opacity: .66; cursor: default; }
/* Initial ETH is intentionally non-interactive while the chain catalogue boots,
   but its eager local artwork should look fully loaded from the first frame. */
.glxr-token-control.glxr-initial-eth-bootstrap:disabled,
.glxr-token-control.glxr-initial-xen-bootstrap:disabled { opacity: 1; }
.glxr-token-icon,
.glxr-chain-icon,
.glxr-picker-icon,
.glxr-axen-icon,
.glxr-avalanche-icon {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  color: #dff5ff;
  background: linear-gradient(135deg, rgba(98,207,244,.17), rgba(149,111,233,.15));
  font-size: 10px;
  font-weight: 900;
}
.glxr-token-icon { width: 37px; height: 37px; }
.glxr-token-icon img,
.glxr-chain-icon img,
.glxr-picker-icon img { display: block; width: 100%; height: 100%; object-fit: contain; background: rgba(255,255,255,.025); }
.glxr-token-icon.is-loading,
.glxr-chain-icon.is-loading {
  position: relative;
  color: transparent;
  border-color: rgba(98,207,244,.13);
  background: rgba(255,255,255,.018);
}
.glxr-token-icon.is-loading::before,
.glxr-chain-icon.is-loading::before {
  content: "";
  width: 44%;
  height: 44%;
  border: 1.5px solid rgba(98,207,244,.18);
  border-top-color: rgba(118,222,255,.82);
  border-radius: 50%;
  animation: glxr-spin .9s linear infinite;
}
.glxr-token-icon.is-error,
.glxr-chain-icon.is-error {
  color: #8fa4b5;
  border-color: rgba(255,255,255,.07);
  background: rgba(255,255,255,.018);
  font-size: 9px;
}
.glxr-token-control strong,
.glxr-locked-token strong { display: block; color: #eff7fc; font-size: 12px; font-weight: 870; }
.glxr-token-control small,
.glxr-locked-token small { display: block; max-width: 105px; margin-top: 3px; overflow: hidden; color: #74899d; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.glxr-token-control > svg,
.glxr-locked-token > svg { width: 14px; height: 14px; fill: none; stroke: #6f8497; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.glxr-chain-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.045); }
.glxr-chain-control,
.glxr-destination-chain { display: inline-grid; grid-template-columns: 30px minmax(0, 1fr) 12px; gap: 9px; align-items: center; min-width: 0; padding: 0; border: 0; background: transparent; text-align: left; }
.glxr-chain-control { cursor: pointer; }
.glxr-chain-control:disabled { cursor: default; }
.glxr-chain-icon,
.glxr-avalanche-icon { width: 30px; height: 30px; }
.glxr-chain-control small,
.glxr-destination-chain small { display: block; color: #5f7386; font-size: 7.5px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.glxr-chain-control strong,
.glxr-destination-chain strong { display: block; max-width: 230px; margin-top: 3px; overflow: hidden; color: #aebdca; font-size: 10px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.glxr-chain-control > svg { width: 12px; height: 12px; fill: none; stroke: #617589; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.glxr-balance { color: #687d90; font-size: 8.7px; text-align: right; }
.glxr-route-divider { position: relative; display: grid; height: 20px; place-items: center; z-index: 2; }
.glxr-route-divider span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border: 4px solid #07111f;
  border-radius: 12px;
  color: #91dff8;
  background: linear-gradient(145deg, #13283b, #0b1828);
  box-shadow: 0 0 0 1px rgba(98,207,244,.17), 0 7px 18px rgba(0,0,0,.24);
}
.glxr-route-divider svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.glxr-receive-box { background: linear-gradient(145deg, rgba(112,137,223,.035), rgba(149,111,233,.025)); }
.glxr-verified { display: inline-flex; align-items: center; gap: 5px; color: #75dca9; font-size: 7.8px; font-weight: 850; letter-spacing: .065em; text-transform: uppercase; }
.glxr-verified svg { width: 13px; height: 13px; fill: currentColor; }
.glxr-output { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.glxr-locked-token { cursor: default; }
.glxr-axen-icon { width: 37px; height: 37px; border-color: rgba(149,111,233,.32); background: linear-gradient(145deg, rgba(98,207,244,.19), rgba(149,111,233,.3)), #07101d; font-size: 9px; }
.glxr-locked-token > svg { stroke: #687e91; }
.glxr-destination-chain { grid-template-columns: 30px minmax(0, 1fr); }
.glxr-avalanche-icon { color: white; border-color: rgba(232,65,66,.32); background: linear-gradient(145deg, #f05a5b, #d93637); }
.glxr-avalanche-icon svg { width: 19px; height: 19px; fill: currentColor; }
.glxr-chain-row > a { color: #788dbf; font-size: 8.5px; font-weight: 810; text-transform: uppercase; }
.glxr-impact-alert {
  margin-top: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(243,196,107,.30);
  border-radius: 14px;
  background: rgba(243,196,107,.055);
}
.glxr-impact-alert.is-critical { border-color: rgba(255,123,141,.42); background: rgba(255,123,141,.07); }
.glxr-impact-alert strong { display: block; color: #f3d79a; font-size: 10.5px; }
.glxr-impact-alert.is-critical strong { color: #ffb0bb; }
.glxr-impact-alert p { margin: 5px 0 0; color: #b8a88a; font-size: 9px; line-height: 1.55; }
.glxr-impact-alert.is-critical p { color: #c99aa2; }
.glxr-impact-alert label { display: flex; align-items: flex-start; gap: 9px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.07); color: #d9b7bd; font-size: 9px; line-height: 1.45; cursor: pointer; }
.glxr-impact-alert input { width: 15px; height: 15px; flex: 0 0 15px; accent-color: #e48391; }
.glxr-route-summary {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(114, 141, 182, .15);
  border-radius: 15px;
  background: rgba(1,7,14,.38);
}
.glxr-summary-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.glxr-summary-head strong { color: #dbe8f1; font-size: 10px; }
.glxr-summary-head span { color: #66dca7; font-size: 8px; font-weight: 800; }
.glxr-summary-head span.is-stale { color: var(--glxr-amber); }
.glxr-route-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 18px; margin: 0; }
.glxr-route-summary dl div { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.04); }
.glxr-route-summary dt { color: #687d91; font-size: 8.5px; }
.glxr-route-summary dd { margin: 0; color: #c9d6e0; font-size: 8.8px; font-weight: 760; text-align: right; }
.glxr-route-details-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 6px; padding: 10px 0 0; border: 0; border-top: 1px solid rgba(255,255,255,.055); color: #8197ad; background: transparent; cursor: pointer; font-size: 8.5px; font-weight: 780; }
.glxr-step-list { display: grid; gap: 7px; margin-top: 10px; }
.glxr-step-preview { display: grid; grid-template-columns: 25px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 9px; border: 1px solid rgba(255,255,255,.045); border-radius: 10px; background: rgba(255,255,255,.014); }
.glxr-step-preview > span { color: #6a80b4; font-family: ui-monospace, monospace; font-size: 8px; }
.glxr-step-preview strong { display: block; color: #b9c7d3; font-size: 8.8px; }
.glxr-step-preview small { display: block; margin-top: 3px; color: #5f7386; font-size: 7.5px; line-height: 1.4; }
.glxr-step-preview em { color: #677c90; font-size: 7px; font-style: normal; text-transform: uppercase; }
.glxr-empty { margin: 0; color: #6c8295; font-size: 8.5px; line-height: 1.5; }
.glxr-keys-line { display: block; white-space: nowrap; }
.glxr-status { margin-top: 12px; padding: 11px 12px; border: 1px solid var(--glxr-line); border-radius: 12px; color: #a9bac8; background: rgba(255,255,255,.02); font-size: 9px; line-height: 1.5; }
.glxr-status.is-success { border-color: rgba(85,231,170,.25); color: #a5dfc2; background: rgba(85,231,170,.045); }
.glxr-status.is-warning { border-color: rgba(243,196,107,.28); color: #cfb77f; background: rgba(243,196,107,.045); }
.glxr-status.is-error { border-color: rgba(255,123,141,.3); color: #d9a2aa; background: rgba(255,123,141,.055); }
.glxr-primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  min-height: 55px;
  margin-top: 13px;
  overflow: hidden;
  border: 1px solid rgba(117, 213, 247, .55);
  border-radius: 15px;
  color: #04101a;
  background: linear-gradient(115deg, #64cdf1, #7f96e6 58%, #a378e8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 13px 33px rgba(56,124,167,.16);
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}
.glxr-primary::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.3) 48%, transparent 70%); transform: translateX(-120%); transition: transform .7s ease; }
.glxr-primary:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.06); }
.glxr-primary:hover:not(:disabled)::before { transform: translateX(120%); }
.glxr-primary:disabled { cursor: default; opacity: .42; filter: saturate(.5); box-shadow: none; }
.glxr-primary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.glxr-legal-line { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 11px; color: #566a7d; font-size: 7.4px; line-height: 1.4; }
.glxr-legal-line span:first-child { display: inline-flex; align-items: center; gap: 5px; color: #698a7c; white-space: nowrap; }
.glxr-legal-line svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.glxr-progress-section {
  margin: 0 18px 72px;
  padding: 24px;
  border: 1px solid rgba(112, 142, 187, .18);
  border-radius: 22px;
  background: linear-gradient(150deg, rgba(10,23,40,.86), rgba(4,11,21,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.glxr-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.06); }
.glxr-progress-head span { color: #6f83a9; font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.glxr-progress-head strong { display: block; margin-top: 6px; color: #e1ebf2; font-size: 15px; }
.glxr-progress-head > span { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.glxr-progress-list { display: grid; gap: 9px; margin-top: 16px; }
.glxr-progress-item { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 65px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.055); border-radius: 13px; background: rgba(255,255,255,.014); }
.glxr-progress-index { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(112,137,223,.22); border-radius: 12px; color: #778bc3; background: rgba(112,137,223,.05); font-family: ui-monospace, monospace; font-size: 9px; font-weight: 850; }
.glxr-progress-item strong { display: block; color: #b7c6d2; font-size: 10px; }
.glxr-progress-item small { display: block; margin-top: 4px; color: #64798d; font-size: 8px; line-height: 1.45; }
.glxr-progress-item em { color: #60758a; font-size: 7.5px; font-style: normal; letter-spacing: .07em; text-transform: uppercase; }
.glxr-progress-item.is-active { border-color: rgba(98,207,244,.25); background: rgba(98,207,244,.03); }
.glxr-progress-item.is-active .glxr-progress-index { color: #bdefff; border-color: rgba(98,207,244,.42); box-shadow: 0 0 18px rgba(98,207,244,.08); animation: glxr-pulse 1.7s ease-in-out infinite; }
.glxr-progress-item.is-active em { color: #77c9e8; }
.glxr-progress-item.is-complete { border-color: rgba(85,231,170,.14); }
.glxr-progress-item.is-complete .glxr-progress-index { color: #9ce5c2; border-color: rgba(85,231,170,.3); background: rgba(85,231,170,.055); }
.glxr-progress-item.is-complete em { color: #69b590; }
@keyframes glxr-pulse { 50% { box-shadow: 0 0 28px rgba(98,207,244,.19); } }
.glxr-completion { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 15px; align-items: start; margin-top: 16px; padding: 16px; border: 1px solid rgba(85,231,170,.24); border-radius: 15px; background: rgba(85,231,170,.045); }
.glxr-completion-icon { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(85,231,170,.34); border-radius: 50%; color: #adf0d0; background: rgba(85,231,170,.07); font-size: 20px; }
.glxr-completion strong { color: #cdeedd; font-size: 12px; }
.glxr-completion p { margin: 5px 0 0; color: #82a796; font-size: 9px; line-height: 1.55; }
.glxr-completion nav { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.glxr-completion nav a,
.glxr-completion nav span { padding: 7px 9px; border: 1px solid rgba(85,231,170,.13); border-radius: 8px; color: #88c4aa; background: rgba(0,0,0,.13); font-size: 7.5px; }
.glxr-trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin: 0 18px 86px; }
.glxr-trust-strip > div { min-height: 170px; padding: 19px; border: 1px solid rgba(112,142,187,.12); border-radius: 17px; background: rgba(7,16,29,.53); }
.glxr-trust-strip span { color: #6d7fb1; font-family: ui-monospace, monospace; font-size: 8px; }
.glxr-trust-strip strong { display: block; margin-top: 25px; color: #d7e2eb; font-size: 13px; }
.glxr-trust-strip p { margin: 9px 0 0; color: #71869a; font-size: 9.5px; line-height: 1.65; }
.glxr-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 96px; padding: 24px 18px 36px; border-top: 1px solid rgba(112,142,187,.12); }
.glxr-footer strong { display: block; color: #c6d2dc; font-size: 10px; }
.glxr-footer span { display: block; margin-top: 4px; color: #607487; font-size: 8.5px; }
.glxr-footer nav { display: flex; flex-wrap: wrap; gap: 9px; }
.glxr-footer a { padding: 9px 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; color: #879aad; font-size: 8.5px; }
.glxr-picker {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  display: grid;
  place-items: center;
  padding: 16px;
}
.glxr-picker-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0,4,10,.82); backdrop-filter: blur(12px); cursor: default; overscroll-behavior: none; touch-action: none; }
.glxr-picker > section {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  max-height: min(720px, calc(100dvh - 32px));
  padding: 17px;
  overflow: hidden;
  border: 1px solid rgba(117, 151, 198, .28);
  border-radius: 22px;
  background: linear-gradient(155deg, rgba(10,23,40,.99), rgba(4,11,21,.995));
  box-shadow: 0 36px 120px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
  animation: glxr-picker-in .2s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes glxr-picker-in { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
.glxr-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 2px 2px 14px; }
.glxr-picker-head span { display: block; color: #6f83aa; font-size: 7.5px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.glxr-picker-head strong { display: block; margin-top: 5px; color: #e3edf4; font-size: 15px; }
.glxr-picker-head button { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: #8ba0b3; background: rgba(255,255,255,.02); cursor: pointer; font-size: 21px; line-height: 1; }
.glxr-picker-search { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 9px; align-items: center; height: 45px; padding: 0 12px; border: 1px solid rgba(98,207,244,.15); border-radius: 12px; background: rgba(0,0,0,.2); }
.glxr-picker-search svg { width: 16px; height: 16px; fill: none; stroke: #667b8f; stroke-width: 1.6; stroke-linecap: round; }
.glxr-picker-search input { min-width: 0; border: 0; outline: 0; color: #d8e5ee; background: transparent; font-size: 10px; }
.glxr-picker-list { display: grid; gap: 7px; max-height: 540px; margin-top: 12px; padding-right: 3px; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
.glxr-picker-list::-webkit-scrollbar { width: 5px; }
.glxr-picker-list::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(112,137,223,.22); }
.glxr-picker-item { display: grid; grid-template-columns: 41px minmax(0,1fr) auto; gap: 11px; align-items: center; min-height: 64px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 13px; color: inherit; background: rgba(255,255,255,.014); cursor: pointer; text-align: left; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.glxr-picker-item:hover { transform: translateY(-1px); border-color: rgba(98,207,244,.27); background: rgba(98,207,244,.03); }
.glxr-picker-item.is-selected { border-color: rgba(85,231,170,.2); background: rgba(85,231,170,.025); }
.glxr-picker-icon { width: 41px; height: 41px; }
.glxr-picker-item strong { display: block; color: #d5e1e9; font-size: 10.5px; }
.glxr-picker-item small { display: block; margin-top: 4px; color: #687e91; font-size: 8px; }
.glxr-picker-item em { color: #64798d; font-size: 7.5px; font-style: normal; text-transform: uppercase; }
.glxr-picker-item.is-selected em { color: #6fbd99; }
.glxr-picker-empty { margin: 0; padding: 25px; color: #6c8295; text-align: center; font-size: 9px; }
.is-busy .glxr-primary svg { animation: glxr-spin 1s linear infinite; }
@keyframes glxr-spin { to { transform: rotate(360deg); } }

/* Direct wallet route and readability pass — beta 4 */
.glxr-direct-route {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 11px 13px;
  border: 1px solid rgba(85,231,170,.15);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(85,231,170,.045), rgba(98,207,244,.035)), rgba(0,0,0,.18);
}
.glxr-direct-route-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(98,207,244,.22);
  border-radius: 11px;
  color: #bcefff;
  background: rgba(98,207,244,.055);
}
.glxr-direct-route-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.glxr-direct-route strong { display: block; color: #dceaf2; font-size: 12px; font-weight: 850; }
.glxr-direct-route small { display: block; margin-top: 4px; color: #758b9e; font-size: 9.5px; line-height: 1.4; }
.glxr-direct-route em { color: #72e2ad; font-size: 8.5px; font-style: normal; font-weight: 900; letter-spacing: .12em; }

.glxr-brand-copy strong { font-size: 14px; }
.glxr-brand-copy small { font-size: 10.5px; }
.glxr-relay-badge { font-size: 10.5px; }
.glxr-wallet-button { font-size: 12px; }
.glxr-kicker { font-size: 10.5px; }
.glxr-intro-points span { font-size: 13px; }
.glxr-origin-route { font-size: 10px; }
.glxr-origin-route b { font-size: 9.5px; }
.glxr-terminal-eyebrow { font-size: 9.5px; }
.glxr-terminal-head strong { font-size: 20px; }
.glxr-settings-button > span { font-size: 9.5px; }
.glxr-settings-panel label > span { font-size: 9.5px; }
.glxr-settings-panel input { font-size: 11.5px; }
.glxr-box-label > span:first-child, .glxr-box-label button { font-size: 10.5px; }
.glxr-token-control strong, .glxr-chain-control strong { font-size: 11.5px; }
.glxr-token-control small, .glxr-chain-control small { font-size: 9.5px; }
.glxr-locked-token strong { font-size: 13px; }
.glxr-locked-token small { font-size: 9.5px; }
.glxr-destination-chain small { font-size: 9px; }
.glxr-destination-chain strong { font-size: 11.5px; }
.glxr-balance { font-size: 10px; }
.glxr-verified { font-size: 9px; }
.glxr-chain-row > a { font-size: 9.5px; }
.glxr-impact-alert strong { font-size: 12px; }
.glxr-impact-alert p, .glxr-impact-alert label { font-size: 10.5px; }
.glxr-summary-head strong { font-size: 11.5px; }
.glxr-summary-head span { font-size: 9.5px; }
.glxr-route-summary dt, .glxr-route-summary dd, .glxr-route-details-toggle { font-size: 10px; }
.glxr-step-preview strong { font-size: 10px; }
.glxr-step-preview small { font-size: 9px; }
.glxr-status { font-size: 10.5px; }
.glxr-legal-line { font-size: 9px; }
.glxr-trust-strip strong { font-size: 15px; }
.glxr-trust-strip p { font-size: 11px; }
.glxr-footer strong { font-size: 12px; }
.glxr-footer span, .glxr-footer a { font-size: 10px; }
.glxr-picker-head span { font-size: 9px; }
.glxr-picker-search input { font-size: 11.5px; }
.glxr-picker-item strong { font-size: 12px; }
.glxr-picker-item small { font-size: 9.5px; }
.glxr-picker-item em { font-size: 8.5px; }
.glxr-avalanche-icon { overflow: hidden; padding: 0; border: 0; background: transparent; }
.glxr-avalanche-icon svg { display: block; width: 100%; height: 100%; }

@media (max-width: 1180px) {
  .glxr-hero { grid-template-columns: minmax(0,.8fr) minmax(520px,1fr); gap: 45px; padding-inline: 0; }
  .glxr-intro { padding-left: 10px; }
  .glxr-intro h1 strong { font-size: clamp(48px, 5.7vw, 72px); }
}
@media (max-width: 960px) {
  .glxr-shell { width: min(100% - 28px, 760px); }
  .glxr-header { min-height: 76px; }
  .glxr-relay-badge { display: none; }
  .glxr-hero { grid-template-columns: 1fr; min-height: 0; gap: 46px; padding: 64px 0 66px; }
  .glxr-intro { max-width: 720px; padding: 0 8px; text-align: center; }
  .glxr-intro h1 strong { max-width: none; }
  .glxr-intro > p { margin-inline: auto; }
  .glxr-kicker { margin-inline: auto; }
  .glxr-intro-points { width: max-content; max-width: 100%; margin-inline: auto; text-align: left; }
  .glxr-origin-route { margin-inline: auto; }
  .glxr-terminal { max-width: 680px; }
  .glxr-progress-section,
  .glxr-trust-strip { margin-inline: 0; }
}
@media (max-width: 680px) {
  .glxr-direct-route { grid-template-columns: 34px minmax(0,1fr); padding: 10px; }
  .glxr-direct-route-icon { width: 32px; height: 32px; }
  .glxr-direct-route em { display: none; }
  .glxr-direct-route strong { font-size: 11px; }
  .glxr-direct-route small { font-size: 9px; }

  .glxr-shell { width: min(100% - 16px, 620px); }
  .glxr-header { margin-top: 8px; padding: 9px; border-radius: 16px; }
  .glxr-brand-mark { width: 43px; height: 43px; flex-basis: 43px; }
  .glxr-brand-copy strong { font-size: 11px; letter-spacing: .11em; }
  .glxr-brand-copy small { font-size: 9px; }
  .glxr-wallet-button { min-width: 116px; min-height: 42px; max-width: 170px; padding-inline: 10px; font-size: 10.5px; }
  .glxr-hero { padding-top: 50px; }
  .glxr-kicker { max-width: 100%; font-size: 9px; letter-spacing: .11em; text-align: left; }
  .glxr-intro h1 span { font-size: 22px; }
  .glxr-intro h1 strong { font-size: clamp(45px, 14vw, 64px); line-height: .94; }
  .glxr-intro > p { font-size: 15px; }
  .glxr-origin-route { display: none; }
  .glxr-terminal { padding: 14px; border-radius: 21px; }
  .glxr-terminal-head { padding: 3px 2px 14px; }
  .glxr-terminal-head strong { font-size: 17px; }
  .glxr-settings-button > span { display: none; }
  .glxr-settings-button { width: 40px; padding: 0; }
  .glxr-settings-panel { grid-template-columns: 1fr; }
  .glxr-refund-setting { grid-column: auto; }
  .glxr-asset-box { padding: 14px; }
  .glxr-amount-row { grid-template-columns: minmax(0,1fr) 157px; gap: 8px; }
  .glxr-amount-row > input,
  .glxr-output { font-size: 29px; }
  .glxr-token-control,
  .glxr-locked-token { min-width: 0; grid-template-columns: 34px minmax(0,1fr) 12px; gap: 8px; padding-inline: 8px; }
  .glxr-token-icon,
  .glxr-axen-icon { width: 34px; height: 34px; }
  .glxr-token-control small,
  .glxr-locked-token small { max-width: 72px; }
  .glxr-chain-row { align-items: flex-start; }
  .glxr-balance { max-width: 130px; line-height: 1.4; }
  .glxr-route-summary dl { grid-template-columns: 1fr; }
  .glxr-legal-line { align-items: flex-start; flex-direction: column; gap: 5px; }
  .glxr-progress-section { padding: 16px; border-radius: 18px; }
  .glxr-progress-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .glxr-progress-item { grid-template-columns: 34px minmax(0,1fr); }
  .glxr-progress-item em { display: none; }
  .glxr-progress-index { width: 34px; height: 34px; }
  .glxr-trust-strip { grid-template-columns: 1fr; margin-bottom: 58px; }
  .glxr-trust-strip > div { min-height: 0; }
  .glxr-footer { align-items: flex-start; flex-direction: column; }
  .glxr-picker { padding: 8px; align-items: end; }
  .glxr-picker > section { width: 100%; max-height: min(82dvh, 720px); border-radius: 20px 20px 12px 12px; }
}
@media (max-width: 430px) {
  .glxr-brand-copy small { display: none; }
  .glxr-wallet-button { min-width: 102px; }
  .glxr-mode-tabs button { padding-inline: 9px; }
  .glxr-mode-tabs button small { font-size: 7px; }
  .glxr-amount-row { grid-template-columns: minmax(0,1fr) 145px; }
  .glxr-token-control strong,
  .glxr-locked-token strong { font-size: 10.5px; }
  .glxr-chain-row > a { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .glider-xen-router-root *,
  .glider-xen-router-root *::before,
  .glider-xen-router-root *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .glxr-network { display: none; }
}

/* Beta 3: large Relay lists stay responsive while search retains full access. */
.glxr-picker-limit {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 0 8px;
  padding: 9px 11px;
  border: 1px solid rgba(89, 200, 245, .12);
  border-radius: 10px;
  color: #8fa5b8;
  background: rgba(4, 12, 22, .96);
  font-size: 9px;
  line-height: 1.45;
}


/* Beta 5 — automatic quotes, full Relay token search and compact route review. */
body.glxr-route-open { overflow: hidden; }
.glxr-route-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483601;
  display: grid;
  place-items: center;
  padding: 18px;
}
.glxr-route-modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(0,4,10,.84);
  backdrop-filter: blur(12px);
  cursor: default;
}
.glxr-route-modal > section {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: min(760px, calc(100dvh - 36px));
  padding: 20px;
  overflow: auto;
  border: 1px solid rgba(117,151,198,.30);
  border-radius: 22px;
  color: var(--glxr-text);
  background: linear-gradient(155deg, rgba(10,23,40,.995), rgba(4,11,21,.998));
  box-shadow: 0 38px 130px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.055);
  animation: glxr-picker-in .2s cubic-bezier(.2,.8,.2,1) both;
}
.glxr-route-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.glxr-route-modal-head span {
  display: block;
  color: #778cb6;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.glxr-route-modal-head strong {
  display: block;
  margin-top: 5px;
  color: #edf5fa;
  font-size: 19px;
}
.glxr-route-modal-head button {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  color: #9aafc0;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.glxr-route-modal > section > p {
  margin: 13px 0 0;
  color: #8fa3b5;
  font-size: 12px;
  line-height: 1.6;
}
.glxr-route-modal .glxr-step-list { margin-top: 16px; }
.glxr-route-modal .glxr-step-preview {
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 12px;
  min-height: 68px;
  padding: 12px;
  border-radius: 13px;
}
.glxr-route-modal .glxr-step-preview > span { font-size: 10px; }
.glxr-route-modal .glxr-step-preview strong { font-size: 12px; line-height: 1.35; }
.glxr-route-modal .glxr-step-preview small { font-size: 10.5px; line-height: 1.5; }
.glxr-route-modal .glxr-step-preview em { font-size: 9px; }

.glxr-picker-feedback {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: 0 0 8px;
  padding: 10px 11px;
  border: 1px solid rgba(98,207,244,.12);
  border-radius: 10px;
  color: #93a8b9;
  background: rgba(4,12,22,.97);
  font-size: 10.5px;
  line-height: 1.5;
}
.glxr-picker-feedback.is-loading { color: #a9dff1; }
.glxr-picker-feedback.is-error { color: #d8a1aa; border-color: rgba(255,123,141,.24); }
.glxr-picker-empty { font-size: 11px; line-height: 1.55; }
.glxr-picker-limit { font-size: 10.5px; }

/* Desktop readability without expanding the terminal unnecessarily. */
.glxr-terminal-eyebrow { font-size: 10.5px; }
.glxr-direct-route strong { font-size: 13px; }
.glxr-direct-route small { font-size: 10.5px; }
.glxr-direct-route em { font-size: 9.5px; }
.glxr-settings-button > span { font-size: 10px; }
.glxr-settings-panel label > span { font-size: 10.5px; }
.glxr-settings-panel input { font-size: 12.5px; }
.glxr-box-label > span:first-child,
.glxr-box-label button { font-size: 11px; }
.glxr-token-control strong,
.glxr-chain-control strong { font-size: 12.5px; }
.glxr-token-control small,
.glxr-chain-control small { font-size: 10.5px; }
.glxr-locked-token strong { font-size: 13.5px; }
.glxr-locked-token small { max-width: 150px; font-size: 10px; }
.glxr-destination-chain small { font-size: 9.5px; }
.glxr-destination-chain strong { font-size: 12px; }
.glxr-balance { max-width: 220px; color: #8297a9; font-size: 11.5px; line-height: 1.4; }
.glxr-verified { font-size: 9.8px; }
.glxr-chain-row > a { font-size: 10px; }
.glxr-impact-alert strong { font-size: 12.5px; }
.glxr-impact-alert p,
.glxr-impact-alert label { font-size: 11px; }
.glxr-summary-head strong { font-size: 12.5px; }
.glxr-summary-head span { font-size: 10.5px; }
.glxr-route-summary dt { font-size: 10.5px; }
.glxr-route-summary dd { font-size: 11.5px; }
.glxr-route-details-toggle { font-size: 11px; }
.glxr-status { font-size: 11.5px; }
.glxr-legal-line { font-size: 9.8px; }
.glxr-picker-head span { font-size: 10px; }
.glxr-picker-head strong { font-size: 17px; }
.glxr-picker-search input { font-size: 12.5px; }
.glxr-picker-search input::placeholder { color: #667c90; opacity: 1; }
.glxr-picker-item strong { font-size: 13px; }
.glxr-picker-item small { font-size: 10.5px; line-height: 1.45; }
.glxr-picker-item em { font-size: 9.5px; }
.glxr-trust-strip p { font-size: 11.5px; }
.glxr-footer span,
.glxr-footer a { font-size: 10.5px; }

.is-quoting .glxr-output {
  color: #9bcfe2;
  font-size: clamp(18px, 2vw, 25px);
  letter-spacing: -.02em;
}

@media (max-width: 680px) {
  .glxr-route-modal { padding: 8px; align-items: end; }
  .glxr-route-modal > section { width: 100%; max-height: min(84dvh, 760px); padding: 16px; border-radius: 20px 20px 12px 12px; }
  .glxr-route-modal .glxr-step-preview { grid-template-columns: 31px minmax(0,1fr); }
  .glxr-route-modal .glxr-step-preview em { display: none; }
  .glxr-balance { max-width: 150px; font-size: 10.5px; }
  .glxr-token-control small,
  .glxr-locked-token small { max-width: 86px; }
}

/* Beta 5 final readability calibration. */
.glxr-direct-route small { font-size: 11.5px; line-height: 1.45; }
.glxr-settings-panel label > span { font-size: 11px; }
.glxr-token-control small,
.glxr-chain-control small { font-size: 11px; line-height: 1.4; }
.glxr-balance { font-size: 12px; }
.glxr-locked-token small { font-size: 10.8px; line-height: 1.4; }
.glxr-destination-chain small { font-size: 10.2px; }
.glxr-route-summary dt { font-size: 11px; }
.glxr-route-summary dd { font-size: 12px; }
.glxr-route-details-toggle { font-size: 11.5px; }
.glxr-status { font-size: 12px; line-height: 1.55; }
.glxr-legal-line { font-size: 10.5px; }
.glxr-picker-item small { font-size: 11px; }
.glxr-picker-feedback,
.glxr-picker-limit { font-size: 11px; }
.glxr-route-modal > section > p { font-size: 12.5px; }
.glxr-route-modal .glxr-step-preview strong { font-size: 12.5px; }
.glxr-route-modal .glxr-step-preview small { font-size: 11.2px; }
.glxr-trust-strip p { font-size: 12px; }
.glxr-footer span,
.glxr-footer a { font-size: 11.5px; }
@media (max-width: 680px) {
  .glxr-balance { font-size: 11px; }
  .glxr-footer span,
  .glxr-footer a { font-size: 11px; }
}


/* Beta 6 — network-synchronised, fixed-layout, high-trust interface. */
@media (min-width: 1101px) {
  .glxr-hero {
    align-items: start;
    min-height: 860px;
    padding-top: 74px;
  }
  .glxr-intro {
    align-self: start;
    padding-top: 150px;
  }
  .glxr-terminal {
    align-self: start;
  }
}

.glxr-terminal {
  border-color: rgba(104, 172, 218, .34);
  background:
    linear-gradient(180deg, rgba(14, 29, 49, .97), rgba(5, 14, 26, .985)),
    #06101d;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .065),
    0 0 0 1px rgba(45, 102, 139, .08);
}
.glxr-terminal-head strong { font-size: 19px; font-weight: 900; }
.glxr-terminal-eyebrow { color: #8ca4b8; font-size: 11px; font-weight: 900; }
.glxr-direct-route {
  border-color: rgba(69, 206, 162, .24);
  background: linear-gradient(135deg, rgba(42, 127, 122, .10), rgba(11, 28, 43, .78));
}
.glxr-direct-route strong { color: #e7f4fa; font-size: 14px; font-weight: 900; }
.glxr-direct-route small { color: #91a8ba; font-size: 11.5px; font-weight: 620; }
.glxr-direct-route em { font-size: 10.5px; font-weight: 900; }
.glxr-settings-button { min-height: 44px; border-color: rgba(114, 158, 209, .30); }
.glxr-settings-button > span { font-size: 11px; font-weight: 900; }
.glxr-settings-panel label > span { color: #98adbe; font-size: 11px; font-weight: 880; }
.glxr-settings-panel input { min-height: 43px; color: #e5eef5; font-size: 13.5px; font-weight: 650; }
.glxr-asset-box { border-color: rgba(104, 158, 203, .22); background: rgba(7, 18, 32, .76); }
.glxr-box-label > span:first-child,
.glxr-box-label button { color: #9cb0c1; font-size: 11.5px; font-weight: 900; }
.glxr-amount-row > input { font-weight: 820; }
.glxr-amount-row > input::placeholder { color: #61778a; opacity: 1; }
.glxr-token-control,
.glxr-chain-control,
.glxr-locked-token { border-color: rgba(95, 157, 199, .25); background: rgba(3, 12, 22, .72); }
.glxr-token-control strong,
.glxr-chain-control strong,
.glxr-locked-token strong { color: #edf5fa; font-size: 13.5px; font-weight: 900; }
.glxr-token-control small,
.glxr-chain-control small,
.glxr-locked-token small { color: #8298aa; font-size: 11px; font-weight: 600; }
.glxr-balance { max-width: 250px; color: #93a8b9; font-size: 12px; font-weight: 650; }
.glxr-destination-chain small { color: #8298aa; font-size: 10px; font-weight: 850; }
.glxr-destination-chain strong { color: #c7d5df; font-size: 12.5px; font-weight: 800; }
.glxr-verified { font-size: 10.2px; font-weight: 900; }
.glxr-chain-row > a { font-size: 10.5px; font-weight: 900; }
.glxr-impact-alert { padding: 14px 15px; }
.glxr-impact-alert strong { font-size: 13px; font-weight: 900; }
.glxr-impact-alert p,
.glxr-impact-alert label { font-size: 11.5px; }
.glxr-route-summary { padding: 13px 15px; }
.glxr-summary-head { margin-bottom: 5px; }
.glxr-summary-head strong { color: #e5eef5; font-size: 13px; font-weight: 900; }
.glxr-summary-head span { font-size: 10.5px; font-weight: 900; }
.glxr-route-summary dl { gap: 0 22px; }
.glxr-route-summary dl div { padding: 7px 0; }
.glxr-route-summary dt { color: #879caf; font-size: 11px; font-weight: 650; }
.glxr-route-summary dd { color: #d6e0e8; font-size: 11.5px; font-weight: 850; }
.glxr-route-details-toggle { padding-top: 9px; font-size: 11.5px; font-weight: 800; }
.glxr-status { padding: 11px 13px; font-size: 12px; font-weight: 650; }
.glxr-primary { min-height: 58px; font-size: 15px; font-weight: 850; }
.glxr-legal-line { color: #71879a; font-size: 10.5px; font-weight: 620; }
.glxr-intro-points span { color: #a1b3c1; font-size: 12.5px; font-weight: 700; }
.glxr-origin-route b { font-size: 9.5px; font-weight: 900; }
.glxr-trust-strip strong { font-size: 14px; font-weight: 900; }
.glxr-trust-strip p { color: #879bad; font-size: 12px; line-height: 1.6; }
.glxr-footer strong { font-size: 12.5px; }
.glxr-footer span,
.glxr-footer a { font-size: 11.5px; }
.glxr-picker-feedback,
.glxr-picker-limit,
.glxr-picker-empty { font-size: 11.5px; }
.glxr-picker-search input { font-size: 14px; }
.glxr-picker-item { min-height: 66px; }
.glxr-picker-item strong { font-size: 14px; font-weight: 900; }
.glxr-picker-item small { color: #8398aa; font-size: 11.5px; }
.glxr-picker-item em { font-size: 10px; font-weight: 900; }

@media (max-width: 1100px) {
  .glxr-hero { align-items: start; }
  .glxr-intro { padding-top: 0; }
}
@media (max-width: 680px) {
  .glxr-balance { font-size: 11px; }
  .glxr-route-summary dt { font-size: 10.5px; }
  .glxr-route-summary dd { font-size: 11px; }
  .glxr-legal-line { font-size: 10px; }
}

/* =========================================================
   BETA 7 — BIDIRECTIONAL aXEN ROUTES + HARDENED CONTROLS
   ========================================================= */
.glxr-wallet-cluster {
  display: flex;
  align-items: center;
  gap: 9px;
}
.glxr-disconnect-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(130, 158, 187, .24);
  border-radius: 13px;
  color: #a9bdcd;
  background: linear-gradient(180deg, rgba(16, 31, 48, .86), rgba(6, 15, 27, .94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
  transition: border-color .18s ease, color .18s ease, transform .18s ease;
}
.glxr-disconnect-button[hidden] { display: none !important; }
.glxr-disconnect-button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(255, 128, 145, .42);
  color: #ffc0c9;
}
.glxr-disconnect-button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.glxr-route-divider { height: 24px; }
.glxr-route-divider button {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  border: 4px solid #07111f;
  border-radius: 13px;
  color: #a4e8ff;
  background: linear-gradient(145deg, #18334a, #0a1727);
  box-shadow: 0 0 0 1px rgba(98,207,244,.25), 0 9px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
  cursor: pointer;
  transition: transform .24s cubic-bezier(.2,.78,.22,1), border-color .2s ease, box-shadow .2s ease;
}
.glxr-route-divider button:hover:not(:disabled) {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 0 0 1px rgba(114,220,255,.46), 0 11px 28px rgba(0,0,0,.38), 0 0 22px rgba(98,207,244,.12);
}
.glxr-route-divider button.is-reversed { transform: rotate(180deg); }
.glxr-route-divider button.is-reversed:hover:not(:disabled) { transform: rotate(180deg) translateY(1px) scale(1.04); }
.glxr-route-divider button:disabled { opacity: .46; cursor: wait; }
.glxr-route-divider button svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.glxr-amount-row {
  grid-template-columns: minmax(0, 1fr) 184px;
  gap: 16px;
}
.glxr-amount-row > input,
.glxr-output {
  max-width: 100%;
  overflow: hidden;
  font-variant-numeric: tabular-nums lining-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glxr-amount-long .glxr-amount-row > input { font-size: clamp(23px, 2.15vw, 29px); letter-spacing: -.035em; }
.glxr-amount-very-long .glxr-amount-row > input { font-size: clamp(19px, 1.78vw, 23px); letter-spacing: -.025em; }
.glxr-amount-ultra-long .glxr-amount-row > input { font-size: clamp(16px, 1.5vw, 20px); letter-spacing: -.018em; }
.glxr-output.is-long { font-size: clamp(26px, 2.55vw, 34px); }
.glxr-output.is-very-long { font-size: clamp(22px, 2.2vw, 30px); }
.glxr-token-control,
.glxr-locked-token { min-width: 0; width: 184px; }
.glxr-token-control small,
.glxr-locked-token small { max-width: 116px; }

/* The network row is an integrated control, not a second boxed card. */
.glxr-chain-control,
.glxr-destination-chain-control {
  min-height: 38px;
  padding: 3px 4px 3px 0 !important;
  border: 0 !important;
  border-radius: 9px;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.glxr-chain-control:hover:not(:disabled),
.glxr-destination-chain-control:hover:not(:disabled) {
  background: rgba(98,207,244,.035) !important;
}
.glider-xen-router-root[data-direction="out"] .glxr-pay-box .glxr-token-control:disabled,
.glider-xen-router-root[data-direction="out"] .glxr-pay-box .glxr-chain-control:disabled {
  opacity: 1;
  cursor: default;
}
.glxr-destination-token-control[hidden],
.glxr-destination-chain-control[hidden],
.glxr-locked-token[hidden],
.glxr-destination-chain[hidden] { display: none !important; }
.glxr-verified.is-relay { color: #8edaf5; }

.glxr-summary-actions {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.glxr-summary-actions > span { white-space: nowrap; }
.glxr-summary-actions button {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid rgba(103, 176, 220, .24);
  border-radius: 9px;
  color: #a9ddef;
  background: rgba(29, 70, 97, .18);
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
}
.glxr-summary-actions button:hover:not(:disabled) { border-color: rgba(112,214,248,.48); color: #e3f7ff; }
.glxr-summary-actions button:disabled { opacity: .45; cursor: wait; }
.glxr-summary-actions button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.glxr-summary-actions button span { color: inherit; font-size: inherit; font-weight: inherit; }
.is-quoting .glxr-summary-actions button svg { animation: glxr-spin .8s linear infinite; }

.glxr-picker-feedback.is-error {
  color: #ffc0c8;
  background: rgba(255, 123, 141, .055);
}
.glxr-picker-item em { min-width: 54px; text-align: right; }

@media (max-width: 980px) {
  .glxr-header-actions { gap: 8px; }
  .glxr-wallet-cluster { gap: 7px; }
  .glxr-disconnect-button span { display: none; }
  .glxr-disconnect-button { width: 44px; padding: 0; }
}
@media (max-width: 680px) {
  .glxr-amount-row { grid-template-columns: minmax(0, 1fr) 150px; gap: 9px; }
  .glxr-token-control,
  .glxr-locked-token { width: 150px; }
  .glxr-token-control small,
  .glxr-locked-token small { max-width: 86px; }
  .glxr-amount-long .glxr-amount-row > input { font-size: 22px; }
  .glxr-amount-very-long .glxr-amount-row > input { font-size: 18px; }
  .glxr-amount-ultra-long .glxr-amount-row > input { font-size: 16px; }
  .glxr-output.is-long { font-size: 25px; }
  .glxr-output.is-very-long { font-size: 21px; }
  .glxr-summary-actions button span { display: none; }
  .glxr-summary-actions button { width: 32px; padding: 0; }
}

/* =========================================================
   BETA 8 — GLIDER XEN FLAGSHIP / COMPACT ROUTING TERMINAL
   ========================================================= */
.glider-xen-router-root {
  --glxr-panel: rgba(5, 15, 27, .97);
  --glxr-panel-2: rgba(9, 22, 38, .92);
  --glxr-line: rgba(126, 158, 194, .18);
  --glxr-line-strong: rgba(92, 200, 239, .34);
  --glxr-text: #dce7ef;
  --glxr-muted: #93a7b8;
  --glxr-muted-2: #71879a;
}
.glxr-network { opacity: .42; }
.glxr-shell { width: min(1480px, calc(100% - 36px)); }
.glxr-header {
  min-height: 70px;
  margin-top: 14px;
  padding: 9px 12px;
  border-radius: 17px;
  border-color: rgba(111, 146, 185, .18);
  background: rgba(3, 12, 22, .91);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 52px rgba(0,0,0,.18);
}
.glxr-brand { gap: 11px; }
.glxr-brand-mark { width: 42px; height: 42px; flex-basis: 42px; box-shadow: none; }
.glxr-brand-copy strong { font-size: 12.5px; letter-spacing: .14em; }
.glxr-brand-copy small { margin-top: 4px; font-size: 9px; letter-spacing: .12em; }
.glxr-header-actions,
.glxr-wallet-cluster { gap: 7px; }
.glxr-relay-badge {
  min-height: 34px;
  padding: 0 11px;
  font-size: 9px;
  border-color: rgba(114, 151, 187, .16);
  background: rgba(255,255,255,.012);
}
.glxr-relay-badge i { width: 6px; height: 6px; box-shadow: 0 0 9px rgba(85,231,170,.5); }
.glxr-wallet-button {
  min-width: 0;
  min-height: 38px;
  max-width: 220px;
  padding: 0 12px;
  border-radius: 11px;
  font-size: 11px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.glxr-disconnect-button {
  width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 11px;
}
.glxr-disconnect-button span { display: none; }
.glxr-disconnect-button svg { width: 15px; height: 15px; }

.glxr-hero {
  grid-template-columns: minmax(0, 1fr) minmax(500px, 550px);
  gap: clamp(46px, 5vw, 82px);
  align-items: start;
  min-height: 690px;
  padding: 42px 20px 62px;
}
.glxr-intro {
  align-self: start;
  max-width: 700px;
  padding-top: 54px;
  padding-left: clamp(0px, 2vw, 28px);
}
.glxr-kicker {
  margin-bottom: 18px;
  padding: 8px 12px;
  font-size: 9.5px;
  letter-spacing: .145em;
}
.glxr-intro h1 span { font-size: clamp(22px, 1.9vw, 30px); }
.glxr-intro h1 strong {
  max-width: 650px;
  margin-top: 8px;
  font-size: clamp(52px, 5vw, 76px);
  line-height: .94;
}
.glxr-intro > p {
  max-width: 660px;
  margin-top: 22px;
  color: #b2c1cd;
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.62;
}
.glxr-intro-points { gap: 9px; margin-top: 23px; }
.glxr-intro-points span { color: #9db0bf; font-size: 12.5px; font-weight: 720; }
.glxr-intro-points i { width: 16px; height: 16px; }
.glxr-intro-points i::after { margin: 5px; }
/* Neutralise the old Additional CSS pseudo-card when it is still present. */
.glxr-intro-points::after { content: none !important; display: none !important; }
.glxr-system-status {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  max-width: 650px;
  margin-top: 22px;
  padding: 14px 16px;
  border: 1px solid rgba(74, 213, 167, .24);
  border-left: 3px solid #50dcaa;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(10, 36, 43, .76), rgba(6, 18, 31, .94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.glxr-system-status-mark {
  position: relative;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(80, 220, 170, .24);
  border-radius: 9px;
  background: rgba(80, 220, 170, .055);
}
.glxr-system-status-mark::before,
.glxr-system-status-mark::after { content: ""; position: absolute; border-radius: 50%; }
.glxr-system-status-mark::before { width: 8px; height: 8px; background: #55e7aa; box-shadow: 0 0 12px rgba(85,231,170,.58); }
.glxr-system-status-mark::after { width: 18px; height: 18px; border: 1px solid rgba(85,231,170,.18); }
.glxr-system-status strong { display: block; color: #dcebe5; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.glxr-system-status small { display: block; margin-top: 6px; color: #94aeb2; font-size: 12px; font-weight: 620; line-height: 1.55; }
.glxr-origin-route { max-width: 650px; margin-top: 20px; padding: 11px 14px; font-size: 9px; }

.glxr-terminal {
  align-self: start;
  width: 100%;
  max-width: 550px;
  margin-inline: auto;
  padding: 16px;
  border-radius: 21px;
  border-color: rgba(92, 159, 205, .38);
  background: linear-gradient(180deg, rgba(11, 27, 46, .985), rgba(4, 13, 24, .995));
  box-shadow: 0 24px 72px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(48,109,145,.08);
}
.glxr-terminal-head { gap: 14px; padding: 1px 1px 12px; }
.glxr-terminal-eyebrow { color: #8ca2b5; font-size: 9px; letter-spacing: .14em; }
.glxr-terminal-head strong { margin-top: 4px; font-size: 18px; letter-spacing: -.025em; }
.glxr-settings-button {
  min-width: 94px;
  min-height: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  background: rgba(8, 21, 36, .74);
}
.glxr-settings-button > span { font-size: 9px; letter-spacing: .075em; }
.glxr-settings-button svg { width: 15px; height: 15px; }
.glxr-direct-route {
  grid-template-columns: 32px minmax(0,1fr) auto;
  gap: 10px;
  margin-bottom: 10px;
  padding: 9px 11px;
  border-radius: 12px;
  background: rgba(5, 19, 31, .72);
}
.glxr-direct-route-icon { width: 30px; height: 30px; border-radius: 9px; }
.glxr-direct-route-icon svg { width: 15px; height: 15px; }
.glxr-direct-route strong { font-size: 12px; }
.glxr-direct-route small { margin-top: 2px; font-size: 10px; }
.glxr-direct-route em { font-size: 8.5px; letter-spacing: .13em; }
.glxr-settings-panel { margin-bottom: 10px; padding: 11px; border-radius: 12px; }
.glxr-settings-panel input { min-height: 38px; font-size: 12px; }

.glxr-asset-box {
  padding: 12px 13px;
  border-radius: 15px;
  border-color: rgba(95, 151, 191, .24);
  background: rgba(5, 16, 29, .84);
}
.glxr-box-label { min-height: 18px; }
.glxr-box-label > span:first-child,
.glxr-box-label button { font-size: 9.5px; letter-spacing: .085em; }
.glxr-amount-row {
  grid-template-columns: minmax(0,1fr) 168px;
  gap: 12px;
  margin-top: 6px;
}
.glxr-amount-row > input,
.glxr-output {
  min-width: 0;
  font-size: clamp(31px, 2.65vw, 39px);
  font-weight: 840;
  line-height: 1.04;
}
.glxr-amount-long .glxr-amount-row > input { font-size: 27px; }
.glxr-amount-very-long .glxr-amount-row > input { font-size: 23px; }
.glxr-amount-ultra-long .glxr-amount-row > input { font-size: 19px; }
.glxr-output.is-long { font-size: 30px; }
.glxr-output.is-very-long { font-size: 25px; }
.glxr-token-control,
.glxr-locked-token {
  width: 168px;
  min-height: 52px;
  grid-template-columns: 38px minmax(0,1fr) 13px;
  gap: 9px;
  padding: 6px 9px;
  border-radius: 13px;
  border-color: rgba(98, 165, 207, .28);
  background: rgba(2, 10, 19, .82);
}
.glxr-token-control strong,
.glxr-locked-token strong { font-size: 12.5px; }
.glxr-token-control small,
.glxr-locked-token small { max-width: 92px; font-size: 9.5px; }
.glxr-token-icon,
.glxr-chain-icon,
.glxr-picker-icon,
.glxr-axen-icon,
.glxr-avalanche-icon {
  overflow: visible;
  border-color: rgba(119, 147, 178, .18);
  background: rgba(255,255,255,.025);
  box-shadow: none;
}
.glxr-token-icon { width: 38px; height: 38px; }
.glxr-chain-icon { width: 29px; height: 29px; }
.glxr-token-icon img,
.glxr-chain-icon img,
.glxr-picker-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1px;
  object-fit: contain;
  border-radius: 50%;
  background: transparent;
}
.glxr-token-icon.has-image,
.glxr-chain-icon.has-image,
.glxr-token-icon:has(img),
.glxr-chain-icon:has(img),
.glxr-picker-icon:has(img) { border-color: transparent; background: transparent; }
.glxr-token-icon > span,
.glxr-chain-icon > span,
.glxr-picker-icon > span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border: 1px solid rgba(115, 148, 181, .18);
  border-radius: 50%;
  color: #b8c8d4;
  background: linear-gradient(145deg, rgba(62, 107, 145, .30), rgba(38, 45, 88, .42));
  font-size: 10px;
  font-weight: 900;
}
.glxr-chain-row { margin-top: 9px; padding-top: 9px; }
.glxr-chain-control,
.glxr-destination-chain-control { min-height: 34px; }
.glxr-chain-control small,
.glxr-destination-chain small { font-size: 8.5px; }
.glxr-chain-control strong,
.glxr-destination-chain strong { font-size: 11.5px; }
.glxr-balance { max-width: 190px; font-size: 10.5px; }
.glxr-chain-row > a { font-size: 9px; }
.glxr-verified { font-size: 8.8px; letter-spacing: .09em; }
.glxr-route-divider { height: 18px; }
.glxr-route-divider button {
  width: 34px;
  height: 34px;
  border-width: 3px;
  border-radius: 11px;
}
.glxr-route-divider button svg { width: 16px; height: 16px; }

.glxr-impact-alert {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(96, 68, 22, .15);
}
.glxr-impact-alert.is-critical { background: rgba(104, 35, 48, .18); }
.glxr-impact-alert strong { font-size: 11.5px; }
.glxr-impact-alert p,
.glxr-impact-alert label { font-size: 10px; line-height: 1.45; }
.glxr-impact-alert label { margin-top: 8px; padding-top: 8px; }
.glxr-route-summary {
  margin-top: 10px;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(2, 10, 19, .55);
}
.glxr-summary-head { margin-bottom: 2px; }
.glxr-summary-head strong { font-size: 11.5px; }
.glxr-summary-head span { font-size: 9px; }
.glxr-summary-actions button { min-height: 28px; padding: 0 8px; font-size: 9px; }
.glxr-route-summary dl { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 16px; }
.glxr-route-summary dl div { padding: 5px 0; }
.glxr-route-summary dt { font-size: 9.5px; }
.glxr-route-summary dd { font-size: 10px; }
.glxr-route-details-toggle { padding-top: 7px; font-size: 10.5px; }
.glxr-status {
  position: relative;
  margin-top: 9px;
  padding: 10px 12px 10px 34px;
  border-radius: 11px;
  border-color: rgba(105, 148, 185, .23);
  color: #b4c4cf;
  background: rgba(6, 18, 31, .92);
  font-size: 10.5px;
  font-weight: 680;
  line-height: 1.45;
}
.glxr-status::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: .72;
}
.glxr-status.is-success { color: #9fd9bd; background: rgba(18, 67, 52, .20); }
.glxr-status.is-warning { color: #d8bd83; background: rgba(85, 62, 18, .20); }
.glxr-status.is-error { color: #e0aab2; background: rgba(91, 31, 43, .22); }
.glxr-quote-gate {
  margin-top: 9px;
  padding: 0 3px;
  color: #73899b;
  font-size: 9.5px;
  font-weight: 620;
  line-height: 1.45;
}
.glxr-primary {
  min-height: 50px;
  margin-top: 9px;
  border-radius: 13px;
  font-size: 13.5px;
  font-weight: 850;
  box-shadow: 0 12px 28px rgba(55, 126, 174, .14), inset 0 1px 0 rgba(255,255,255,.17);
}
.glxr-legal-line { margin-top: 8px; font-size: 9px; }

.glxr-trust-strip {
  gap: 12px;
  margin: 0 18px 58px;
}
.glxr-trust-strip > div {
  min-height: 142px;
  padding: 17px;
  border-radius: 15px;
  background: rgba(4, 14, 25, .72);
}
.glxr-trust-strip span { font-size: 8.5px; }
.glxr-trust-strip strong { margin-top: 19px; font-size: 14px; }
.glxr-trust-strip p { margin-top: 8px; color: #8da1b2; font-size: 12px; line-height: 1.58; }
.glxr-footer { min-height: 82px; padding: 20px 18px 28px; }
.glxr-footer strong { font-size: 12px; }
.glxr-footer span,
.glxr-footer a { font-size: 11px; }

.glxr-picker > section { width: min(480px, 100%); padding: 15px; border-radius: 19px; }
.glxr-picker-head { padding-bottom: 11px; }
.glxr-picker-head span { font-size: 9px; }
.glxr-picker-head strong { font-size: 16px; }
.glxr-picker-head button { width: 34px; height: 34px; }
.glxr-picker-search { height: 43px; }
.glxr-picker-search input { font-size: 13px; }
.glxr-picker-list { gap: 6px; max-height: 520px; margin-top: 10px; }
.glxr-picker-feedback,
.glxr-picker-limit { padding: 8px 10px; font-size: 10.5px; }
.glxr-picker-item {
  grid-template-columns: 38px minmax(0,1fr) auto;
  min-height: 57px;
  padding: 8px 10px;
  border-radius: 12px;
}
.glxr-picker-icon { width: 38px; height: 38px; }
.glxr-picker-item strong { font-size: 12.5px; }
.glxr-picker-item small { margin-top: 2px; font-size: 10px; }
.glxr-picker-item em { font-size: 8.5px; }

.glxr-route-modal > section { width: min(560px, 100%); padding: 17px; }
.glxr-route-modal-head strong { font-size: 17px; }
.glxr-route-modal > section > p { font-size: 11.5px; }
.glxr-route-modal .glxr-step-preview { min-height: 60px; padding: 10px; }

@media (min-width: 1101px) {
  .glxr-hero { padding-top: 42px; }
  .glxr-intro { padding-top: 54px; }
}
@media (max-width: 1100px) {
  .glxr-hero { grid-template-columns: 1fr; gap: 38px; padding: 48px 0 58px; }
  .glxr-intro { max-width: 760px; padding: 0 8px; text-align: center; }
  .glxr-intro > p,
  .glxr-system-status,
  .glxr-origin-route { margin-inline: auto; }
  .glxr-intro-points { width: max-content; max-width: 100%; margin-inline: auto; text-align: left; }
  .glxr-terminal { max-width: 550px; }
}
@media (max-width: 680px) {
  .glxr-shell { width: min(100% - 14px, 620px); }
  .glxr-header { min-height: 62px; margin-top: 7px; padding: 8px; }
  .glxr-brand-mark { width: 39px; height: 39px; flex-basis: 39px; }
  .glxr-brand-copy strong { font-size: 10.5px; }
  .glxr-brand-copy small { font-size: 8px; }
  .glxr-relay-badge { display: none; }
  .glxr-wallet-button { min-height: 36px; max-width: 152px; padding-inline: 9px; font-size: 10px; }
  .glxr-disconnect-button { width: 36px; min-height: 36px; }
  .glxr-hero { gap: 32px; padding-top: 38px; }
  .glxr-intro h1 strong { font-size: clamp(43px, 13.5vw, 61px); }
  .glxr-intro > p { font-size: 15px; }
  .glxr-system-status { grid-template-columns: 30px minmax(0,1fr); padding: 13px; text-align: left; }
  .glxr-system-status-mark { width: 28px; height: 28px; }
  .glxr-system-status small { font-size: 11px; }
  .glxr-terminal { padding: 12px; border-radius: 18px; }
  .glxr-terminal-head strong { font-size: 17px; }
  .glxr-settings-button { min-width: 36px; width: 36px; padding: 0; }
  .glxr-settings-button > span { display: none; }
  .glxr-direct-route { grid-template-columns: 30px minmax(0,1fr); }
  .glxr-direct-route em { display: none; }
  .glxr-amount-row { grid-template-columns: minmax(0,1fr) 145px; gap: 8px; }
  .glxr-token-control,
  .glxr-locked-token { width: 145px; grid-template-columns: 34px minmax(0,1fr) 12px; }
  .glxr-token-icon { width: 34px; height: 34px; }
  .glxr-token-control small,
  .glxr-locked-token small { max-width: 72px; }
  .glxr-amount-row > input,
  .glxr-output { font-size: 29px; }
  .glxr-amount-long .glxr-amount-row > input { font-size: 22px; }
  .glxr-amount-very-long .glxr-amount-row > input { font-size: 18px; }
  .glxr-amount-ultra-long .glxr-amount-row > input { font-size: 16px; }
  .glxr-output.is-long { font-size: 24px; }
  .glxr-output.is-very-long { font-size: 21px; }
  .glxr-route-summary dl { grid-template-columns: 1fr 1fr; }
  .glxr-route-summary dt { font-size: 9px; }
  .glxr-route-summary dd { font-size: 9.5px; }
  .glxr-balance { max-width: 135px; font-size: 9.5px; }
  .glxr-legal-line { font-size: 8.5px; }
  .glxr-trust-strip { margin-bottom: 42px; }
}


/* =========================================================
   BETA 9 — MATTE COMPACT ROUTER / PRE-CONNECTION PRICING
   ========================================================= */
.glider-xen-router-root {
  background: #030914 !important;
}
.glxr-ambient { display: none !important; }
.glxr-network { opacity: .18; }
.glxr-header,
.glxr-terminal,
.glxr-asset-box,
.glxr-direct-route,
.glxr-system-status,
.glxr-route-summary,
.glxr-status,
.glxr-trust-strip > div,
.glxr-picker > section,
.glxr-route-modal > section {
  background-image: none !important;
  box-shadow: none !important;
}
.glxr-header {
  min-height: 58px;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 14px;
  background: #06111e !important;
}
.glxr-brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
.glxr-brand-copy strong { font-size: 11.5px; }
.glxr-brand-copy small { font-size: 8px; }
.glxr-relay-badge {
  min-height: 29px;
  padding: 0 9px;
  border-radius: 999px;
  background: #091624 !important;
  font-size: 8px;
}
.glxr-wallet-button {
  min-height: 32px;
  max-width: 118px;
  padding: 0 9px;
  border-radius: 9px;
  background: #0b1b2a !important;
  font-size: 9.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.glxr-wallet-button [data-role="wallet-label"] { overflow: hidden; text-overflow: ellipsis; }
.glxr-disconnect-button { width: 32px; min-height: 32px; border-radius: 9px; background: #091624 !important; }

.glxr-hero {
  grid-template-columns: minmax(0,1fr) minmax(450px, 500px);
  gap: clamp(40px, 4.5vw, 72px);
  min-height: 610px;
  padding: 20px 22px 46px;
}
.glxr-intro {
  max-width: 720px;
  padding-top: 18px;
  padding-left: clamp(0px, 2vw, 26px);
}
.glxr-kicker { margin-bottom: 14px; }
.glxr-intro h1 span { margin-bottom: 10px; line-height: 1.1; }
.glxr-intro h1 strong {
  max-width: 690px;
  margin-top: 0;
  font-size: clamp(50px, 4.7vw, 72px);
  line-height: .99;
  letter-spacing: -.045em;
}
.glxr-intro > p {
  max-width: 690px;
  margin-top: 20px;
  color: #b8c5cf;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.58;
}
.glxr-intro-points { margin-top: 20px; }
.glxr-system-status {
  max-width: 690px;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 11px;
  border-left-width: 2px;
  background: #071a20 !important;
}
.glxr-system-status strong { font-size: 10px; }
.glxr-system-status small { margin-top: 4px; font-size: 11.5px; }
.glxr-origin-route { max-width: 690px; margin-top: 16px; padding: 9px 12px; }

.glxr-terminal {
  max-width: 500px;
  padding: 12px;
  border-radius: 17px;
  border-color: rgba(93, 157, 199, .38);
  background: #071321 !important;
}
.glxr-terminal::before { display: none; }
.glxr-terminal-head { padding: 0 1px 8px; }
.glxr-terminal-eyebrow { font-size: 8px; }
.glxr-terminal-head strong { font-size: 17px; }
.glxr-settings-button {
  min-width: 34px;
  width: 34px;
  min-height: 32px;
  height: 32px;
  padding: 0;
  background: #0a1a29 !important;
}
.glxr-settings-button > span { display: none; }
.glxr-direct-route { display: none !important; }
.glxr-settings-panel { padding: 9px; background: #081827 !important; }

.glxr-asset-box {
  padding: 10px 11px;
  border-radius: 13px;
  background: #081827 !important;
}
.glxr-amount-row { grid-template-columns: minmax(0,1fr) 150px; gap: 9px; margin-top: 4px; }
.glxr-amount-row > input,
.glxr-output { font-size: clamp(28px, 2.3vw, 35px); }
.glxr-token-control,
.glxr-locked-token {
  width: 150px;
  min-height: 47px;
  grid-template-columns: 34px minmax(0,1fr) 12px;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 11px;
  background: #05111d !important;
}
.glxr-token-icon,
.glxr-axen-icon { width: 34px; height: 34px; }
.glxr-token-control strong,
.glxr-locked-token strong { font-size: 12px; }
.glxr-token-control small,
.glxr-locked-token small { font-size: 9px; }
.glxr-chain-row { margin-top: 7px; padding-top: 7px; }
.glxr-chain-icon { width: 25px; height: 25px; }
.glxr-chain-control strong,
.glxr-destination-chain strong { font-size: 10.8px; }
.glxr-balance { font-size: 9.8px; }
.glxr-route-divider { height: 14px; }
.glxr-route-divider button { width: 30px; height: 30px; border-radius: 9px; }

/* Keep dark and transparent network artwork readable on the matte canvas. */
.glxr-chain-icon.has-image,
.glxr-picker-icon.is-chain-art {
  padding: 2px;
  border: 1px solid rgba(214, 225, 234, .32) !important;
  background: #dbe3e9 !important;
}
.glxr-chain-icon.has-image img,
.glxr-picker-icon.is-chain-art img { border-radius: 50%; }
.glxr-axen-icon.has-image { border-color: rgba(181, 194, 206, .22); background: #0a1016 !important; }

.glxr-impact-alert {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #231a12 !important;
}
.glxr-impact-alert.is-critical { background: #25141a !important; }
.glxr-impact-alert strong { font-size: 10.5px; }
.glxr-impact-alert p { margin-top: 2px; font-size: 9.5px; }
.glxr-impact-alert label {
  min-width: 82px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 9px;
}
.glxr-impact-alert input { width: 14px; height: 14px; flex-basis: 14px; }

.glxr-route-summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 7px 8px 7px 10px;
  border-radius: 10px;
  border: 1px solid rgba(107, 148, 181, .20);
  background: #05111d !important;
}
.glxr-quote-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.glxr-quote-overview > span { min-width: 0; }
.glxr-quote-overview small { display: block; color: #7990a2; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.glxr-quote-overview strong { display: block; margin-top: 2px; overflow: hidden; color: #dce7ef; font-size: 10.5px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.glxr-quote-overview svg { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: #87a1b4; stroke-width: 1.8; }
.glxr-summary-actions { gap: 5px; }
.glxr-summary-actions > span { display: none; }
.glxr-summary-actions button { width: 29px; min-height: 29px; padding: 0; border-radius: 8px; }
.glxr-summary-actions button span { display: none; }

.glxr-status {
  margin-top: 7px;
  padding: 8px 10px 8px 28px;
  border-radius: 9px;
  background: #081827 !important;
  font-size: 9.8px;
}
.glxr-status::before { left: 10px; width: 7px; height: 7px; }
.glxr-status.is-success { background: #0b211a !important; }
.glxr-status.is-warning { background: #241d10 !important; }
.glxr-status.is-error { background: #26151b !important; }
.glxr-quote-gate { margin-top: 6px; font-size: 8.8px; }
.glxr-primary {
  min-height: 45px;
  margin-top: 7px;
  border-radius: 11px;
  color: #03101a;
  background: #72c7e7 !important;
  box-shadow: none !important;
  font-size: 13px;
}
.glxr-primary::before { display: none; }
.glxr-primary:hover:not(:disabled) { background: #82d0ed !important; transform: translateY(-1px); }
.glxr-legal-line { margin-top: 6px; font-size: 8px; }

.glxr-route-modal > section { width: min(510px, 100%); background: #071321 !important; }
.glxr-modal-quote {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0 16px;
  margin: 12px 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(107, 148, 181, .18);
  border-radius: 11px;
  background: #05111d;
}
.glxr-modal-quote > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.045); }
.glxr-modal-quote > div:nth-child(-n+2) { border-top: 0; }
.glxr-modal-quote dt { color: #7c91a2; font-size: 10px; }
.glxr-modal-quote dd { margin: 0; color: #d5e0e8; font-size: 10.5px; font-weight: 800; text-align: right; }

.glxr-trust-strip { margin-top: 4px; }
.glxr-trust-strip > div { min-height: 128px; background: #06111e !important; }
.glxr-trust-strip p { font-size: 12.5px; }

@media (min-width: 1101px) {
  .glxr-hero { padding-top: 20px; }
  .glxr-intro { padding-top: 18px; }
}
@media (max-width: 1100px) {
  .glxr-hero { grid-template-columns: 1fr; padding-top: 34px; }
  .glxr-intro { padding-top: 0; }
  .glxr-terminal { max-width: 500px; }
}
@media (max-width: 680px) {
  .glxr-header-actions { gap: 5px; }
  .glxr-wallet-button { max-width: 96px; min-height: 32px; }
  .glxr-disconnect-button { width: 32px; min-height: 32px; }
  .glxr-hero { padding-top: 28px; }
  .glxr-amount-row { grid-template-columns: minmax(0,1fr) 136px; }
  .glxr-token-control,
  .glxr-locked-token { width: 136px; grid-template-columns: 31px minmax(0,1fr) 11px; }
  .glxr-token-icon,
  .glxr-axen-icon { width: 31px; height: 31px; }
  .glxr-impact-alert { grid-template-columns: 1fr; }
  .glxr-modal-quote { grid-template-columns: 1fr; }
  .glxr-modal-quote > div:nth-child(2) { border-top: 1px solid rgba(255,255,255,.045); }
}


/* =========================================================
   BETA 10 - READABLE MATTE LAYOUT, INLINE QUOTE DETAILS
   ========================================================= */

.glider-xen-router-root {
  --glxr-text: #f0f5f8;
  --glxr-muted: #9aafbe;
  --glxr-muted-2: #8096a7;
}

/* Keep the product and router visually connected instead of pushing the
   terminal against the right edge. */
@media (min-width: 1350px) {
  .glxr-hero {
    grid-template-columns: minmax(0, 760px) 500px;
    justify-content: center;
    gap: 44px;
    padding: 14px 18px 48px;
  }
  .glxr-terminal { justify-self: start; }
}
@media (min-width: 1101px) and (max-width: 1349px) {
  .glxr-hero {
    grid-template-columns: minmax(0, 1fr) minmax(440px, 480px);
    gap: 30px;
    padding-inline: 10px;
  }
  .glxr-terminal { justify-self: start; }
}

/* Give the introduction more breathing room and improve reading rhythm. */
.glxr-intro {
  max-width: 740px;
  padding-top: 4px;
  padding-left: 0;
}
.glxr-kicker {
  margin-bottom: 18px;
  color: #c7effb;
  font-size: 10px;
}
.glxr-intro h1 span {
  margin-bottom: 12px;
  color: #a8bac8;
  font-size: clamp(25px, 2vw, 31px);
  font-weight: 720;
}
.glxr-intro h1 strong {
  max-width: 730px;
  font-size: clamp(52px, 4.55vw, 70px);
  line-height: 1.01;
}
.glxr-intro > p {
  max-width: 720px;
  margin-top: 26px;
  color: #c3ced6;
  font-size: clamp(16px, 1.18vw, 18px);
  line-height: 1.72;
}
.glxr-intro-points {
  gap: 14px;
  margin-top: 28px;
}
.glxr-intro-points span {
  color: #aebdca;
  font-size: 13px;
  line-height: 1.45;
}
.glxr-system-status {
  margin-top: 26px;
  padding: 15px 17px;
}
.glxr-system-status strong { color: #d9e8ee; font-size: 11px; }
.glxr-system-status small { color: #aabcc8; font-size: 12.5px; line-height: 1.62; }
.glxr-origin-route { margin-top: 20px; }

/* Improve readability throughout the compact terminal without enlarging the
   terminal footprint. */
.glxr-terminal { color: #edf4f7; }
.glxr-terminal-eyebrow { color: #9bb0bf; font-size: 9px; }
.glxr-terminal-head strong { color: #f5f8fa; font-size: 18px; }
.glxr-box-label { color: #a5b8c5; font-size: 9.5px; }
.glxr-token-control strong,
.glxr-locked-token strong { color: #f3f7f9; font-size: 12.5px; }
.glxr-token-control small,
.glxr-locked-token small { color: #9aafbd; font-size: 9.5px; }
.glxr-chain-control small,
.glxr-destination-chain small { color: #879eae; font-size: 8.5px; }
.glxr-chain-control strong,
.glxr-destination-chain strong { color: #c9d5dc; font-size: 11px; }
.glxr-balance { color: #a2b4c1; font-size: 10px; }
.glxr-chain-row > a { color: #a7b9d8; font-size: 9px; }
.glxr-verified { color: #8ee5ba; font-size: 8.5px; }
.glxr-quote-gate { color: #93a8b6; font-size: 9.5px; line-height: 1.45; }
.glxr-legal-line { color: #8298a7; font-size: 8.8px; }
.glxr-status { color: #c5d2d9; font-size: 10.5px; line-height: 1.5; }
.glxr-impact-alert strong { font-size: 11px; }
.glxr-impact-alert p,
.glxr-impact-alert label { font-size: 10px; line-height: 1.5; }

/* Network art belongs on a restrained dark plate. The former pale plate made
   official network artwork look pasted on. */
.glxr-chain-icon.has-image,
.glxr-picker-icon.is-chain-art,
.glxr-chain-icon:has(img),
.glxr-picker-icon.is-chain-art:has(img) {
  overflow: hidden;
  padding: 2px;
  border: 1px solid rgba(143, 169, 187, .30) !important;
  border-radius: 50%;
  background: #101a24 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.glxr-chain-icon.has-image img,
.glxr-picker-icon.is-chain-art img,
.glxr-chain-icon:has(img) img,
.glxr-picker-icon.is-chain-art:has(img) img {
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: 50%;
  background: transparent !important;
  object-fit: contain;
  filter: saturate(1.05) contrast(1.06) drop-shadow(0 0 .7px rgba(255,255,255,.72));
}

/* Every token image, including aXEN in the fixed destination control, is
   clipped consistently to a true circle. */
.glxr-token-icon,
.glxr-axen-icon,
.glxr-picker-icon:not(.is-chain-art) {
  overflow: hidden;
  border-radius: 50%;
}
.glxr-token-icon img,
.glxr-axen-icon img,
.glxr-picker-icon:not(.is-chain-art) img {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%);
  background: #0b131c !important;
  object-fit: cover;
}
.glxr-axen-icon.has-image {
  overflow: hidden;
  padding: 0;
  border-radius: 50%;
  background: #0b131c !important;
}

/* Picker readability and icon consistency. */
.glxr-picker > section { background: #07111d; box-shadow: 0 30px 90px rgba(0,0,0,.56); }
.glxr-picker-head span { color: #8ea5b5; font-size: 8.5px; }
.glxr-picker-head strong { color: #f0f5f8; font-size: 17px; }
.glxr-picker-search input { color: #e6edf1; font-size: 12px; }
.glxr-picker-search input::placeholder { color: #7f95a5; opacity: 1; }
.glxr-picker-item { min-height: 60px; background: #09131e; }
.glxr-picker-item strong { color: #e6edf1; font-size: 12px; }
.glxr-picker-item small { color: #91a6b5; font-size: 9.5px; }
.glxr-picker-item em { color: #859aaa; font-size: 8.5px; }
.glxr-picker-empty { color: #91a6b5; font-size: 10.5px; }

/* Quote details are now a small inline disclosure, not a detached popup. */
.glxr-route-summary {
  grid-template-columns: minmax(0,1fr) auto;
  overflow: hidden;
}
.glxr-quote-overview small { color: #8da3b3; font-size: 8.8px; }
.glxr-quote-overview strong { color: #e3eaee; font-size: 11.2px; }
.glxr-quote-overview svg { transition: transform .18s ease; }
.glxr-quote-overview[aria-expanded="true"] svg { transform: rotate(180deg); }
.glxr-inline-details {
  grid-column: 1 / -1;
  max-height: 230px;
  margin-top: 8px;
  padding-top: 8px;
  overflow: auto;
  border-top: 1px solid rgba(255,255,255,.07);
  overscroll-behavior: contain;
}
.glxr-inline-quote {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0 14px;
  margin: 0;
}
.glxr-inline-quote > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 6px 0;
  border-top: 1px solid rgba(255,255,255,.045);
}
.glxr-inline-quote > div:nth-child(-n+2) { border-top: 0; }
.glxr-inline-quote dt { color: #8ba0af; font-size: 9px; }
.glxr-inline-quote dd { margin: 0; color: #dce5ea; font-size: 9.5px; font-weight: 800; text-align: right; }
.glxr-inline-details .glxr-step-list {
  max-height: 105px;
  margin-top: 7px;
  overflow: auto;
}
.glxr-inline-details .glxr-step-preview {
  min-height: 46px;
  padding: 7px 8px;
  border-radius: 8px;
}
.glxr-inline-details .glxr-step-preview strong { font-size: 9.5px; }
.glxr-inline-details .glxr-step-preview small { font-size: 8.5px; }
.glxr-inline-details .glxr-step-preview em { font-size: 7.5px; }

/* The old modal is intentionally disabled in case cached markup survives. */
.glxr-route-modal { display: none !important; }
body.glxr-route-open { overflow: auto !important; }

.glxr-trust-strip strong { color: #e0e8ed; font-size: 13.5px; }
.glxr-trust-strip p { color: #96aab8; font-size: 11.5px; line-height: 1.65; }
.glxr-footer strong { color: #d8e2e8; font-size: 11px; }
.glxr-footer span,
.glxr-footer a { color: #8fa4b3; font-size: 9.5px; }

@media (max-width: 680px) {
  .glxr-intro > p { line-height: 1.62; }
  .glxr-inline-quote { grid-template-columns: 1fr; }
  .glxr-inline-quote > div:nth-child(2) { border-top: 1px solid rgba(255,255,255,.045); }
}

/* =========================================================
   BETA 11 - UNIFORM ICONS, FIXED XEN ART, READABILITY PASS
   ========================================================= */

/* The former development card interrupted the product hierarchy. */
.glxr-system-status { display: none !important; }

/* Keep the route scope line as part of the product, not as faint decoration. */
.glxr-origin-route {
  max-width: 735px;
  margin-top: 30px;
  padding: 12px 15px;
  color: #a6b8c5;
  border-color: rgba(128, 155, 184, .22);
  background: #06111d;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .085em;
}
.glxr-origin-route b {
  color: #c4d5e1;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .095em;
}
.glxr-origin-route i {
  background: linear-gradient(90deg, rgba(98,207,244,.30), rgba(149,111,233,.48));
}

/* Header controls use one compact control height and no oversized wallet pill. */
.glxr-header-actions,
.glxr-wallet-cluster { gap: 6px; }
.glxr-relay-badge {
  min-height: 28px;
  padding-inline: 9px;
  font-size: 8.5px;
}
.glxr-wallet-button {
  min-width: 0;
  width: auto;
  max-width: 104px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 9px;
  font-size: 10.5px;
  font-weight: 780;
  letter-spacing: .01em;
}
.glxr-wallet-button [data-role="wallet-label"] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glxr-disconnect-button {
  width: 30px;
  min-height: 30px;
  border-radius: 9px;
}

/* All inline network marks share the same larger geometry. */
.glxr-chain-icon,
.glxr-avalanche-icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
}
.glxr-chain-control,
.glxr-destination-chain {
  grid-template-columns: 30px minmax(0, 1fr) 12px;
  gap: 10px;
}
.glxr-picker-icon.is-chain-art {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
}

/* Matte icon wells replace pale plates. Dark source artwork receives a
   deliberate contrast treatment rather than a white background. */
.glxr-chain-icon.has-image,
.glxr-picker-icon.is-chain-art,
.glxr-chain-icon:has(img),
.glxr-picker-icon.is-chain-art:has(img) {
  padding: 3px;
  border: 1px solid rgba(133, 164, 186, .34) !important;
  background: #0a1621 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.glxr-chain-icon.has-image img,
.glxr-picker-icon.is-chain-art img,
.glxr-chain-icon:has(img) img,
.glxr-picker-icon.is-chain-art:has(img) img {
  padding: 0;
  background: transparent !important;
  filter: saturate(1.08) contrast(1.10) brightness(1.08) drop-shadow(0 0 1px rgba(255,255,255,.34));
}
.glxr-chain-icon.needs-contrast img,
.glxr-picker-icon.is-chain-art.needs-contrast img {
  filter: brightness(0) invert(1) opacity(.90) drop-shadow(0 0 1px rgba(255,255,255,.40));
}

/* aXEN uses the bundled black XEN artwork in every position. */
.glxr-token-icon.is-xen-logo,
.glxr-axen-icon.is-xen-logo,
.glxr-picker-icon.is-xen-logo {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(154, 157, 158, .34) !important;
  border-radius: 50%;
  background: #11110f !important;
}
.glxr-token-icon.is-xen-logo img,
.glxr-axen-icon.is-xen-logo img,
.glxr-picker-icon.is-xen-logo img {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 50% !important;
  background: #11110f !important;
  object-fit: cover;
  filter: none !important;
}

/* Amounts must remain readable while editing, before and during pricing. */
.glxr-amount-row > input,
.glxr-amount-row > input:focus,
.glxr-amount-row > input:active {
  color: #f6f9fb !important;
  -webkit-text-fill-color: #f6f9fb !important;
  opacity: 1 !important;
  caret-color: #6fd3f4;
}
.glxr-amount-row > input::placeholder {
  color: #657d90 !important;
  -webkit-text-fill-color: #657d90 !important;
  opacity: 1 !important;
}

/* Route settings now form one aligned control row. */
.glxr-settings-panel {
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: end;
  gap: 12px;
  padding: 11px 12px;
}
.glxr-settings-panel label > span {
  display: flex;
  min-height: 28px;
  margin-bottom: 6px;
  align-items: flex-end;
  color: #a7bac7;
  font-size: 10px;
  line-height: 1.25;
}
.glxr-settings-panel input {
  height: 42px;
  min-height: 42px;
  color: #eef4f7;
  -webkit-text-fill-color: #eef4f7;
  border-color: rgba(119, 157, 187, .25);
  background: #071521;
  font-size: 11.5px;
  line-height: 42px;
}
.glxr-settings-panel label:first-child b { top: 13px; }

/* General compact-terminal readability. */
.glxr-terminal-eyebrow { color: #a3b6c3; font-size: 9.5px; }
.glxr-box-label > span:first-child,
.glxr-box-label button { color: #a9bbc7; font-size: 10px; }
.glxr-token-control strong,
.glxr-locked-token strong { font-size: 13px; }
.glxr-token-control small,
.glxr-locked-token small { color: #a0b3c0; font-size: 10px; }
.glxr-chain-control small,
.glxr-destination-chain small { color: #93a8b7; font-size: 9px; }
.glxr-chain-control strong,
.glxr-destination-chain strong { color: #d6e0e6; font-size: 11.5px; }
.glxr-balance { color: #a7b8c4; font-size: 10.5px; }
.glxr-verified { font-size: 9px; }
.glxr-quote-gate { color: #9eb0bc; font-size: 10px; }
.glxr-legal-line { color: #91a5b3; font-size: 9px; }

/* Inline route inspection stays compact while using legible type. */
.glxr-quote-overview small { color: #9eb1bf; font-size: 9.2px; }
.glxr-quote-overview strong { color: #edf2f5; font-size: 11.5px; }
.glxr-inline-details { max-height: 235px; }
.glxr-inline-quote dt { color: #9eb0bd; font-size: 10px; }
.glxr-inline-quote dd { color: #edf2f5; font-size: 10.8px; }
.glxr-inline-details .glxr-step-preview { min-height: 50px; padding: 8px 9px; }
.glxr-inline-details .glxr-step-preview > span { font-size: 8.5px; }
.glxr-inline-details .glxr-step-preview strong { color: #dbe5ea; font-size: 10.5px; }
.glxr-inline-details .glxr-step-preview small { color: #91a5b3; font-size: 9.5px; line-height: 1.45; }
.glxr-inline-details .glxr-step-preview em { color: #8da2b1; font-size: 8px; }
.glxr-empty { color: #9aafbd; font-size: 10px; }

/* Keep primary controls uniform with the compact terminal. */
.glxr-primary {
  min-height: 43px;
  font-size: 12.5px;
  font-weight: 760;
}

@media (max-width: 680px) {
  .glxr-wallet-button { max-width: 92px; min-height: 30px; }
  .glxr-disconnect-button { width: 30px; min-height: 30px; }
  .glxr-settings-panel { grid-template-columns: 1fr; }
  .glxr-settings-panel label > span { min-height: 0; }
  .glxr-chain-icon,
  .glxr-avalanche-icon { width: 28px !important; height: 28px !important; flex-basis: 28px !important; }
  .glxr-chain-control,
  .glxr-destination-chain { grid-template-columns: 28px minmax(0,1fr) 12px; }
}

/* =========================================================
   BETA 12 - /XEN ROUTE, UNIFORM CONTROLS, EXECUTION BALANCE GATE
   ========================================================= */

/* Header wallet controls should read as utilities, not primary page actions. */
.glxr-header-actions,
.glxr-wallet-cluster { gap: 5px; }
.glxr-wallet-button {
  min-width: 0;
  width: auto;
  max-width: 88px;
  min-height: 27px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 9.5px;
  font-weight: 760;
  letter-spacing: 0;
}
.glxr-wallet-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
}
.glxr-disconnect-button {
  width: 27px;
  min-height: 27px;
  border-radius: 8px;
}
.glxr-disconnect-button svg { width: 14px; height: 14px; }
.glxr-relay-badge {
  min-height: 27px;
  padding-inline: 8px;
  font-size: 8px;
}

/* Short labels allow the two settings fields to align precisely. */
.glxr-settings-panel {
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px;
}
.glxr-settings-panel label > span {
  min-height: 0;
  margin: 0 0 6px;
  align-items: center;
  color: #b3c4cf;
  font-size: 9.5px;
  line-height: 1.2;
  white-space: nowrap;
}
.glxr-settings-panel input {
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  font-size: 11.5px;
}
.glxr-settings-panel label:first-child b { top: 12px; }

/* Source and destination network marks use identical geometry. */
.glxr-chain-icon,
.glxr-avalanche-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  padding: 2px !important;
  border: 1px solid rgba(139, 168, 188, .30) !important;
  border-radius: 50% !important;
  background: #0a1621 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.glxr-chain-control,
.glxr-destination-chain {
  grid-template-columns: 32px minmax(0, 1fr) 12px;
  gap: 10px;
}
.glxr-destination-chain { grid-template-columns: 32px minmax(0, 1fr); }
.glxr-chain-icon img,
.glxr-avalanche-icon img,
.glxr-avalanche-icon svg {
  width: 100% !important;
  height: 100% !important;
  padding: 1px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: saturate(1.08) contrast(1.08) brightness(1.14) drop-shadow(0 0 1px rgba(255,255,255,.30));
}
.glxr-chain-icon.needs-contrast img,
.glxr-picker-icon.is-chain-art.needs-contrast img {
  filter: brightness(0) invert(1) opacity(.94) drop-shadow(0 0 1px rgba(255,255,255,.42)) !important;
}

/* The supplied black XEN artwork is the single source of truth. */
.glxr-token-icon.is-xen-logo,
.glxr-axen-icon.is-xen-logo,
.glxr-picker-icon.is-xen-logo {
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(123, 126, 130, .42) !important;
  border-radius: 50% !important;
  background: #1d1d1d !important;
}
.glxr-token-icon.is-xen-logo img,
.glxr-axen-icon.is-xen-logo img,
.glxr-picker-icon.is-xen-logo img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%);
  background: #1d1d1d !important;
  object-fit: cover !important;
  filter: none !important;
}

/* Give the product copy a deliberate vertical rhythm. */
.glxr-intro > p {
  margin-top: 34px;
  line-height: 1.72;
}
.glxr-intro-points {
  gap: 14px;
  margin-top: 32px;
}
.glxr-origin-route {
  margin-top: 42px;
  padding-block: 13px;
}

/* Keep balance-gated execution messaging readable without changing quote access. */
.glxr-status,
.glxr-quote-gate {
  font-size: 10.5px;
  line-height: 1.5;
}
.glxr-primary {
  min-height: 42px;
  font-size: 12px;
}

@media (max-width: 680px) {
  .glxr-wallet-button { max-width: 82px; min-height: 27px; font-size: 9px; }
  .glxr-disconnect-button { width: 27px; min-height: 27px; }
  .glxr-settings-panel { grid-template-columns: 1fr; }
  .glxr-settings-panel label > span { white-space: normal; }
  .glxr-chain-icon,
  .glxr-avalanche-icon { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
  .glxr-chain-control,
  .glxr-destination-chain { grid-template-columns: 30px minmax(0, 1fr) 12px; }
  .glxr-destination-chain { grid-template-columns: 30px minmax(0, 1fr); }
  .glxr-intro > p { margin-top: 26px; }
  .glxr-intro-points { margin-top: 26px; }
  .glxr-origin-route { margin-top: 32px; }
}

/* =========================================================
   BETA 14 - HEADER FIT, STATIC EXECUTION, NATIVE ASSET ACCESS
   ========================================================= */

/* Keep the compact header utility controls fully legible. */
.glxr-header-actions {
  margin-left: auto;
  padding-right: 4px;
  flex: 0 0 auto;
}
.glxr-wallet-cluster { flex: 0 0 auto; }
.glider-xen-router-root:not(.has-wallet) .glxr-wallet-button {
  width: 94px;
  max-width: 94px;
}
.glider-xen-router-root.has-wallet .glxr-wallet-button {
  width: 92px;
  max-width: 92px;
}
.glxr-wallet-button {
  min-height: 28px;
  padding-inline: 9px;
  color: #dce8ef;
  font-size: 10px;
  line-height: 1;
}
.glider-xen-router-root:not(.has-wallet) .glxr-wallet-button [data-role="wallet-label"] {
  overflow: visible;
  text-overflow: clip;
}

/* More deliberate separation below the product kicker. */
.glxr-kicker {
  margin-bottom: 26px;
}
.glxr-origin-route {
  margin-top: 48px;
}

/* Disabled and placeholder states must remain readable without looking active. */
.glxr-primary:disabled {
  opacity: .68 !important;
  color: #b6c5ce !important;
  background: #496375 !important;
  border-color: rgba(151, 179, 197, .24) !important;
  filter: none !important;
}
.glxr-primary:disabled span { color: #b6c5ce !important; }
.glxr-amount-row > input::placeholder {
  color: #7f95a5 !important;
  -webkit-text-fill-color: #7f95a5 !important;
}
.glxr-quote-gate,
.glxr-status,
.glxr-legal-line {
  color: #a5b7c3;
}

/* The large below-page status bar is replaced by a compact, static activity panel.
   It never changes the document scroll position while a wallet prompt is open. */
.glxr-progress-section:not([hidden]) {
  position: fixed;
  right: clamp(16px, 2.4vw, 34px);
  bottom: 18px;
  z-index: 950;
  display: block;
  width: min(430px, calc(100vw - 32px));
  max-height: min(330px, 48vh);
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(102, 159, 196, .34);
  border-radius: 15px;
  background: #071522;
  box-shadow: 0 14px 42px rgba(0, 0, 0, .42);
  overscroll-behavior: contain;
}
.glxr-progress-head {
  gap: 12px;
  padding-bottom: 10px;
}
.glxr-progress-head span { color: #8ea5b6; font-size: 9px; }
.glxr-progress-head strong { margin-top: 4px; color: #edf3f6; font-size: 13px; }
.glxr-progress-list { gap: 7px; margin-top: 10px; }
.glxr-progress-item {
  min-height: 52px;
  grid-template-columns: 32px minmax(0,1fr) auto;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
}
.glxr-progress-index { width: 32px; height: 32px; border-radius: 9px; }
.glxr-progress-item strong { color: #d6e2e9; font-size: 10.5px; }
.glxr-progress-item small { color: #94a8b6; font-size: 9.5px; }
.glxr-progress-item em { font-size: 8px; }

/* Strengthen the information beneath the router. */
.glxr-trust-strip > div {
  border-color: rgba(117, 151, 178, .20);
  background: #06111d;
}
.glxr-trust-strip > div > span {
  color: #7894aa;
  font-size: 9px;
}
.glxr-trust-strip strong {
  color: #eef3f6;
  font-size: 14px;
}
.glxr-trust-strip p {
  color: #a9bac5;
  font-size: 12px;
  line-height: 1.65;
}
.glxr-footer strong {
  color: #edf3f6;
  font-size: 12.5px;
}
.glxr-footer span,
.glxr-footer a {
  color: #a0b3c0;
  font-size: 10.5px;
  line-height: 1.5;
}
.glxr-footer a:hover {
  color: #d9edf6;
  border-color: rgba(111, 205, 239, .32);
}

/* Make route inspection text readable at the same compact footprint. */
.glxr-quote-overview small { font-size: 9.8px; }
.glxr-quote-overview strong { font-size: 12px; }
.glxr-inline-quote dt { font-size: 10.5px; }
.glxr-inline-quote dd { font-size: 11px; }
.glxr-inline-details .glxr-step-preview strong { font-size: 11px; }
.glxr-inline-details .glxr-step-preview small { font-size: 10px; }

@media (max-width: 680px) {
  .glider-xen-router-root:not(.has-wallet) .glxr-wallet-button,
  .glider-xen-router-root.has-wallet .glxr-wallet-button {
    width: 88px;
    max-width: 88px;
  }
  .glxr-wallet-button { font-size: 9.5px; }
  .glxr-kicker { margin-bottom: 21px; }
  .glxr-origin-route { margin-top: 34px; }
  .glxr-progress-section:not([hidden]) {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    max-height: 42vh;
  }
}


/* =========================================================
   BETA 15 - COMPACT EXECUTION, PREMIUM CONNECT, GAS-SAFE MAX
   ========================================================= */

/* Wallet connection is a compact, premium utility aligned inside the header. */
.glxr-header-actions {
  padding-right: 10px;
  gap: 7px;
}
.glider-xen-router-root:not(.has-wallet) .glxr-wallet-button,
.glider-xen-router-root.has-wallet .glxr-wallet-button {
  width: auto;
  min-width: 82px;
  max-width: 112px;
  min-height: 30px;
  padding: 0 11px;
  border-color: rgba(94, 196, 231, .40);
  border-radius: 9px;
  background: #0a1b2a;
  color: #edf6fa;
  font-size: 10.5px;
  font-weight: 780;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.glider-xen-router-root:not(.has-wallet) .glxr-wallet-button:hover:not(:disabled) {
  border-color: rgba(106, 215, 248, .68);
  background: #0d2233;
  transform: none;
}
.glxr-wallet-dot { background: #58e5ab; box-shadow: 0 0 0 3px rgba(88,229,171,.08); }

/* Use the available vertical space to give the product introduction more authority. */
.glxr-hero { padding-top: 34px; }
.glxr-intro { padding-top: 28px; }
.glxr-kicker { margin-bottom: 32px; }
.glxr-intro h1 { margin-bottom: 0; }
.glxr-intro > p { margin-top: 38px; }
.glxr-intro-points { margin-top: 34px; }
.glxr-origin-route { margin-top: 50px; }

/* Keep route inspection genuinely compact. */
.glxr-route-summary { padding: 8px 10px; }
.glxr-inline-details {
  max-height: 154px;
  padding: 4px 8px 6px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.glxr-inline-quote { gap: 0 12px; }
.glxr-inline-quote > div { padding: 4px 0; }
.glxr-inline-quote dt { font-size: 9.8px; }
.glxr-inline-quote dd { font-size: 10.4px; }
.glxr-inline-details .glxr-step-list { margin-top: 5px; }
.glxr-inline-details .glxr-step-preview {
  min-height: 42px;
  padding: 6px 8px;
}
.glxr-inline-details .glxr-step-preview strong { font-size: 10px; }
.glxr-inline-details .glxr-step-preview small { font-size: 9px; }

/* Keep the action and legal copy visually separate. */
.glxr-primary { margin-top: 10px; }
.glxr-legal-line {
  margin-top: 11px;
  padding: 0 3px 2px;
  line-height: 1.45;
}

/* The separate execution panel has been retired. */
.glxr-progress-section { display: none !important; }

/* Strengthen the lower explanatory copy without making it louder than the router. */
.glxr-trust-strip { margin-top: 24px; }
.glxr-trust-strip strong { font-size: 14px; }
.glxr-trust-strip p { color: #afbec8; font-size: 12px; line-height: 1.68; }
.glxr-footer strong { color: #eef4f7; }
.glxr-footer span,
.glxr-footer a { color: #adbdc7; }

@media (max-width: 1180px) {
  .glxr-intro { padding-top: 12px; }
}
@media (max-width: 680px) {
  .glxr-header-actions { padding-right: 2px; }
  .glider-xen-router-root:not(.has-wallet) .glxr-wallet-button,
  .glider-xen-router-root.has-wallet .glxr-wallet-button {
    min-width: 72px;
    max-width: 96px;
    min-height: 29px;
    padding-inline: 9px;
    font-size: 9.5px;
  }
  .glxr-hero { padding-top: 30px; }
  .glxr-intro { padding-top: 0; }
  .glxr-kicker { margin-bottom: 24px; }
  .glxr-intro > p { margin-top: 28px; }
  .glxr-intro-points { margin-top: 26px; }
  .glxr-origin-route { margin-top: 34px; }
  .glxr-inline-details { max-height: 142px; }
}


/* 5.0.0-beta.16: compact quote data, stronger warnings and neutral locked destination */
.glxr-locked-token {
  grid-template-columns: 37px minmax(0, 1fr) !important;
  padding-right: 12px !important;
}
.glxr-locked-token > svg { display: none !important; }

.glxr-impact-alert {
  margin-top: 8px !important;
  padding: 9px 11px !important;
  border-color: #6a5126 !important;
  border-radius: 10px !important;
  background: #1d170d !important;
  box-shadow: none !important;
}
.glxr-impact-alert.is-critical {
  border-color: #7d3946 !important;
  background: #241218 !important;
}
.glxr-impact-alert > div {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: wrap;
}
.glxr-impact-alert strong {
  display: inline !important;
  color: #f4d99f !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  white-space: nowrap;
}
.glxr-impact-alert.is-critical strong { color: #ffc0c9 !important; }
.glxr-impact-alert p {
  display: inline;
  margin: 0 !important;
  color: #d2c29e !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
}
.glxr-impact-alert.is-critical p { color: #e2b4bc !important; }
.glxr-impact-alert label {
  margin-top: 7px !important;
  padding-top: 7px !important;
  color: #e2c5ca !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
}

.glxr-route-summary {
  padding: 10px 11px !important;
  border-radius: 11px !important;
  background: #050d16 !important;
}
.glxr-inline-details { padding-top: 7px !important; }
.glxr-inline-quote {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.glxr-inline-quote > div {
  display: block !important;
  min-width: 0;
  padding: 8px 9px !important;
  border: 1px solid rgba(104, 139, 169, .18) !important;
  border-radius: 8px;
  background: #07111c;
}
.glxr-inline-quote dt {
  color: #91a5b5 !important;
  font-size: 8.5px !important;
  font-weight: 720;
  white-space: nowrap;
}
.glxr-inline-quote dd {
  margin-top: 4px !important;
  overflow: hidden;
  color: #edf4f8 !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  text-align: left !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glxr-step-list { display: none !important; }
.glxr-quote-gate { display: none !important; }
.glxr-legal-line { justify-content: flex-start !important; }
.glxr-legal-line > span:last-child:not(:first-child) { display: none !important; }

.glxr-picker-item { background: #07111c !important; }
.glxr-picker-feedback,
.glxr-picker-limit { background: #06101a !important; }

@media (max-width: 620px) {
  .glxr-inline-quote { grid-template-columns: 1fr !important; }
  .glxr-locked-token { grid-template-columns: 31px minmax(0, 1fr) !important; }
}

@media (max-width: 1100px) and (min-width: 621px) {
  .glxr-inline-quote { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* =========================================================
   BETA 17 - SOLID SYSTEM MESSAGING, VIEWPORT-SAFE QUOTE DATA
   ========================================================= */

/* Warnings and system notices use solid matte surfaces and high-contrast copy. */
.glxr-impact-alert {
  border-color: #9a742d !important;
  background: #2b2112 !important;
}
.glxr-impact-alert.is-critical {
  border-color: #b84f63 !important;
  background: #351820 !important;
}
.glxr-impact-alert strong,
.glxr-impact-alert p,
.glxr-impact-alert label,
.glxr-impact-alert.is-critical strong,
.glxr-impact-alert.is-critical p {
  color: #f7f9fa !important;
}
.glxr-impact-alert p { opacity: .86; }
.glxr-status {
  border-color: #385167 !important;
  background: #0b1a28 !important;
  color: #f2f6f8 !important;
}
.glxr-status.is-success {
  border-color: #26765c !important;
  background: #0c261d !important;
  color: #f1fbf6 !important;
}
.glxr-status.is-warning {
  border-color: #8b6828 !important;
  background: #2a2011 !important;
  color: #fff8e9 !important;
}
.glxr-status.is-error {
  border-color: #a74658 !important;
  background: #31171e !important;
  color: #fff3f5 !important;
}

/* Four compact operational data points. The fee remains disclosed separately. */
.glxr-inline-details {
  max-height: none !important;
  overflow: visible !important;
}
.glxr-inline-quote > div { padding: 7px 8px !important; }
.glxr-fee-disclosure {
  margin: 7px 1px 0;
  color: #9eb0bd;
  font-size: 8.7px;
  font-weight: 650;
  line-height: 1.35;
  text-align: right;
}

/* Improve contrast for artwork that is predominantly black or transparent. */
.glxr-chain-icon.needs-contrast,
.glxr-picker-icon.needs-contrast {
  background: #dce5eb !important;
  border-color: rgba(236, 244, 248, .72) !important;
}
.glxr-chain-icon.needs-contrast img,
.glxr-picker-icon.needs-contrast img {
  filter: saturate(1.08) contrast(1.16) !important;
}

/* Keep the complete router action visible on compact laptop viewports. */
@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-hero {
    min-height: 560px !important;
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }
  .glxr-intro { padding-top: 18px !important; }
  .glxr-kicker { margin-bottom: 24px !important; }
  .glxr-intro > p { margin-top: 30px !important; }
  .glxr-intro-points { margin-top: 28px !important; }
  .glxr-origin-route { margin-top: 38px !important; }
  .glxr-terminal { padding: 10px !important; }
  .glxr-terminal-head { padding-bottom: 7px !important; }
  .glxr-asset-box { padding-top: 9px !important; padding-bottom: 9px !important; }
  .glxr-route-summary { margin-top: 7px !important; padding: 8px 9px !important; }
  .glxr-inline-details { margin-top: 6px !important; padding-top: 6px !important; }
  .glxr-inline-quote > div { padding: 6px 7px !important; }
  .glxr-primary { min-height: 42px !important; margin-top: 7px !important; }
  .glxr-legal-line { margin-top: 7px !important; padding-bottom: 0 !important; }
}

@media (max-width: 620px) {
  .glxr-fee-disclosure { text-align: left; }
}

/* =========================================================
   BETA 18 - AUTHORITATIVE MESSAGING AND REFINED QUOTE SPACING
   ========================================================= */

/* Separate the terminal from the product header without disturbing the hero. */
@media (min-width: 1101px) {
  .glxr-terminal {
    margin-top: 16px;
  }
}

/* =========================================================
   BETA 101 - LOCAL PULSECHAIN ROADMAP + PLS THESIS
   PulseChain remains display-only until settlement support is live.
   ========================================================= */

.glider-xen-router-root .glxr-pulsechain-plan {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) minmax(220px, 276px);
  gap: 28px;
  align-items: center;
  margin: 0 18px 64px;
  padding: 30px 32px 0;
  overflow: hidden;
  border: 1px solid rgba(174, 96, 255, .42);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 24%, rgba(242, 77, 255, .13), transparent 33%),
    radial-gradient(circle at 90% 4%, rgba(83, 113, 255, .145), transparent 35%),
    linear-gradient(135deg, rgba(19, 8, 41, .98), rgba(7, 17, 35, .98) 58%, rgba(6, 12, 27, .99));
  box-shadow: 0 22px 70px rgba(3, 7, 18, .5), inset 0 1px rgba(255, 255, 255, .04);
  isolation: isolate;
}

.glider-xen-router-root .glxr-pulsechain-plan::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(169, 102, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169, 102, 255, .035) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(to right, #000, transparent 86%);
}

.glider-xen-router-root .glxr-pulsechain-mark {
  display: grid;
  width: 116px;
  height: 108px;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.glider-xen-router-root .glxr-pulsechain-mark img {
  display: block;
  width: 112px;
  height: auto;
  max-height: 104px;
  object-fit: contain;
  filter: saturate(.98) brightness(1) contrast(1.02);
}

.glider-xen-router-root .glxr-pulsechain-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #d9b7ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.glider-xen-router-root .glxr-pulsechain-eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bd8cff;
  box-shadow: 0 0 9px rgba(189, 140, 255, .48);
}

.glider-xen-router-root .glxr-pulsechain-copy h2 {
  margin: 9px 0 10px;
  color: #fff;
  font-size: clamp(23px, 2.2vw, 34px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.glider-xen-router-root .glxr-pulsechain-copy p {
  max-width: 760px;
  margin: 0;
  color: #b8c5d2;
  font-size: 13px;
  line-height: 1.72;
}

.glider-xen-router-root .glxr-pulsechain-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}

.glider-xen-router-root .glxr-pulsechain-facts span {
  padding: 7px 10px;
  border: 1px solid rgba(193, 118, 255, .2);
  border-radius: 999px;
  color: #d9caef;
  background: rgba(151, 76, 223, .08);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.glider-xen-router-root .glxr-pulsechain-status {
  display: flex;
  min-height: 154px;
  flex-direction: column;
  justify-content: center;
  padding: 19px;
  border: 1px solid rgba(144, 111, 255, .27);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(111, 65, 181, .14), rgba(29, 40, 77, .16));
}

.glider-xen-router-root .glxr-pulsechain-status span {
  color: #b69cff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.glider-xen-router-root .glxr-pulsechain-status strong {
  margin-top: 10px;
  color: #f3efff;
  font-size: 17px;
  line-height: 1.25;
}

.glider-xen-router-root .glxr-pulsechain-status small {
  margin-top: 8px;
  color: #9cacbc;
  font-size: 10px;
  line-height: 1.55;
}

.glider-xen-router-root .glxr-pulsechain-foot {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-inline: -32px;
  padding: 13px 32px;
  border-top: 1px solid rgba(174, 105, 255, .14);
  color: #9aacbc;
  background: rgba(2, 7, 17, .34);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: none;
}

.glider-xen-router-root .glxr-pulsechain-foot nav {
  display: flex;
  gap: 18px;
}

.glider-xen-router-root .glxr-pulsechain-foot a {
  color: #d991ff;
  text-decoration: none;
}

.glider-xen-router-root .glxr-pulsechain-foot a:hover {
  color: #f4d7ff;
}

.glider-xen-router-root .glxr-picker-item.is-planned,
.glider-xen-router-root .glxr-picker-item.is-planned:disabled {
  opacity: 1;
  cursor: not-allowed;
  border-color: rgba(179, 92, 255, .33);
  background: linear-gradient(100deg, rgba(116, 50, 176, .13), rgba(9, 19, 35, .86));
  box-shadow: inset 3px 0 0 rgba(205, 94, 255, .7);
}

.glider-xen-router-root .glxr-picker-item.is-planned:hover {
  transform: none;
  border-color: rgba(179, 92, 255, .33);
}

.glider-xen-router-root .glxr-picker-item.is-planned .glxr-picker-token-copy strong {
  color: #ecd9ff;
}

.glider-xen-router-root .glxr-picker-item.is-planned .glxr-picker-token-copy small {
  color: #927fa6;
}

.glider-xen-router-root .glxr-planned-badge {
  display: inline-flex;
  min-width: 74px;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border: 1px solid rgba(218, 112, 255, .4);
  border-radius: 999px;
  color: #eda6ff;
  background: rgba(172, 75, 222, .11);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .14em;
}

.glider-xen-router-root .glxr-footer::after {
  content: "PulseChain is coming to the Glider Ramp Router.";
}

@media (max-width: 980px) {
  .glider-xen-router-root .glxr-pulsechain-plan {
    grid-template-columns: 92px minmax(0, 1fr);
  }
  .glider-xen-router-root .glxr-pulsechain-status {
    grid-column: 1 / -1;
    min-height: 0;
  }
  .glider-xen-router-root .glxr-pulsechain-mark {
    width: 88px;
    height: 82px;
    border-radius: 0;
  }
  .glider-xen-router-root .glxr-pulsechain-mark img {
    width: 86px;
    height: auto;
    max-height: 80px;
  }
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-pulsechain-plan {
    grid-template-columns: 1fr;
    gap: 19px;
    margin: 0 0 46px;
    padding: 23px 21px 0;
    border-radius: 20px;
  }
  .glider-xen-router-root .glxr-pulsechain-mark {
    width: 78px;
    height: 72px;
    border-radius: 0;
  }
  .glider-xen-router-root .glxr-pulsechain-mark img {
    width: 76px;
    height: auto;
    max-height: 70px;
  }
  .glider-xen-router-root .glxr-pulsechain-copy h2 {
    font-size: 26px;
  }
  .glider-xen-router-root .glxr-pulsechain-copy p {
    font-size: 12px;
  }
  .glider-xen-router-root .glxr-pulsechain-status {
    grid-column: auto;
  }
  .glider-xen-router-root .glxr-pulsechain-foot {
    grid-column: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-inline: -21px;
    padding: 13px 21px 16px;
  }
  .glider-xen-router-root .glxr-planned-badge {
    min-width: 64px;
    padding-inline: 7px;
    font-size: 7px;
  }
}

/* Relay-supported XEN coverage notice. PulseChain remains a roadmap item until
   the settlement layer supports it, so it is never exposed as a live route. */
.glider-xen-router-root .glxr-footer {
  flex-wrap: wrap;
}

.glider-xen-router-root .glxr-footer::after {
  content: "PulseChain is coming to the Glider Ramp Router.";
  flex: 0 0 100%;
  margin-top: 10px;
  text-align: center;
  color: #8b5cf6;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .025em;
  text-shadow: 0 0 10px rgba(139, 92, 246, .28);
}

/* Give the terminal identity and quote heading a stronger left inset. */
.glxr-terminal-head {
  padding-left: 8px !important;
  padding-right: 3px !important;
}
.glxr-terminal-eyebrow {
  color: #a8bac7 !important;
  letter-spacing: .14em;
}
.glxr-terminal-head strong {
  color: #ffffff !important;
}
.glxr-route-summary {
  padding-left: 14px !important;
  padding-right: 10px !important;
}
.glxr-quote-overview small {
  color: #aebdca !important;
  font-size: 9px !important;
}
.glxr-quote-overview strong {
  color: #ffffff !important;
  font-size: 11.2px !important;
}

/* Matte, borderless notices read as part of the product rather than overlays. */
.glxr-impact-alert {
  border: 0 !important;
  background: #3a2a10 !important;
  box-shadow: none !important;
}
.glxr-impact-alert.is-critical {
  border: 0 !important;
  background: #421b25 !important;
}
.glxr-impact-alert strong,
.glxr-impact-alert p,
.glxr-impact-alert label,
.glxr-impact-alert.is-critical strong,
.glxr-impact-alert.is-critical p,
.glxr-impact-alert.is-critical label {
  color: #ffffff !important;
  opacity: 1 !important;
}
.glxr-impact-alert strong {
  font-weight: 900 !important;
}
.glxr-impact-alert p {
  font-weight: 650 !important;
}
.glxr-status,
.glxr-status.is-success,
.glxr-status.is-warning,
.glxr-status.is-error {
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Keep the fee transparent without consuming a separate disclosure row. */
.glxr-summary-actions {
  flex-wrap: nowrap;
}
.glxr-summary-actions .glxr-fee-chip {
  display: inline-flex !important;
  min-height: 24px;
  align-items: center;
  padding: 0 7px;
  border: 0;
  border-radius: 7px;
  color: #bdcbd5;
  background: #0a1825;
  font-size: 8px;
  font-weight: 760;
  letter-spacing: .015em;
  white-space: nowrap;
}
.glxr-fee-disclosure {
  display: none !important;
}

/* Make the four operational values easier to scan without growing the panel. */
.glxr-inline-details {
  margin-top: 7px !important;
  padding-top: 7px !important;
}
.glxr-inline-quote {
  gap: 9px !important;
}
.glxr-inline-quote > div {
  padding: 8px 9px !important;
  border-color: rgba(126, 160, 188, .25) !important;
  background: #081522 !important;
}
.glxr-inline-quote dt {
  color: #b2c0ca !important;
  font-size: 9.2px !important;
  font-weight: 760 !important;
  line-height: 1.25;
}
.glxr-inline-quote dd {
  margin-top: 5px !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.25;
}

/* Short laptop viewports retain the full execution control. */
@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-terminal {
    margin-top: 10px !important;
  }
  .glxr-terminal-head {
    padding-left: 7px !important;
  }
  .glxr-route-summary {
    padding-left: 12px !important;
  }
  .glxr-inline-quote {
    gap: 7px !important;
  }
  .glxr-inline-quote > div {
    padding: 7px 8px !important;
  }
  .glxr-inline-quote dt {
    font-size: 8.8px !important;
  }
  .glxr-inline-quote dd {
    font-size: 10px !important;
  }
  .glxr-summary-actions .glxr-fee-chip {
    min-height: 22px;
    padding-inline: 6px;
    font-size: 7.6px;
  }
}

@media (max-width: 620px) {
  .glxr-terminal-head {
    padding-left: 5px !important;
  }
  .glxr-route-summary {
    padding-left: 11px !important;
  }
  .glxr-summary-actions .glxr-fee-chip {
    display: none !important;
  }
  .glxr-inline-quote dt {
    font-size: 9.5px !important;
  }
  .glxr-inline-quote dd {
    font-size: 11px !important;
  }
}


/* =========================================================
   BETA 19 - AUTO SLIPPAGE, CLEAN FEE UI AND CONTROL SPACING
   ========================================================= */

/* Auto slippage is the default. The numeric field is a compact manual override. */
.glxr-settings-panel {
  grid-template-columns: 142px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}
.glxr-setting-field > .glxr-setting-label,
.glxr-setting-field > span {
  display: flex;
  min-height: 0;
  margin: 0 0 6px;
  align-items: center;
  color: #b8c7d1;
  font-size: 9.8px;
  font-weight: 880;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.glxr-slippage-control {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  height: 40px;
  overflow: hidden;
  border: 1px solid rgba(119, 157, 187, .28);
  border-radius: 8px;
  background: #071521;
}
.glxr-auto-slippage {
  min-width: 0;
  border: 0;
  border-right: 1px solid rgba(119, 157, 187, .22);
  border-radius: 0;
  color: #d5e2ea;
  background: #0a1824;
  font: inherit;
  font-size: 10.5px;
  font-weight: 850;
  cursor: pointer;
}
.glxr-auto-slippage[aria-pressed="true"] {
  color: #ffffff;
  background: #16465a;
  box-shadow: inset 0 0 0 1px rgba(104, 215, 239, .30);
}
.glxr-custom-slippage {
  position: relative;
  min-width: 0;
}
.glxr-custom-slippage input {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 25px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 38px !important;
  appearance: textfield;
  -moz-appearance: textfield;
}
.glxr-custom-slippage input::-webkit-outer-spin-button,
.glxr-custom-slippage input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.glxr-custom-slippage b {
  position: absolute;
  top: 50%;
  right: 9px;
  color: #8fa5b4;
  font-size: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}
.glxr-slippage-control.is-auto .glxr-custom-slippage input {
  color: #91a6b4 !important;
  -webkit-text-fill-color: #91a6b4 !important;
}
.glxr-recipient-setting input {
  width: 100%;
}

/* Fee configuration stays in the router settings and quote calculation, not the compact swap UI. */
.glxr-fee-chip,
.glxr-fee-disclosure {
  display: none !important;
}

/* Stronger, flatter impact notices with readable acknowledgement copy. */
.glxr-impact-alert,
.glxr-impact-alert.is-critical {
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.glxr-impact-alert {
  background: #4a340f !important;
}
.glxr-impact-alert.is-critical {
  background: #59232e !important;
}
.glxr-impact-alert strong {
  color: #ffffff !important;
  font-size: 11.4px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}
.glxr-impact-alert p,
.glxr-impact-alert label {
  color: #ffffff !important;
  font-size: 10.2px !important;
  font-weight: 680 !important;
  line-height: 1.42 !important;
  opacity: 1 !important;
}
.glxr-impact-alert label {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

/* Give the execution control and custody line a small amount of breathing room. */
.glxr-primary {
  margin-top: 12px !important;
}
.glxr-legal-line {
  margin-top: 9px !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-primary { margin-top: 9px !important; }
  .glxr-legal-line { margin-top: 8px !important; }
}

@media (max-width: 680px) {
  .glxr-settings-panel {
    grid-template-columns: 1fr !important;
  }
  .glxr-setting-field > .glxr-setting-label,
  .glxr-setting-field > span {
    white-space: normal;
  }
}


/* =========================================================
   BETA 20 - REFINED AUTO CONTROL, WARNING SCALE AND QUOTE STATS
   ========================================================= */

/* Keep Auto visibly selected without allowing it to dominate the settings row. */
.glxr-settings-panel {
  grid-template-columns: 132px minmax(0, 1fr) !important;
}
.glxr-slippage-control {
  grid-template-columns: 46px minmax(0, 1fr) !important;
}
.glxr-auto-slippage {
  padding: 0 6px !important;
  font-size: 9.4px !important;
  font-weight: 840 !important;
  letter-spacing: 0 !important;
}

/* Reduce warning typography while retaining the solid, authoritative panel. */
.glxr-impact-alert strong {
  font-size: 10.5px !important;
  line-height: 1.28 !important;
}
.glxr-impact-alert p,
.glxr-impact-alert label {
  font-size: 9.4px !important;
  line-height: 1.36 !important;
}

/* The four expanded quote values must remain legible on laptop displays. */
.glxr-inline-quote > div {
  padding: 8px 9px !important;
}
.glxr-inline-quote dt {
  color: #bdcad3 !important;
  font-size: 9.8px !important;
  font-weight: 790 !important;
  line-height: 1.24 !important;
}
.glxr-inline-quote dd {
  margin-top: 5px !important;
  color: #ffffff !important;
  font-size: 11.3px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-inline-quote dt {
    font-size: 9.4px !important;
  }
  .glxr-inline-quote dd {
    font-size: 10.8px !important;
  }
}

@media (max-width: 680px) {
  .glxr-settings-panel {
    grid-template-columns: 1fr !important;
  }
  .glxr-inline-quote dt {
    font-size: 9.8px !important;
  }
  .glxr-inline-quote dd {
    font-size: 11.2px !important;
  }
}


/* =========================================================
   BETA 21 - COMPACT SLIPPAGE, LEAN IMPACT NOTICE, LIVE QUOTE DATA
   ========================================================= */

/* The manual slippage override should remain secondary to the recipient field. */
.glxr-settings-panel {
  grid-template-columns: 116px minmax(0, 1fr) !important;
}
.glxr-slippage-control {
  grid-template-columns: 40px minmax(0, 1fr) !important;
}
.glxr-auto-slippage {
  padding-inline: 4px !important;
  font-size: 9px !important;
}
.glxr-custom-slippage input {
  padding-left: 8px !important;
  padding-right: 20px !important;
  font-size: 11px !important;
}
.glxr-custom-slippage b {
  right: 7px !important;
}

/* Reduce the impact panel only enough to preserve authority and reclaim height. */
.glxr-impact-alert,
.glxr-impact-alert.is-critical {
  margin-top: 7px !important;
  padding: 8px 10px !important;
}
.glxr-impact-alert strong {
  font-size: 10.2px !important;
  line-height: 1.25 !important;
}
.glxr-impact-alert p,
.glxr-impact-alert label {
  font-size: 9.1px !important;
  line-height: 1.32 !important;
}
.glxr-impact-alert label {
  margin-top: 6px !important;
  padding-top: 6px !important;
}

/* Give each live quote value enough width and never truncate operational data. */
.glxr-inline-quote {
  grid-template-columns: 1.12fr .9fr 1.08fr .9fr !important;
  gap: 7px !important;
}
.glxr-inline-quote > div {
  padding: 8px 8px !important;
}
.glxr-inline-quote dt {
  white-space: normal !important;
}
.glxr-inline-quote dd {
  min-height: 27px;
  display: flex;
  align-items: flex-start;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-settings-panel {
    grid-template-columns: 112px minmax(0, 1fr) !important;
  }
  .glxr-inline-quote > div {
    padding: 7px !important;
  }
  .glxr-inline-quote dd {
    min-height: 25px;
    font-size: 10.5px !important;
  }
}

@media (max-width: 680px) {
  .glxr-settings-panel {
    grid-template-columns: 1fr !important;
  }
  .glxr-inline-quote {
    grid-template-columns: 1fr !important;
  }
  .glxr-inline-quote dd {
    min-height: 0;
  }
}


/* =========================================================
   BETA 23 - PROPORTIONATE SETTINGS, NATIVE AMOUNT FIELD,
             BALANCED LIVE QUOTE CARDS
   ========================================================= */

/* Route settings: Auto is a compact mode control and the adjacent value is
   the active Relay percentage or a manual override. */
.glxr-settings-panel {
  grid-template-columns: 118px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: end !important;
}
.glxr-slippage-control {
  display: grid !important;
  grid-template-columns: 43px minmax(0, 1fr) !important;
  width: 100%;
  height: 38px !important;
  min-height: 38px !important;
  overflow: hidden;
  border: 1px solid rgba(119, 157, 187, .30) !important;
  border-radius: 8px !important;
  background: #071521 !important;
  box-shadow: none !important;
}
.glxr-auto-slippage {
  display: grid !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-right: 1px solid rgba(119, 157, 187, .24) !important;
  border-radius: 0 !important;
  color: #dce8ee !important;
  background: #0a1824 !important;
  box-shadow: none !important;
  font-size: 9.2px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
.glxr-auto-slippage[aria-pressed="true"] {
  color: #ffffff !important;
  background: #17485c !important;
  box-shadow: inset 0 0 0 1px rgba(105, 217, 240, .27) !important;
}
.glxr-custom-slippage {
  position: relative;
  min-width: 0;
  height: 36px;
}
.glxr-custom-slippage input,
.glxr-custom-slippage input:focus,
.glxr-custom-slippage input:active {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 20px 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: #f1f6f9 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #f1f6f9 !important;
  font-size: 10.8px !important;
  font-weight: 830 !important;
  line-height: 36px !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
  appearance: textfield;
  -moz-appearance: textfield;
}
.glxr-custom-slippage input::-webkit-outer-spin-button,
.glxr-custom-slippage input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.glxr-custom-slippage b {
  top: 50% !important;
  right: 7px !important;
  color: #9fb1bd !important;
  font-size: 9px !important;
  transform: translateY(-50%);
}
.glxr-slippage-control.is-auto .glxr-custom-slippage input {
  color: #c8d5dd !important;
  -webkit-text-fill-color: #c8d5dd !important;
  cursor: pointer;
}
.glxr-recipient-setting input {
  height: 38px !important;
  min-height: 38px !important;
}

/* Preserve the original large, borderless amount treatment after introducing
   a live fiat line. Theme input rules must not turn this into a form field. */
.glider-xen-router-root .glxr-amount-row {
  align-items: center !important;
}
.glider-xen-router-root .glxr-amount-stack {
  display: grid;
  grid-template-rows: minmax(31px, auto) 14px;
  align-content: center;
  align-self: center;
  min-width: 0;
  min-height: 49px;
  gap: 1px;
}
.glider-xen-router-root .glxr-amount-stack > input,
.glider-xen-router-root .glxr-amount-stack > input:hover,
.glider-xen-router-root .glxr-amount-stack > input:focus,
.glider-xen-router-root .glxr-amount-stack > input:active {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: #f6f9fb !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-text-fill-color: #f6f9fb !important;
  opacity: 1 !important;
  caret-color: #6fd3f4 !important;
  font-family: inherit !important;
  font-size: clamp(28px, 2.3vw, 35px) !important;
  font-weight: 820 !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
  font-variant-numeric: tabular-nums lining-nums;
}
.glider-xen-router-root .glxr-amount-stack > input::placeholder {
  color: #7c92a2 !important;
  -webkit-text-fill-color: #7c92a2 !important;
  opacity: 1 !important;
}
.glider-xen-router-root.glxr-amount-long .glxr-amount-stack > input { font-size: 27px !important; letter-spacing: -.035em !important; }
.glider-xen-router-root.glxr-amount-very-long .glxr-amount-stack > input { font-size: 23px !important; letter-spacing: -.025em !important; }
.glider-xen-router-root.glxr-amount-ultra-long .glxr-amount-stack > input { font-size: 19px !important; letter-spacing: -.018em !important; }
.glider-xen-router-root .glxr-amount-stack > .glxr-output {
  width: 100%;
  min-width: 0;
  margin: 0;
  align-self: end;
}
.glider-xen-router-root .glxr-fiat-value {
  display: block;
  min-height: 13px;
  margin: 0;
  color: #bdcbd4;
  font-size: 10px;
  font-weight: 720;
  line-height: 1.25;
  letter-spacing: .005em;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-token-control,
.glider-xen-router-root .glxr-locked-token {
  align-self: center;
}

/* Four equal operational cards. Each card has the same geometry and allows
   live network-cost text to wrap without clipping or changing card width. */
.glxr-inline-quote {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
.glxr-inline-quote > div {
  display: flex !important;
  min-width: 0;
  min-height: 58px;
  padding: 8px 9px !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  border: 1px solid rgba(104, 139, 169, .20) !important;
  border-radius: 8px !important;
  background: #071521 !important;
}
.glxr-inline-quote dt {
  width: 100%;
  color: #b7c6cf !important;
  font-size: 9.2px !important;
  font-weight: 790 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}
.glxr-inline-quote dd {
  display: block !important;
  width: 100%;
  min-height: 0 !important;
  margin: 6px 0 0 !important;
  overflow: visible !important;
  color: #ffffff !important;
  font-size: 10.7px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-align: left !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-settings-panel {
    grid-template-columns: 116px minmax(0, 1fr) !important;
  }
  .glxr-inline-quote > div {
    min-height: 55px;
    padding: 7px 8px !important;
  }
  .glxr-inline-quote dt { font-size: 8.9px !important; }
  .glxr-inline-quote dd { font-size: 10.3px !important; }
  .glider-xen-router-root .glxr-fiat-value { font-size: 9.7px; }
}

@media (max-width: 1100px) and (min-width: 621px) {
  .glxr-inline-quote {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .glxr-settings-panel {
    grid-template-columns: 1fr !important;
  }
  .glxr-slippage-control {
    max-width: 118px;
  }
  .glxr-inline-quote {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .glxr-inline-quote > div {
    min-height: 55px;
  }
  .glider-xen-router-root .glxr-amount-stack > input { font-size: 29px !important; }
  .glider-xen-router-root.glxr-amount-long .glxr-amount-stack > input { font-size: 22px !important; }
  .glider-xen-router-root.glxr-amount-very-long .glxr-amount-stack > input { font-size: 18px !important; }
  .glider-xen-router-root.glxr-amount-ultra-long .glxr-amount-stack > input { font-size: 16px !important; }
}

/* =========================================================
   BETA 24 - FINAL TYPE SCALE, BALANCED SLIPPAGE AND USD SPACING
   ========================================================= */

/* Auto and the active percentage now occupy two genuinely equal cells. */
.glxr-settings-panel {
  grid-template-columns: 120px minmax(0, 1fr) !important;
}
.glxr-slippage-control {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 120px !important;
  max-width: 120px !important;
}
.glxr-auto-slippage,
.glxr-custom-slippage {
  width: 100% !important;
  min-width: 0 !important;
}
.glxr-custom-slippage input,
.glxr-custom-slippage input:focus,
.glxr-custom-slippage input:active {
  padding-left: 7px !important;
  padding-right: 19px !important;
  font-size: 11.2px !important;
}
.glxr-custom-slippage b {
  right: 8px !important;
  font-size: 9.5px !important;
}

/* Increase the fiat readout and lower it optically without changing geometry. */
.glider-xen-router-root .glxr-fiat-value {
  position: relative;
  top: 2px;
  color: #d1dce3 !important;
  font-size: 11.4px !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
}

/* Final readable quote-card scale. Card dimensions remain unchanged. */
.glxr-inline-quote dt {
  color: #c5d1d9 !important;
  font-size: 10px !important;
  font-weight: 810 !important;
  line-height: 1.16 !important;
}
.glxr-inline-quote dd {
  margin-top: 6px !important;
  font-size: 11.6px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
}

/* Small gains in supporting UI copy that do not alter the terminal trim. */
.glxr-setting-field > .glxr-setting-label,
.glxr-setting-field > span {
  font-size: 10.1px !important;
}
.glxr-quote-overview small {
  font-size: 9.5px !important;
}
.glxr-quote-overview strong {
  font-size: 11.6px !important;
}
.glxr-terminal-eyebrow {
  font-size: 9.8px !important;
}
.glxr-box-label > span:first-child,
.glxr-box-label button {
  font-size: 10.2px !important;
}
.glxr-verified,
.glxr-chain-row > a {
  font-size: 9.2px !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-settings-panel {
    grid-template-columns: 120px minmax(0, 1fr) !important;
  }
  .glxr-inline-quote dt {
    font-size: 9.7px !important;
  }
  .glxr-inline-quote dd {
    font-size: 11.2px !important;
  }
  .glider-xen-router-root .glxr-fiat-value {
    font-size: 11px !important;
  }
}

@media (max-width: 680px) {
  .glxr-slippage-control {
    width: 120px !important;
    max-width: 120px !important;
  }
}

/* =========================================================
   BETA 25 - REFINED SLIPPAGE, FIAT SEPARATION, UNIFIED METRICS
   ========================================================= */

/* Replace the visually awkward split field with two proportionate controls.
   Auto remains compact; the live/manual percentage receives the width its
   numeric value and suffix actually need. Both controls share one height and
   visual weight without pretending that unlike content should be equal width. */
.glxr-settings-panel {
  grid-template-columns: 116px minmax(0, 1fr) !important;
  gap: 12px !important;
}
.glxr-slippage-control {
  display: flex !important;
  width: 116px !important;
  max-width: 116px !important;
  height: 38px !important;
  min-height: 38px !important;
  gap: 4px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.glxr-auto-slippage {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  min-height: 38px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(119, 157, 187, .32) !important;
  border-radius: 7px !important;
  color: #dce8ee !important;
  background: #0a1824 !important;
  box-shadow: none !important;
  font-size: 9.4px !important;
  font-weight: 860 !important;
}
.glxr-auto-slippage[aria-pressed="true"] {
  color: #ffffff !important;
  border-color: rgba(104, 215, 239, .48) !important;
  background: #16465a !important;
  box-shadow: inset 0 0 0 1px rgba(104, 215, 239, .14) !important;
}
.glxr-custom-slippage {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  overflow: hidden !important;
  border: 1px solid rgba(119, 157, 187, .32) !important;
  border-radius: 7px !important;
  background: #071521 !important;
  box-shadow: none !important;
}
.glxr-custom-slippage input,
.glxr-custom-slippage input:focus,
.glxr-custom-slippage input:active {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 21px 0 8px !important;
  font-size: 10.9px !important;
  line-height: 36px !important;
  text-align: center !important;
}
.glxr-custom-slippage b {
  right: 7px !important;
  font-size: 9.2px !important;
}

/* Give the live fiat conversion a clear second line while preserving the
   amount row, token selector and asset-box dimensions. */
.glider-xen-router-root .glxr-fiat-value {
  top: 4px !important;
  font-size: 11.4px !important;
  line-height: 1.08 !important;
}

/* The quote metrics now read as one professional information rail rather than
   four unrelated mini-cards. Column widths reflect the actual label lengths. */
.glxr-inline-quote {
  grid-template-columns: 1.16fr .90fr 1fr .94fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(119, 157, 187, .25) !important;
  border-radius: 8px !important;
  background: #071521 !important;
}
.glxr-inline-quote > div {
  min-height: 60px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-right: 1px solid rgba(119, 157, 187, .17) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.glxr-inline-quote > div:last-child {
  border-right: 0 !important;
}
.glxr-inline-quote dt {
  color: #c5d1d9 !important;
  font-size: 9.5px !important;
  font-weight: 810 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}
.glxr-inline-quote dd {
  margin-top: 7px !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glxr-settings-panel {
    grid-template-columns: 116px minmax(0, 1fr) !important;
  }
  .glxr-inline-quote > div {
    min-height: 57px !important;
    padding: 8px 9px !important;
  }
  .glxr-inline-quote dt {
    font-size: 9.2px !important;
  }
  .glxr-inline-quote dd {
    margin-top: 6px !important;
    font-size: 11.1px !important;
  }
  .glider-xen-router-root .glxr-fiat-value {
    top: 4px !important;
    font-size: 11.1px !important;
  }
}

@media (max-width: 1100px) and (min-width: 621px) {
  .glxr-inline-quote {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .glxr-inline-quote > div {
    border-right: 1px solid rgba(119, 157, 187, .17) !important;
    border-bottom: 1px solid rgba(119, 157, 187, .17) !important;
  }
  .glxr-inline-quote > div:nth-child(2n) {
    border-right: 0 !important;
  }
  .glxr-inline-quote > div:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 680px) {
  .glxr-slippage-control {
    width: 116px !important;
    max-width: 116px !important;
  }
  .glxr-inline-quote {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .glxr-inline-quote > div {
    border-right: 1px solid rgba(119, 157, 187, .17) !important;
    border-bottom: 1px solid rgba(119, 157, 187, .17) !important;
  }
  .glxr-inline-quote > div:nth-child(2n) {
    border-right: 0 !important;
  }
  .glxr-inline-quote > div:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
  .glxr-inline-quote dt {
    white-space: normal !important;
  }
}


/* =========================================================
   BETA 26 - SETTINGS POPOVER + INLINE RATE / GAS
   ========================================================= */

/* The settings control is an overlay, not part of the terminal flow.
   Opening it must not move the pay/receive panels or execution controls. */
.glider-xen-router-root .glxr-terminal {
  position: relative !important;
  overflow: visible !important;
}
.glider-xen-router-root .glxr-settings-panel {
  position: absolute !important;
  z-index: 90 !important;
  top: 58px !important;
  right: 14px !important;
  display: block !important;
  width: min(440px, calc(100% - 28px)) !important;
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(116, 158, 196, .34) !important;
  border-radius: 13px !important;
  background: #071421 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04) !important;
  animation: glxr-settings-pop .15s ease both;
}
.glider-xen-router-root .glxr-settings-panel[hidden] {
  display: none !important;
}
@keyframes glxr-settings-pop {
  from { opacity: 0; transform: translateY(-4px) scale(.994); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.glider-xen-router-root .glxr-settings-popover-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 11px !important;
  padding: 0 1px 9px !important;
  border-bottom: 1px solid rgba(119,157,187,.16) !important;
}
.glider-xen-router-root .glxr-settings-popover-head > strong {
  color: #f5f9fb !important;
  font-size: 12px !important;
  font-weight: 880 !important;
  letter-spacing: -.01em !important;
}
.glider-xen-router-root .glxr-settings-close {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(119,157,187,.24) !important;
  border-radius: 8px !important;
  color: #a7b9c5 !important;
  background: #0a1926 !important;
  cursor: pointer !important;
}
.glider-xen-router-root .glxr-settings-close:hover {
  color: #ffffff !important;
  border-color: rgba(98,207,244,.45) !important;
  background: #0c2030 !important;
}
.glider-xen-router-root .glxr-settings-close svg {
  width: 13px !important;
  height: 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
}
.glider-xen-router-root .glxr-settings-fields {
  display: grid !important;
  grid-template-columns: 156px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: end !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-setting-field {
  min-width: 0 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-setting-label,
.glider-xen-router-root .glxr-settings-panel .glxr-setting-field > span {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
  color: #a9bbc7 !important;
  font-size: 9.8px !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  letter-spacing: .095em !important;
  text-transform: uppercase !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-slippage-control {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 156px !important;
  max-width: 156px !important;
  height: 40px !important;
  min-height: 40px !important;
  gap: 7px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-auto-slippage,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid rgba(119,157,187,.30) !important;
  border-radius: 9px !important;
  background: #091925 !important;
  box-shadow: none !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-auto-slippage {
  padding: 0 8px !important;
  color: #cbd9e1 !important;
  font-size: 10.4px !important;
  font-weight: 880 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-auto-slippage[aria-pressed="true"] {
  color: #ffffff !important;
  border-color: rgba(98,207,244,.54) !important;
  background: #174b60 !important;
  box-shadow: inset 0 0 0 1px rgba(98,207,244,.10) !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage {
  position: relative !important;
  overflow: hidden !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input:focus,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input:active {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 22px 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  color: #f2f7fa !important;
  -webkit-text-fill-color: #f2f7fa !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 860 !important;
  line-height: 38px !important;
  text-align: center !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage b {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  color: #9db0be !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-slippage-control.is-auto .glxr-custom-slippage input {
  color: #dbe6ec !important;
  -webkit-text-fill-color: #dbe6ec !important;
  opacity: 1 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting input {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(119,157,187,.30) !important;
  border-radius: 9px !important;
  color: #eef5f8 !important;
  -webkit-text-fill-color: #eef5f8 !important;
  background: #091925 !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting input::placeholder {
  color: #879ba9 !important;
  opacity: 1 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting input:focus,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage:focus-within {
  border-color: rgba(98,207,244,.48) !important;
  box-shadow: 0 0 0 3px rgba(98,207,244,.055) !important;
}

/* Keep the Uniswap-style unit value and gas estimate in the existing quote row.
   No extra footer row is introduced, so the terminal height stays unchanged. */
.glider-xen-router-root .glxr-route-summary {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.glider-xen-router-root .glxr-quote-overview {
  gap: 8px !important;
}
.glider-xen-router-root .glxr-quote-overview > span {
  min-width: 0 !important;
}
.glider-xen-router-root .glxr-quote-overview strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin-top: 2px !important;
}
.glider-xen-router-root .glxr-quote-overview strong > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.glider-xen-router-root .glxr-quote-overview strong > em {
  flex: 0 0 auto !important;
  color: #9fb0bc !important;
  font-size: 9.6px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.glider-xen-router-root .glxr-summary-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
}
.glider-xen-router-root .glxr-summary-gas {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  color: #d3dde3 !important;
  white-space: nowrap !important;
}
.glider-xen-router-root .glxr-summary-gas[hidden] {
  display: none !important;
}
.glider-xen-router-root .glxr-summary-gas svg {
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: .86 !important;
}
.glider-xen-router-root .glxr-summary-gas strong {
  color: #eef4f7 !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}
.glider-xen-router-root .glxr-summary-actions > span[data-role="quote-age"] {
  display: none !important;
}

/* No router-fee text or fee chip is rendered in the customer swap interface. */
.glider-xen-router-root .glxr-fee-chip,
.glider-xen-router-root .glxr-fee-disclosure {
  display: none !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 56px !important;
    right: 12px !important;
    width: min(426px, calc(100% - 24px)) !important;
    padding: 12px !important;
  }
  .glider-xen-router-root .glxr-settings-fields {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .glider-xen-router-root .glxr-settings-panel .glxr-slippage-control {
    width: 150px !important;
    max-width: 150px !important;
  }
  .glider-xen-router-root .glxr-summary-gas strong {
    font-size: 10.1px !important;
  }
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 55px !important;
    right: 9px !important;
    width: calc(100% - 18px) !important;
    padding: 12px !important;
  }
  .glider-xen-router-root .glxr-settings-fields {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }
  .glider-xen-router-root .glxr-settings-panel .glxr-slippage-control {
    width: 156px !important;
    max-width: 156px !important;
  }
  .glider-xen-router-root .glxr-quote-overview strong {
    gap: 4px !important;
  }
  .glider-xen-router-root .glxr-quote-overview strong > em {
    font-size: 9px !important;
  }
  .glider-xen-router-root .glxr-summary-actions {
    gap: 5px !important;
  }
  .glider-xen-router-root .glxr-summary-gas strong {
    font-size: 9.8px !important;
  }
}


/* =========================================================
   BETA 28 - PULSEX-STYLE SETTINGS POPOVER REFINEMENT
   ========================================================= */

/* Settings now behave as a compact floating control card. It overlays the
   terminal instead of participating in layout, so opening it never changes
   router height or pushes quote/execution controls downward. */
.glider-xen-router-root .glxr-settings-panel {
  top: 64px !important;
  right: auto !important;
  left: 50% !important;
  width: min(392px, calc(100% - 34px)) !important;
  padding: 15px 16px 16px !important;
  border: 1px solid rgba(116, 158, 196, .30) !important;
  border-radius: 15px !important;
  background: #081520 !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.64), 0 8px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035) !important;
  transform: translateX(-50%) !important;
  animation: glxr-settings-pop-beta28 .14s ease both !important;
}
@keyframes glxr-settings-pop-beta28 {
  from { opacity: 0; transform: translate(-50%, -4px) scale(.994); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
.glider-xen-router-root .glxr-settings-popover-head {
  margin: 0 0 15px !important;
  padding: 0 0 11px !important;
  border-bottom: 1px solid rgba(119,157,187,.14) !important;
}
.glider-xen-router-root .glxr-settings-popover-head > strong {
  font-size: 13px !important;
  font-weight: 880 !important;
}
.glider-xen-router-root .glxr-settings-close {
  width: 27px !important;
  height: 27px !important;
  flex-basis: 27px !important;
  border-radius: 7px !important;
}

/* PulseX-style field hierarchy: slippage is one compact row, while Recipient
   receives the full panel width so a complete EVM address remains visible. */
.glider-xen-router-root .glxr-settings-fields {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-setting-field {
  min-width: 0 !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-setting-label,
.glider-xen-router-root .glxr-settings-panel .glxr-setting-field > span {
  margin: 0 0 7px !important;
  color: #b7c6d0 !important;
  font-size: 9.8px !important;
  font-weight: 860 !important;
  letter-spacing: .085em !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-slippage-setting {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-slippage-setting > .glxr-setting-label {
  margin: 0 !important;
  color: #e6edf2 !important;
  font-size: 11.2px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-slippage-control {
  display: grid !important;
  grid-template-columns: 52px 78px !important;
  width: 137px !important;
  max-width: 137px !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: 7px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-auto-slippage,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 9px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-auto-slippage {
  min-width: 52px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input:focus,
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage input:active {
  height: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
  padding: 0 23px 0 8px !important;
  font-size: 10.8px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-custom-slippage b {
  right: 8px !important;
  font-size: 9.4px !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting {
  display: block !important;
  width: 100% !important;
}
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting input {
  width: 100% !important;
  height: 39px !important;
  min-height: 39px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  color: #f0f5f8 !important;
  -webkit-text-fill-color: #f0f5f8 !important;
  font-size: 10.1px !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

/* Keep the gas estimate clearly separated from the refresh control. */
.glider-xen-router-root .glxr-summary-actions {
  gap: 10px !important;
}
.glider-xen-router-root .glxr-summary-gas {
  margin-right: 7px !important;
  gap: 5px !important;
}
.glider-xen-router-root .glxr-summary-gas svg {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
  stroke-width: 1.7 !important;
  opacity: .9 !important;
}
.glider-xen-router-root .glxr-summary-gas strong {
  font-size: 10.7px !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 58px !important;
    width: min(382px, calc(100% - 28px)) !important;
    padding: 13px 14px 14px !important;
  }
  .glider-xen-router-root .glxr-settings-fields {
    gap: 12px !important;
  }
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 56px !important;
    right: auto !important;
    left: 50% !important;
    width: calc(100% - 20px) !important;
    padding: 13px !important;
    transform: translateX(-50%) !important;
  }
  .glider-xen-router-root .glxr-settings-panel .glxr-slippage-setting {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }
  .glider-xen-router-root .glxr-settings-panel .glxr-slippage-control {
    grid-template-columns: 50px 74px !important;
    width: 131px !important;
    max-width: 131px !important;
  }
  .glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting input {
    font-size: 9.6px !important;
  }
  .glider-xen-router-root .glxr-summary-gas {
    margin-right: 4px !important;
  }
}

/* =========================================================
   BETA 29 - HIGH-CONTRAST EXECUTION CTA
   Keep the execution control immediately legible without
   changing its dimensions, states, routing or click logic.
   ========================================================= */
.glider-xen-router-root .glxr-primary:not(:disabled) {
  color: #061722 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}
.glider-xen-router-root .glxr-primary:not(:disabled) span {
  color: #061722 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #061722 !important;
}
.glider-xen-router-root .glxr-primary:not(:disabled) svg {
  color: #061722 !important;
  stroke: #061722 !important;
  opacity: .92 !important;
}

/* Do not fade the whole disabled control: mute the surface instead,
   preserving readable status text such as "Insufficient USDC". */
.glider-xen-router-root .glxr-primary:disabled {
  opacity: 1 !important;
  color: #c3d0d7 !important;
  background: #3f586a !important;
  border-color: rgba(151, 179, 197, .24) !important;
  filter: none !important;
  box-shadow: none !important;
}
.glider-xen-router-root .glxr-primary:disabled span {
  color: #c3d0d7 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #c3d0d7 !important;
}
.glider-xen-router-root .glxr-primary:disabled svg {
  color: #aebdc6 !important;
  stroke: #aebdc6 !important;
  opacity: .88 !important;
}

/* =========================================================
   BETA 30 - REFINED INFORMATION HIERARCHY + ROYAL BLUE CTA
   Secondary pricing metadata is intentionally quieter, while
   the executable action becomes the strongest interactive cue.
   Geometry and routing behaviour are unchanged.
   ========================================================= */

/* Live fiat conversions are supporting information, not primary amounts. */
.glider-xen-router-root .glxr-fiat-value {
  color: #9aa9b5 !important;
  -webkit-text-fill-color: #9aa9b5 !important;
  font-weight: 680 !important;
}

/* Unit-price USD context in the quote header stays visible but subordinate. */
.glider-xen-router-root .glxr-quote-overview strong > em {
  color: #8f9eaa !important;
  -webkit-text-fill-color: #8f9eaa !important;
  font-weight: 680 !important;
}

/* Gas estimate mirrors the subdued treatment used by mature swap interfaces. */
.glider-xen-router-root .glxr-summary-gas {
  color: #94a4af !important;
}
.glider-xen-router-root .glxr-summary-gas svg {
  color: #94a4af !important;
  stroke: #94a4af !important;
  opacity: .82 !important;
}
.glider-xen-router-root .glxr-summary-gas strong {
  color: #a7b4bd !important;
  -webkit-text-fill-color: #a7b4bd !important;
  font-weight: 760 !important;
}

/* Quote-detail rail: restrained labels, clear but non-competing values. */
.glider-xen-router-root .glxr-inline-quote dt {
  color: #93a3af !important;
  -webkit-text-fill-color: #93a3af !important;
  font-weight: 760 !important;
}
.glider-xen-router-root .glxr-inline-quote dd {
  color: #d8e1e7 !important;
  -webkit-text-fill-color: #d8e1e7 !important;
  font-weight: 850 !important;
}
.glider-xen-router-root .glxr-legal-line {
  color: #778c9a !important;
  -webkit-text-fill-color: #778c9a !important;
}
.glider-xen-router-root .glxr-legal-line span:first-child {
  color: #69d3ad !important;
  -webkit-text-fill-color: #69d3ad !important;
}
.glider-xen-router-root .glxr-legal-line span:first-child svg {
  color: #69d3ad !important;
  stroke: #69d3ad !important;
}

/* Active execution state: strong royal-blue action with white label.
   The arrow is decorative and is intentionally removed. */
.glider-xen-router-root .glxr-primary:not(:disabled) {
  color: #ffffff !important;
  background: #2563eb !important;
  border-color: #4b82f2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 26px rgba(37,99,235,.22) !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}
.glider-xen-router-root .glxr-primary:not(:disabled) span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
.glider-xen-router-root .glxr-primary:not(:disabled):hover {
  color: #ffffff !important;
  background: #2f6ff5 !important;
  border-color: #5b8df6 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}
.glider-xen-router-root .glxr-primary svg {
  display: none !important;
}


/* =========================================================
   BETA 33 - SETTINGS POPOVER LINE ALIGNMENT
   Desktop settings remain anchored to the control side of the
   terminal, with the popover lowered so its top edge aligns
   with the swap input surface rather than the terminal title.
   ========================================================= */
@media (min-width: 681px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 72px !important;
    right: 14px !important;
    left: auto !important;
    width: min(392px, calc(100% - 28px)) !important;
    transform: none !important;
    transform-origin: top right !important;
    animation: glxr-settings-pop-beta33 .14s ease both !important;
  }

  @keyframes glxr-settings-pop-beta33 {
    from { opacity: 0; transform: translateY(-4px) scale(.994); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
}

/* Short laptop viewports keep the same right-hand anchor and
   the same visual alignment with the swap input surface. */
@media (min-width: 681px) and (max-height: 900px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 68px !important;
    right: 12px !important;
    width: min(382px, calc(100% - 24px)) !important;
  }
}

/* Mobile remains centred and viewport-safe rather than forcing
   a desktop-style edge anchor into a narrow screen. */
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-settings-panel {
    top: 56px !important;
    right: auto !important;
    left: 50% !important;
    width: calc(100% - 20px) !important;
    transform: translateX(-50%) !important;
    transform-origin: top center !important;
    animation: glxr-settings-pop-beta28 .14s ease both !important;
  }
}

/* =========================================================
   BETA 34 - INPUT LOCK, FIAT SEPARATION, ICON ART CLEANUP
   Built directly from the accepted beta.33 baseline.
   ========================================================= */

/* Keep the live USD conversion clearly separated from the primary unit amount
   without changing the pay/receive card geometry. */
.glider-xen-router-root .glxr-fiat-value {
  top: 7px !important;
}

/* Preserve the beta.33 four-column quote rail. Only the live values move down
   and centre within their existing cells; headers remain left aligned. */
.glider-xen-router-root .glxr-inline-quote dt {
  text-align: left !important;
}
.glider-xen-router-root .glxr-inline-quote dd {
  margin-top: 9px !important;
  text-align: center !important;
}

/* Image-backed network artwork should be the artwork itself, not a dark UI
   plate around it. Keep the geometry and circular clipping but remove the
   artificial matte fill and padding. */
.glider-xen-router-root .glxr-chain-icon.has-image,
.glider-xen-router-root .glxr-picker-icon.is-chain-art,
.glider-xen-router-root .glxr-chain-icon:has(img),
.glider-xen-router-root .glxr-picker-icon.is-chain-art:has(img) {
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.glider-xen-router-root .glxr-chain-icon.has-image img,
.glider-xen-router-root .glxr-picker-icon.is-chain-art img,
.glider-xen-router-root .glxr-chain-icon:has(img) img,
.glider-xen-router-root .glxr-picker-icon.is-chain-art:has(img) img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  object-fit: contain !important;
  filter: saturate(1.04) contrast(1.04) !important;
}

/* The same rule applies to ordinary token artwork. Do not paint a black/dark
   backing behind transparent logos. The official XEN/aXEN mark is excluded
   because its dark circular field is intentional artwork. */
.glider-xen-router-root .glxr-token-icon.has-image:not(.is-xen-logo),
.glider-xen-router-root .glxr-picker-icon:not(.is-chain-art):has(img):not(.is-xen-logo) {
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.glider-xen-router-root .glxr-token-icon.has-image:not(.is-xen-logo) img,
.glider-xen-router-root .glxr-picker-icon:not(.is-chain-art):has(img):not(.is-xen-logo) img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  background: transparent !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Preserve the deliberate contrast treatment only for the handful of marks
   explicitly flagged as unreadable on the dark router surface. */
.glider-xen-router-root .glxr-chain-icon.needs-contrast,
.glider-xen-router-root .glxr-picker-icon.is-chain-art.needs-contrast {
  padding: 2px !important;
  border-color: rgba(236, 244, 248, .38) !important;
  background: #dce5eb !important;
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glider-xen-router-root .glxr-fiat-value {
    top: 7px !important;
  }
  .glider-xen-router-root .glxr-inline-quote dd {
    margin-top: 8px !important;
  }
}


/* =========================================================
   BETA 35 - REOWN SOURCE NETWORK + WALLET-AWARE TOKEN PICKER
   ========================================================= */

/* Keep source balance and contract verification as a compact right-hand datum
   without changing the accepted beta.34 asset-card geometry. */
.glider-xen-router-root .glxr-source-meta {
  margin-left: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  text-align: right;
}
.glider-xen-router-root .glxr-source-meta .glxr-balance {
  max-width: 240px;
  margin: 0;
}
.glider-xen-router-root .glxr-source-contract {
  color: #8196a7;
  font-size: 9.4px;
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: .015em;
  text-decoration: none;
  text-transform: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-source-contract:hover,
.glider-xen-router-root .glxr-source-contract:focus-visible {
  color: #b9c8d2;
}

/* Token rows now reserve the right datum for a wallet balance when one has
   been read through the connected AppKit provider. Numeric holdings should
   read like balances, not uppercase category badges. */
.glider-xen-router-root .glxr-picker-token-side {
  min-width: 78px;
  max-width: 112px;
  margin-left: auto;
  color: #7f94a5;
  font-size: 9.4px !important;
  font-weight: 780 !important;
  line-height: 1.2;
  text-align: right;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-picker-token-side.has-balance {
  color: #c4d1d9;
  font-weight: 850 !important;
}
.glider-xen-router-root .glxr-picker-token-side.has-zero-balance {
  color: #667c8e;
}

/* Give symbol / name / shortened-contract text the available centre column.
   This mirrors wallet-aware DEX selectors without widening the modal. */
.glider-xen-router-root .glxr-picker-token-item > span:nth-child(2) {
  min-width: 0;
  flex: 1 1 auto;
}
.glider-xen-router-root .glxr-picker-token-item > span:nth-child(2) small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-source-meta .glxr-balance {
    max-width: 135px;
  }
  .glider-xen-router-root .glxr-source-contract {
    font-size: 8.8px;
  }
  .glider-xen-router-root .glxr-picker-token-side {
    min-width: 64px;
    max-width: 88px;
    font-size: 8.8px !important;
  }
}

/* =========================================================
   BETA 36 - CURATED WALLET-FIRST ASSETS + CONTRACT ACTIONS
   ========================================================= */
.glider-xen-router-root .glxr-contract-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}
.glider-xen-router-root .glxr-contract-actions[hidden] { display: none !important; }
.glider-xen-router-root .glxr-contract-copy {
  appearance: none;
  padding: 0;
  border: 0;
  color: #758a9b;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 9.2px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .015em;
}
.glider-xen-router-root .glxr-contract-copy:hover,
.glider-xen-router-root .glxr-contract-copy:focus-visible { color: #c1d0d9; }
.glider-xen-router-root .glxr-contract-actions > a {
  color: #8196a7;
  font-size: 9.4px !important;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .015em;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-contract-actions > a:hover,
.glider-xen-router-root .glxr-contract-actions > a:focus-visible { color: #b9c8d2; }

/* The default token list is deliberately compact: wallet-held routeable assets
   plus curated majors. The wider Relay catalogue remains search-driven. */
.glider-xen-router-root .glxr-picker-token-item {
  cursor: pointer;
}
.glider-xen-router-root .glxr-picker-token-item:focus-visible {
  outline: 1px solid rgba(98, 207, 244, .55);
  outline-offset: 1px;
}
.glider-xen-router-root .glxr-picker-token-copy {
  min-width: 0;
  display: block;
}
.glider-xen-router-root .glxr-picker-token-copy > small {
  display: block;
  max-width: 100%;
  margin-top: 2px;
  overflow: hidden;
  color: #8ca0af;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-picker-contract-line,
.glider-xen-router-root .glxr-picker-native-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 16px;
  margin-top: 2px;
  color: #657c8f;
  font-size: 9.4px;
  font-weight: 720;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.glider-xen-router-root .glxr-picker-contract-copy {
  appearance: none;
  max-width: 150px;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #6f8799;
  background: transparent;
  cursor: copy;
  font: inherit;
  font-size: 9.4px;
  font-weight: 760;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-picker-contract-copy:hover,
.glider-xen-router-root .glxr-picker-contract-copy:focus-visible { color: #b7c8d4; }
.glider-xen-router-root .glxr-picker-contract-explorer {
  display: inline-flex;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(111, 142, 166, .16);
  border-radius: 5px;
  color: #7692a5;
  background: rgba(255,255,255,.015);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}
.glider-xen-router-root .glxr-picker-contract-explorer:hover,
.glider-xen-router-root .glxr-picker-contract-explorer:focus-visible {
  border-color: rgba(98,207,244,.32);
  color: #c6e7f3;
}
.glider-xen-router-root .glxr-picker-token-side.has-balance {
  align-self: center;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-contract-copy,
  .glider-xen-router-root .glxr-contract-actions > a,
  .glider-xen-router-root .glxr-picker-contract-copy,
  .glider-xen-router-root .glxr-picker-contract-line,
  .glider-xen-router-root .glxr-picker-native-meta {
    font-size: 8.8px !important;
  }
  .glider-xen-router-root .glxr-picker-contract-copy { max-width: 116px; }
}

/* =========================================================
   BETA 37 - SELECTOR POLISH + QUIET CONTRACT VERIFICATION
   ========================================================= */

/* The active token should read as selected Glider/Reown UI, not as a green
   success state. Execution/security success remains green elsewhere. */
.glider-xen-router-root .glxr-picker-item.is-selected {
  border-color: rgba(98, 207, 244, .24) !important;
  background: rgba(98, 207, 244, .025) !important;
}
.glider-xen-router-root .glxr-picker-item.is-selected em {
  color: #8fb9c9 !important;
}

/* Contract verification follows the quieter 1inch-style interaction: the
   shortened address is the only persistent control; copy/explorer actions
   appear on demand instead of occupying every row. */
.glider-xen-router-root .glxr-picker-contract-line {
  position: relative;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  min-height: 16px;
  margin-top: 2px;
}
.glider-xen-router-root .glxr-picker-contract-trigger {
  appearance: none;
  max-width: 150px;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #73899a;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 9.4px;
  font-weight: 740;
  line-height: 1.2;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.glider-xen-router-root .glxr-picker-contract-trigger:hover,
.glider-xen-router-root .glxr-picker-contract-trigger:focus-visible,
.glider-xen-router-root .glxr-picker-contract-trigger[aria-expanded="true"] {
  color: #b9cad4;
  outline: 0;
}
.glider-xen-router-root .glxr-picker-contract-menu {
  position: absolute;
  z-index: 12;
  top: calc(100% + 5px);
  left: -7px;
  display: grid;
  width: 156px;
  padding: 5px;
  border: 1px solid rgba(132, 157, 176, .20);
  border-radius: 9px;
  background: #141a20;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .48);
}
.glider-xen-router-root .glxr-picker-contract-menu[hidden] {
  display: none !important;
}
.glider-xen-router-root .glxr-picker-contract-menu button,
.glider-xen-router-root .glxr-picker-contract-menu a {
  display: flex;
  min-height: 31px;
  padding: 0 9px;
  align-items: center;
  border: 0;
  border-radius: 6px;
  color: #d2dbe1;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 9.7px;
  font-weight: 690;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
}
.glider-xen-router-root .glxr-picker-contract-menu button:hover,
.glider-xen-router-root .glxr-picker-contract-menu button:focus-visible,
.glider-xen-router-root .glxr-picker-contract-menu a:hover,
.glider-xen-router-root .glxr-picker-contract-menu a:focus-visible {
  color: #f0f5f7;
  background: rgba(255, 255, 255, .055);
  outline: 0;
}

/* Source and fixed-destination token marks now use exactly the same geometry.
   This removes the optical mismatch between selectable source tokens and aXEN. */
.glider-xen-router-root .glxr-token-icon,
.glider-xen-router-root .glxr-axen-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
}
.glider-xen-router-root .glxr-locked-token {
  grid-template-columns: 38px minmax(0, 1fr) !important;
}

/* With visible Copy buttons removed from the swap card, the remaining
   verification address sits by itself as a quiet explorer datum. */
.glider-xen-router-root .glxr-contract-actions {
  gap: 0 !important;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-token-icon,
  .glider-xen-router-root .glxr-axen-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
  .glider-xen-router-root .glxr-locked-token {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }
  .glider-xen-router-root .glxr-picker-contract-trigger {
    max-width: 116px;
    font-size: 8.8px;
  }
  .glider-xen-router-root .glxr-picker-contract-menu {
    width: 148px;
  }
}

/* Compact two-line token identity: symbol first, then name · contract/native.
   This matches the information density of mature DEX selectors without
   copying their branding. */
.glider-xen-router-root .glxr-picker-token-item:hover {
  transform: none !important;
}
.glider-xen-router-root .glxr-picker-token-copy > .glxr-picker-token-meta {
  display: flex !important;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 3px !important;
  align-items: center;
  gap: 4px;
  overflow: visible !important;
  color: #8398a8;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-picker-token-name {
  min-width: 0;
  overflow: hidden;
  flex: 0 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-picker-meta-dot {
  flex: 0 0 auto;
  color: #536a7b;
}
.glider-xen-router-root .glxr-picker-contract-line,
.glider-xen-router-root .glxr-picker-native-meta {
  flex: 0 0 auto;
  min-height: 0;
  margin-top: 0;
}


/* =========================================================
   BETA 38 - HOVER CONTRACT VERIFICATION + NETWORK ART PARITY
   ========================================================= */

/* Contract data stays quiet in the row, but is a little brighter/larger so
   it is readable without competing with the token name. */
.glider-xen-router-root .glxr-picker-contract-trigger {
  max-width: 158px;
  color: #879aa9;
  font-size: 10px;
  font-weight: 720;
  line-height: 1.3;
}
.glider-xen-router-root .glxr-picker-contract-trigger:hover,
.glider-xen-router-root .glxr-picker-contract-trigger:focus-visible,
.glider-xen-router-root .glxr-picker-contract-trigger[aria-expanded="true"] {
  color: #d1dce2;
}

/* The hover card follows the 1inch information density: clearer type,
   recognisable action glyphs, and a larger hit area without becoming bulky. */
.glider-xen-router-root .glxr-picker-contract-menu {
  top: calc(100% + 4px);
  left: -9px;
  width: 178px;
  padding: 6px;
  border-color: rgba(145, 168, 184, .28);
  border-radius: 9px;
  background: #171d23;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255,255,255,.025);
}
.glider-xen-router-root .glxr-picker-contract-menu button,
.glider-xen-router-root .glxr-picker-contract-menu a {
  min-height: 35px;
  gap: 9px;
  padding: 0 10px;
  color: #e0e7eb;
  font-size: 10.8px;
  font-weight: 720;
  line-height: 1.2;
}
.glider-xen-router-root .glxr-contract-menu-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: #aebbc4;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.glider-xen-router-root .glxr-picker-contract-menu button:hover .glxr-contract-menu-icon,
.glider-xen-router-root .glxr-picker-contract-menu button:focus-visible .glxr-contract-menu-icon,
.glider-xen-router-root .glxr-picker-contract-menu a:hover .glxr-contract-menu-icon,
.glider-xen-router-root .glxr-picker-contract-menu a:focus-visible .glxr-contract-menu-icon {
  stroke: #eef5f7;
}

/* The fixed Avalanche destination now uses the very same .glxr-chain-icon
   component and artwork resolution path as the selected source network. This
   intentionally removes any source/output logo-size or artwork mismatch. */
.glider-xen-router-root .glxr-destination-chain > .glxr-chain-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-picker-contract-trigger {
    max-width: 124px;
    font-size: 9.3px;
  }
  .glider-xen-router-root .glxr-picker-contract-menu {
    width: 166px;
  }
  .glider-xen-router-root .glxr-picker-contract-menu button,
  .glider-xen-router-root .glxr-picker-contract-menu a {
    min-height: 34px;
    font-size: 10.4px;
  }
  .glider-xen-router-root .glxr-destination-chain > .glxr-chain-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }
}


/* =========================================================
   BETA 40 - DESTINATION WALLET BALANCE PARITY
   ========================================================= */
/* Mirror the source-side information hierarchy on the receive side: the
   destination wallet balance sits above the existing shortened contract link. */
.glider-xen-router-root .glxr-destination-meta {
  margin-left: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  text-align: right;
}
.glider-xen-router-root .glxr-destination-meta .glxr-balance {
  max-width: 240px;
  margin: 0;
}
.glider-xen-router-root .glxr-destination-meta .glxr-contract-actions {
  display: inline-flex;
  justify-content: flex-end;
  min-width: 0;
}
.glider-xen-router-root .glxr-destination-meta .glxr-contract-actions[hidden] {
  display: none !important;
}
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-destination-meta .glxr-balance {
    max-width: 135px;
  }
}


/* =========================================================
   BETA 42 - PUBLIC BETA STATUS + XEN EXPANSION POSITIONING
   Launch-status badge sits with the small Glider Labs label,
   leaving the flagship product title visually uninterrupted.
   ========================================================= */
.glider-xen-router-root .glxr-intro h1 span {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: 100%;
}
.glider-xen-router-root .glxr-beta-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 21px;
  margin: 0 0 0 1px;
  padding: 3px 8px 2px;
  border: 1px solid rgba(98,207,244,.32);
  border-radius: 999px;
  color: #bfeeff;
  background: rgba(98,207,244,.07);
  box-shadow: 0 0 18px rgba(98,207,244,.06);
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  -webkit-text-fill-color: #bfeeff;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-intro h1 span { gap: 8px; }
  .glider-xen-router-root .glxr-beta-badge {
    min-height: 19px;
    padding: 3px 7px 2px;
    font-size: 7.5px;
  }
}

/* =========================================================
   BETA 43 - MOBILE LAUNCH CONTAINMENT + IOS WIDTH PASS
   CSS-only production patch over beta.42. No routing, wallet,
   Reown, Relay, balance, quote or execution logic changes.
   ========================================================= */
@media (max-width: 680px) {
  html:has(.glider-xen-router-root),
  body.glider-xen-router-canvas {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .glider-xen-router-root {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .glider-xen-router-root .glxr-shell {
    width: calc(100% - 20px) !important;
    max-width: 620px !important;
    min-width: 0 !important;
  }

  .glider-xen-router-root .glxr-header {
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 10px 11px !important;
  }
  .glider-xen-router-root .glxr-brand,
  .glider-xen-router-root .glxr-brand-copy,
  .glider-xen-router-root .glxr-header-actions {
    min-width: 0 !important;
  }

  .glider-xen-router-root .glxr-hero {
    width: 100% !important;
    min-width: 0 !important;
    gap: 30px !important;
    padding: 32px 0 52px !important;
  }
  .glider-xen-router-root .glxr-intro {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 4px !important;
  }
  .glider-xen-router-root .glxr-kicker {
    max-width: 100% !important;
    padding: 8px 10px !important;
    font-size: 8.4px !important;
    line-height: 1.35 !important;
    letter-spacing: .105em !important;
    white-space: normal !important;
  }
  .glider-xen-router-root .glxr-intro h1,
  .glider-xen-router-root .glxr-intro h1 strong {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .glider-xen-router-root .glxr-intro h1 strong {
    font-size: clamp(43px, 13vw, 56px) !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
    text-wrap: balance;
  }
  .glider-xen-router-root .glxr-intro > p {
    width: 100% !important;
    max-width: 350px !important;
    margin-top: 24px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    overflow-wrap: break-word !important;
  }
  .glider-xen-router-root .glxr-intro-points {
    width: 100% !important;
    max-width: 350px !important;
    gap: 11px !important;
    margin-top: 23px !important;
  }
  .glider-xen-router-root .glxr-intro-points span {
    min-width: 0 !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 11.5px !important;
    line-height: 1.48 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  .glider-xen-router-root .glxr-intro-points i {
    flex: 0 0 18px !important;
    margin-top: 0 !important;
  }

  .glider-xen-router-root .glxr-terminal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding: 11px !important;
    border-radius: 20px !important;
  }
  .glider-xen-router-root .glxr-terminal > *,
  .glider-xen-router-root .glxr-asset-box,
  .glider-xen-router-root .glxr-amount-row,
  .glider-xen-router-root .glxr-chain-row {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .glider-xen-router-root .glxr-terminal-head {
    gap: 12px !important;
    padding: 3px 2px 13px !important;
  }
  .glider-xen-router-root .glxr-terminal-head strong {
    font-size: 16.5px !important;
  }
  .glider-xen-router-root .glxr-settings-button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .glider-xen-router-root .glxr-asset-box {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
  .glider-xen-router-root .glxr-box-label {
    min-width: 0 !important;
    gap: 8px !important;
  }
  .glider-xen-router-root .glxr-box-label > span,
  .glider-xen-router-root .glxr-verified {
    min-width: 0 !important;
  }
  .glider-xen-router-root .glxr-verified {
    max-width: 52% !important;
    overflow: hidden !important;
    font-size: 8.5px !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .glider-xen-router-root .glxr-amount-row {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(128px, 42%) !important;
    gap: 8px !important;
  }
  .glider-xen-router-root .glxr-amount-stack {
    width: 100% !important;
    min-width: 0 !important;
  }
  .glider-xen-router-root .glxr-token-control,
  .glider-xen-router-root .glxr-locked-token {
    width: 100% !important;
    max-width: 154px !important;
    min-width: 0 !important;
    padding-inline: 7px !important;
  }
  .glider-xen-router-root .glxr-token-control > span:nth-child(2),
  .glider-xen-router-root .glxr-locked-token > span:nth-child(2) {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .glider-xen-router-root .glxr-token-control small,
  .glider-xen-router-root .glxr-locked-token small {
    width: 100% !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .glider-xen-router-root .glxr-chain-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(104px, 40%) !important;
    gap: 7px !important;
    align-items: center !important;
  }
  .glider-xen-router-root .glxr-chain-control,
  .glider-xen-router-root .glxr-destination-chain,
  .glider-xen-router-root .glxr-destination-chain-control {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .glider-xen-router-root .glxr-chain-control > span:nth-child(2),
  .glider-xen-router-root .glxr-destination-chain > span:nth-child(2),
  .glider-xen-router-root .glxr-destination-chain-control > span:nth-child(2) {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .glider-xen-router-root .glxr-chain-control strong,
  .glider-xen-router-root .glxr-destination-chain strong,
  .glider-xen-router-root .glxr-destination-chain-control strong {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .glider-xen-router-root .glxr-source-meta,
  .glider-xen-router-root .glxr-destination-meta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .glider-xen-router-root .glxr-source-meta .glxr-balance,
  .glider-xen-router-root .glxr-destination-meta .glxr-balance,
  .glider-xen-router-root .glxr-source-contract,
  .glider-xen-router-root .glxr-destination-meta .glxr-contract-actions > a {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 8.8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .glider-xen-router-root .glxr-primary {
    width: 100% !important;
  }
  .glider-xen-router-root .glxr-trust-strip {
    width: 100% !important;
    gap: 11px !important;
    margin-top: 8px !important;
    margin-bottom: 42px !important;
  }
  .glider-xen-router-root .glxr-trust-strip > div {
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
  }
  .glider-xen-router-root .glxr-footer {
    padding-inline: 4px !important;
  }

  .glider-xen-router-root .glxr-picker {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .glider-xen-router-root .glxr-picker > section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  .glider-xen-router-root .glxr-shell {
    width: calc(100% - 16px) !important;
  }
  .glider-xen-router-root .glxr-brand-copy strong {
    font-size: 10.5px !important;
    letter-spacing: .09em !important;
  }
  .glider-xen-router-root .glxr-wallet-button {
    min-width: 86px !important;
    max-width: 92px !important;
  }
  .glider-xen-router-root .glxr-intro h1 strong {
    font-size: clamp(41px, 12.6vw, 50px) !important;
  }
  .glider-xen-router-root .glxr-terminal {
    padding: 9px !important;
  }
  .glider-xen-router-root .glxr-asset-box {
    padding: 11px !important;
  }
  .glider-xen-router-root .glxr-amount-row {
    grid-template-columns: minmax(0, 1fr) minmax(124px, 41%) !important;
    gap: 7px !important;
  }
  .glider-xen-router-root .glxr-chain-row {
    grid-template-columns: minmax(0, 1fr) minmax(98px, 39%) !important;
  }
}

/* Keep token-address actions above every picker boundary. The menu is moved to
   the picker overlay while open so short, scrollable token lists cannot clip it. */
.glider-xen-router-root .glxr-picker-contract-menu.is-portal {
  position: fixed !important;
  z-index: 2147483647 !important;
  margin: 0 !important;
}

/* Beta 59: keep the paragraph close to the product title, then give the
   custody line its own breathing room as a centred slogan. */
.glider-xen-router-root .glxr-intro > p {
  margin-top: 20px !important;
}
.glider-xen-router-root .glxr-keys-line {
  width: 100%;
  max-width: 720px;
  margin: 20px 0 0;
  color: #d4dde5;
  font-size: clamp(16px, 1.3vw, 19px);
  font-weight: 820;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
.glider-xen-router-root .glxr-keys-line + .glxr-intro-points {
  margin-top: 28px;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-intro > p {
    margin-top: 18px !important;
  }
  .glider-xen-router-root .glxr-keys-line {
    max-width: 350px;
    margin: 18px auto 0;
    font-size: 13.25px;
  }
  .glider-xen-router-root .glxr-keys-line + .glxr-intro-points {
    margin-top: 18px !important;
  }
}

/* =========================================================
   BETA 44 - MOBILE COMPOSITION + DENSITY REFINEMENT
   Visual/mobile CSS pass over beta.43. The working wallet,
   Reown, Relay, balance, quote and execution JS is unchanged.
   ========================================================= */
@media (max-width: 680px) {
  /* The first containment pass stopped overflow. This pass makes the hero
     feel intentionally mobile rather than a desktop hero squeezed narrower. */
  .glider-xen-router-root .glxr-hero {
    gap: 22px !important;
    padding: 26px 0 38px !important;
  }
  .glider-xen-router-root .glxr-intro {
    padding-inline: 2px !important;
  }
  .glider-xen-router-root .glxr-kicker {
    margin-bottom: 18px !important;
    padding: 7px 9px !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: .10em !important;
  }
  .glider-xen-router-root .glxr-intro h1 span {
    justify-content: center !important;
    width: 100% !important;
    font-size: 20px !important;
    text-align: center !important;
  }
  .glider-xen-router-root .glxr-intro h1 strong {
    margin-top: 12px !important;
    font-size: clamp(40px, 11.8vw, 49px) !important;
    line-height: .96 !important;
    letter-spacing: -.047em !important;
  }
  .glider-xen-router-root .glxr-intro > p {
    max-width: 338px !important;
    margin-top: 19px !important;
    font-size: 13.25px !important;
    line-height: 1.55 !important;
  }
  .glider-xen-router-root .glxr-intro-points {
    max-width: 338px !important;
    gap: 9px !important;
    margin-top: 18px !important;
  }
  .glider-xen-router-root .glxr-intro-points span {
    gap: 9px !important;
    font-size: 10.8px !important;
    line-height: 1.42 !important;
  }
  .glider-xen-router-root .glxr-intro-points i {
    flex-basis: 17px !important;
    width: 17px !important;
    height: 17px !important;
  }
  .glider-xen-router-root .glxr-intro-points i::after {
    margin: 5px !important;
  }

  /* Compact the live terminal just enough to improve information hierarchy,
     while retaining comfortable touch targets and the desktop design language. */
  .glider-xen-router-root .glxr-terminal {
    padding: 10px !important;
    border-radius: 18px !important;
  }
  .glider-xen-router-root .glxr-terminal-head {
    padding: 2px 2px 11px !important;
  }
  .glider-xen-router-root .glxr-terminal-head strong {
    margin-top: 5px !important;
    font-size: 15.5px !important;
  }
  .glider-xen-router-root .glxr-settings-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 11px !important;
  }
  .glider-xen-router-root .glxr-asset-box {
    padding: 10px !important;
    border-radius: 15px !important;
  }
  .glider-xen-router-root .glxr-box-label {
    min-height: 18px !important;
  }
  .glider-xen-router-root .glxr-box-label > span:first-child,
  .glider-xen-router-root .glxr-box-label button {
    font-size: 8.8px !important;
  }
  .glider-xen-router-root .glxr-verified {
    font-size: 8px !important;
  }
  .glider-xen-router-root .glxr-amount-row {
    grid-template-columns: minmax(0, 1fr) minmax(126px, 39%) !important;
    gap: 7px !important;
    margin-top: 8px !important;
  }
  .glider-xen-router-root .glxr-amount-row > input,
  .glider-xen-router-root .glxr-output {
    font-size: 27px !important;
  }
  .glider-xen-router-root .glxr-token-control,
  .glider-xen-router-root .glxr-locked-token {
    max-width: 146px !important;
    min-height: 48px !important;
  }
  .glider-xen-router-root .glxr-token-control strong,
  .glider-xen-router-root .glxr-locked-token strong {
    font-size: 11px !important;
  }
  .glider-xen-router-root .glxr-token-control small,
  .glider-xen-router-root .glxr-locked-token small {
    font-size: 8.5px !important;
  }
  .glider-xen-router-root .glxr-token-icon,
  .glider-xen-router-root .glxr-axen-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }
  .glider-xen-router-root .glxr-locked-token {
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }

  /* Give chain identity priority over secondary metadata. Fixed metadata width
     keeps balance/contract text aligned without squeezing Avalanche C-Chain. */
  .glider-xen-router-root .glxr-chain-row {
    grid-template-columns: minmax(0, 1fr) 112px !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
  .glider-xen-router-root .glxr-chain-icon,
  .glider-xen-router-root .glxr-destination-chain > .glxr-chain-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
  }
  .glider-xen-router-root .glxr-chain-control,
  .glider-xen-router-root .glxr-destination-chain,
  .glider-xen-router-root .glxr-destination-chain-control {
    grid-template-columns: 28px minmax(0, 1fr) 10px !important;
    gap: 8px !important;
  }
  .glider-xen-router-root .glxr-chain-control small,
  .glider-xen-router-root .glxr-destination-chain small,
  .glider-xen-router-root .glxr-destination-chain-control small {
    font-size: 7.4px !important;
  }
  .glider-xen-router-root .glxr-chain-control strong,
  .glider-xen-router-root .glxr-destination-chain strong,
  .glider-xen-router-root .glxr-destination-chain-control strong {
    font-size: 10.5px !important;
  }
  .glider-xen-router-root .glxr-source-meta .glxr-balance,
  .glider-xen-router-root .glxr-destination-meta .glxr-balance,
  .glider-xen-router-root .glxr-source-contract,
  .glider-xen-router-root .glxr-destination-meta .glxr-contract-actions > a {
    font-size: 8.2px !important;
    line-height: 1.35 !important;
  }
  .glider-xen-router-root .glxr-route-divider {
    height: 18px !important;
  }
  .glider-xen-router-root .glxr-route-divider span {
    width: 34px !important;
    height: 34px !important;
  }

  /* The informational cards were consuming disproportionate vertical space on
     phones. Keep the same content but turn them into a tighter product summary. */
  .glider-xen-router-root .glxr-trust-strip {
    gap: 9px !important;
    margin-top: 4px !important;
    margin-bottom: 30px !important;
  }
  .glider-xen-router-root .glxr-trust-strip > div {
    min-height: 0 !important;
    padding: 14px 16px !important;
    border-radius: 15px !important;
  }
  .glider-xen-router-root .glxr-trust-strip > div > span {
    font-size: 8.3px !important;
  }
  .glider-xen-router-root .glxr-trust-strip strong {
    margin-top: 13px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  .glider-xen-router-root .glxr-trust-strip p {
    margin-top: 7px !important;
    font-size: 11.2px !important;
    line-height: 1.55 !important;
  }
  .glider-xen-router-root .glxr-footer {
    min-height: 0 !important;
    gap: 14px !important;
    padding: 18px 4px 28px !important;
  }
  .glider-xen-router-root .glxr-footer strong {
    font-size: 11.5px !important;
  }
  .glider-xen-router-root .glxr-footer span,
  .glider-xen-router-root .glxr-footer a {
    font-size: 9.8px !important;
  }
}

@media (max-width: 390px) {
  .glider-xen-router-root .glxr-intro h1 strong {
    font-size: clamp(38px, 11.6vw, 45px) !important;
  }
  .glider-xen-router-root .glxr-intro > p,
  .glider-xen-router-root .glxr-intro-points,
  .glider-xen-router-root .glxr-keys-line {
    max-width: 322px !important;
  }
  .glider-xen-router-root .glxr-amount-row {
    grid-template-columns: minmax(0, 1fr) 124px !important;
  }
  .glider-xen-router-root .glxr-token-control,
  .glider-xen-router-root .glxr-locked-token {
    max-width: 136px !important;
  }
  .glider-xen-router-root .glxr-chain-row {
    grid-template-columns: minmax(0, 1fr) 104px !important;
  }
}

/* Very narrow iPhones / embedded in-app browser widths: stack only the token
   selector line, not the whole transaction card. This is a safety breakpoint
   and does not change the normal 390-430px layout shown in launch screenshots. */
@media (max-width: 345px) {
  .glider-xen-router-root .glxr-amount-row {
    grid-template-columns: 1fr !important;
  }
  .glider-xen-router-root .glxr-token-control,
  .glider-xen-router-root .glxr-locked-token {
    width: 100% !important;
    max-width: 100% !important;
  }
  .glider-xen-router-root .glxr-chain-row {
    grid-template-columns: 1fr 96px !important;
  }
}

/* =========================================================
   BETA 45 - MOBILE INFORMATION CARD REFINEMENT
   Compact the final 01/02/03 section without touching router logic.
   ========================================================= */
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-trust-strip {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 8px 0 22px !important;
  }

  .glider-xen-router-root .glxr-trust-strip > div {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 5px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 14px 15px !important;
    border-radius: 14px !important;
  }

  .glider-xen-router-root .glxr-trust-strip > div > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid rgba(117, 151, 178, .15) !important;
    border-radius: 9px !important;
    color: #7894aa !important;
    background: rgba(8, 20, 34, .72) !important;
    font-size: 8.3px !important;
    line-height: 1 !important;
  }

  .glider-xen-router-root .glxr-trust-strip strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .glider-xen-router-root .glxr-trust-strip p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 11.1px !important;
    line-height: 1.5 !important;
  }

  .glider-xen-router-root .glxr-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}

@media (max-width: 390px) {
  .glider-xen-router-root .glxr-trust-strip > div {
    grid-template-columns: 29px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    padding: 13px !important;
  }
  .glider-xen-router-root .glxr-trust-strip > div > span {
    width: 27px !important;
    height: 27px !important;
    border-radius: 8px !important;
  }
  .glider-xen-router-root .glxr-trust-strip strong {
    font-size: 12.6px !important;
  }
  .glider-xen-router-root .glxr-trust-strip p {
    font-size: 10.8px !important;
  }
}

/* =========================================================
   BETA 64 - SWAP SETTINGS LABEL CONSISTENCY
   UI-only: Destination wallet follows the same sentence-case
   hierarchy as Slippage tolerance. No functional logic changes.
   ========================================================= */
.glider-xen-router-root .glxr-settings-panel .glxr-recipient-setting > [data-role="recipient-label"] {
  margin: 0 0 7px !important;
  color: #e6edf2 !important;
  font-size: 11.2px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =========================================================
   BETA 66 - BETA.64 ARTWORK + MOBILE ROUTER-FIRST UX
   UI/stability only. Artwork selection is restored to beta.64.
   Wallet, Reown, Relay, quote and execution behaviour is unchanged.
   ========================================================= */

/* Keep beta.64-selected artwork inside dimensionally stable wells while it
   decodes. Artwork source/selection remains beta.64 behaviour. */
.glider-xen-router-root .glxr-token-icon,
.glider-xen-router-root .glxr-chain-icon,
.glider-xen-router-root .glxr-picker-icon,
.glider-xen-router-root .glxr-axen-icon {
  flex-shrink: 0;
  overflow: hidden;
  contain: layout paint;
}
.glider-xen-router-root .glxr-token-icon img,
.glider-xen-router-root .glxr-chain-icon img,
.glider-xen-router-root .glxr-picker-icon img,
.glider-xen-router-root .glxr-axen-icon img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1 / 1;
}

@media (max-width: 680px) {
  /* Router-first mobile composition. The desktop product story remains intact,
     while phones move directly from the Glider Labs header into the router. */
  .glider-xen-router-root .glxr-hero {
    display: block !important;
    min-height: 0 !important;
    padding: 18px 0 30px !important;
  }
  .glider-xen-router-root .glxr-intro {
    display: none !important;
  }
  .glider-xen-router-root .glxr-terminal {
    margin-top: 0 !important;
  }

  /* iOS Safari zooms focused form controls below 16px. Keeping the selector
     search at 16px prevents page-scale zoom without changing desktop density. */
  .glider-xen-router-root .glxr-picker-search input {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Anchor the selector to the top of the visual viewport rather than
     vertically recentering it whenever the keyboard or result count changes.
     Header and search stay fixed; only the result list scrolls. */
  .glider-xen-router-root .glxr-picker {
    place-items: start center !important;
    align-items: start !important;
    height: var(--glxr-picker-vh, 100dvh) !important;
    min-height: 0 !important;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }
  .glider-xen-router-root .glxr-picker > section {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: calc(var(--glxr-picker-vh, 100dvh) - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom))) !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 15px !important;
  }
  .glider-xen-router-root .glxr-picker-head,
  .glider-xen-router-root .glxr-picker-search {
    flex: 0 0 auto !important;
  }
  .glider-xen-router-root .glxr-picker-search {
    min-height: 50px !important;
  }
  .glider-xen-router-root .glxr-picker-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
  }
}

/* =========================================================
   BETA 69 - INDICATIVE QUOTE METRIC ALIGNMENT
   UI-only: keep the accepted four-cell quote rail and align
   both metric labels and values to the left for faster scanning.
   No quote, routing or wallet logic changes.
   ========================================================= */
.glider-xen-router-root .glxr-inline-quote dt,
.glider-xen-router-root .glxr-inline-quote dd {
  text-align: left !important;
}


/* BETA.70 — RESEARCH LINKS
   Promote the current XEN/aXEN analysis above the earlier aXEN article without
   touching router, wallet, quote, search, artwork or execution behaviour. */
.glider-xen-router-root .glxr-research-links {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(240px, .85fr);
  gap: 12px;
  margin: 18px 0 0;
}
.glider-xen-router-root .glxr-research-links a {
  min-width: 0;
  text-decoration: none;
}
.glider-xen-router-root .glxr-research-primary,
.glider-xen-router-root .glxr-research-secondary {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(116, 150, 190, .18);
  border-radius: 14px;
  background: #06111d;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.glider-xen-router-root .glxr-research-primary {
  padding: 20px 22px;
  background:
    radial-gradient(circle at 86% 18%, rgba(93, 92, 236, .14), transparent 34%),
    linear-gradient(145deg, rgba(12, 31, 51, .98), rgba(6, 17, 29, .98));
  border-color: rgba(104, 151, 223, .28);
}
.glider-xen-router-root .glxr-research-secondary {
  padding: 18px 20px;
}
.glider-xen-router-root .glxr-research-primary:hover,
.glider-xen-router-root .glxr-research-secondary:hover {
  border-color: rgba(111, 205, 239, .38);
  transform: translateY(-1px);
}
.glider-xen-router-root .glxr-research-links span {
  color: #7894aa;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.glider-xen-router-root .glxr-research-links strong {
  display: block;
  margin-top: 7px;
  color: #eef4f7;
  font-size: 14px;
  line-height: 1.35;
}
.glider-xen-router-root .glxr-research-primary strong {
  font-size: 15px;
}
.glider-xen-router-root .glxr-research-links small {
  display: block;
  margin-top: 7px;
  color: #9eb0bd;
  font-size: 11px;
  line-height: 1.55;
}
.glider-xen-router-root .glxr-research-links b {
  display: block;
  margin-top: 11px;
  color: #9dcff2;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.3;
}
.glider-xen-router-root .glxr-research-secondary b {
  color: #849baa;
}
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-research-links {
    grid-template-columns: 1fr;
    margin-top: 14px;
  }
  .glider-xen-router-root .glxr-research-primary,
  .glider-xen-router-root .glxr-research-secondary {
    padding: 16px !important;
  }
  .glider-xen-router-root .glxr-research-primary strong,
  .glider-xen-router-root .glxr-research-links strong {
    font-size: 12.5px !important;
  }
  .glider-xen-router-root .glxr-research-links small {
    font-size: 10.5px !important;
  }
}

/* =========================================================
   BETA.79 — HOLDING STACK SPACING + LONG AMOUNT SAFETY
   UI-only refinement for the wallet-aware asset picker.
   Gives token amount and USD value clearer separation and prevents
   longer balances such as AVAX from clipping at the right edge.
   ========================================================= */
.glider-xen-router-root .glxr-picker-token-item {
  grid-template-columns: 41px minmax(0, 1fr) minmax(146px, max-content) !important;
  min-height: 72px !important;
  column-gap: 15px !important;
  padding: 10px 16px 10px 13px !important;
}

.glider-xen-router-root .glxr-picker-token-copy {
  min-width: 0;
}

.glider-xen-router-root .glxr-picker-token-side {
  min-width: 146px !important;
  max-width: none !important;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 7px !important;
  overflow: visible !important;
  text-align: right;
  text-overflow: clip !important;
  white-space: nowrap;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  line-height: 1.08;
  text-transform: none;
}

.glider-xen-router-root .glxr-picker-token-side strong {
  display: block;
  max-width: none;
  overflow: visible;
  color: #dce8ef;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: .01em;
  text-overflow: clip;
  white-space: nowrap;
}

.glider-xen-router-root .glxr-picker-token-side small {
  display: block;
  margin: 0;
  color: #7890a1;
  font-size: 8.7px;
  font-weight: 700;
  line-height: 1.08;
  white-space: nowrap;
}

.glider-xen-router-root .glxr-picker-token-side.has-balance strong {
  color: #dff8ed;
}

.glider-xen-router-root .glxr-picker-token-side.has-balance small {
  color: #80bda2;
}

.glider-xen-router-root .glxr-picker-token-side.has-zero-balance strong {
  color: #7f93a3;
}

.glider-xen-router-root .glxr-picker-token-side.is-status {
  min-width: 108px !important;
}

.glider-xen-router-root .glxr-picker-token-side.is-status strong {
  color: #7890a1;
  font-size: 8.7px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (min-width: 681px) {
  .glider-xen-router-root .glxr-picker[data-picker-type="token"] > section,
  .glider-xen-router-root .glxr-picker[data-picker-type="destination-token"] > section {
    width: min(600px, calc(100vw - 48px)) !important;
    min-height: min(500px, calc(100dvh - 64px)) !important;
    max-height: min(720px, calc(100dvh - 64px)) !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .glider-xen-router-root .glxr-picker[data-picker-type="token"] .glxr-picker-list,
  .glider-xen-router-root .glxr-picker[data-picker-type="destination-token"] .glxr-picker-list {
    flex: 1 1 auto !important;
    min-height: 320px !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
  }
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-picker-token-item {
    grid-template-columns: 39px minmax(0, 1fr) minmax(104px, 116px) !important;
    column-gap: 10px !important;
    padding-inline: 10px !important;
  }

  .glider-xen-router-root .glxr-picker-token-side {
    min-width: 104px !important;
    max-width: 116px !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  .glider-xen-router-root .glxr-picker-token-side strong,
  .glider-xen-router-root .glxr-picker-token-side small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .glider-xen-router-root .glxr-picker-token-side strong {
    font-size: 10px;
  }

  .glider-xen-router-root .glxr-picker-token-side small {
    font-size: 8.3px;
  }
}


/* =========================================================
   BETA.80 — MOBILE HOLDINGS FIT + PICKER LEGIBILITY
   UI-only asset-picker refinement.
   Slightly increases token-row typography and gives mobile holdings enough
   width for normal native/EVM balances without clipping the token symbol.
   ========================================================= */
.glider-xen-router-root .glxr-picker-token-copy > strong {
  font-size: 12.8px !important;
  line-height: 1.16 !important;
  letter-spacing: .005em !important;
}

.glider-xen-router-root .glxr-picker-token-copy > small,
.glider-xen-router-root .glxr-picker-token-meta,
.glider-xen-router-root .glxr-picker-contract-line,
.glider-xen-router-root .glxr-picker-native-meta {
  font-size: 9.8px !important;
  line-height: 1.25 !important;
}

.glider-xen-router-root .glxr-picker-token-side strong {
  font-size: 11.4px !important;
  line-height: 1.12 !important;
}

.glider-xen-router-root .glxr-picker-token-side small {
  font-size: 9.2px !important;
  line-height: 1.12 !important;
}

@media (max-width: 680px) {
  .glider-xen-router-root .glxr-picker-token-item {
    grid-template-columns: 42px minmax(0, 1fr) minmax(132px, 142px) !important;
    min-height: 70px !important;
    column-gap: 10px !important;
    padding: 10px 12px !important;
  }

  .glider-xen-router-root .glxr-picker-token-copy > strong {
    font-size: 13px !important;
  }

  .glider-xen-router-root .glxr-picker-token-copy > small,
  .glider-xen-router-root .glxr-picker-token-meta,
  .glider-xen-router-root .glxr-picker-contract-line,
  .glider-xen-router-root .glxr-picker-native-meta {
    font-size: 9.9px !important;
  }

  .glider-xen-router-root .glxr-picker-token-side {
    min-width: 132px !important;
    max-width: 142px !important;
    gap: 6px !important;
    overflow: hidden !important;
  }

  .glider-xen-router-root .glxr-picker-token-side strong {
    max-width: 100% !important;
    font-size: 11.2px !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .glider-xen-router-root .glxr-picker-token-side small {
    max-width: 100% !important;
    font-size: 9.2px !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Preserve centre-column breathing room on very narrow phones while the
     holdings column remains large enough for common native balance strings. */
  @media (max-width: 390px) {
    .glider-xen-router-root .glxr-picker-token-item {
      grid-template-columns: 40px minmax(0, 1fr) minmax(124px, 134px) !important;
      column-gap: 8px !important;
      padding-inline: 10px !important;
    }
    .glider-xen-router-root .glxr-picker-token-side {
      min-width: 124px !important;
      max-width: 134px !important;
    }
    .glider-xen-router-root .glxr-picker-token-side strong {
      font-size: 10.8px !important;
    }
  }
}

/* =========================================================
   BETA.81 — MOBILE INFORMATION HIERARCHY POLISH
   Mobile-only presentation refinement. Keep the important information
   (symbol, contract/native status, wallet amount and USD value) readable
   without squeezing descriptive token names into abbreviated fragments.
   ========================================================= */
@media (max-width: 680px) {
  /* On phones the symbol already identifies the asset. Showing the full token
     name beside its contract consumes the centre column and creates awkward
     fragments such as "U..." and "W...". Keep only the useful verification
     datum: Native for native assets, or the shortened contract for tokens. */
  .glider-xen-router-root .glxr-picker-token-name,
  .glider-xen-router-root .glxr-picker-meta-dot {
    display: none !important;
  }

  .glider-xen-router-root .glxr-picker-token-meta {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .glider-xen-router-root .glxr-picker-contract-line,
  .glider-xen-router-root .glxr-picker-native-meta,
  .glider-xen-router-root .glxr-picker-contract-trigger {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Main route-card balances can contain quantity, symbol and an approximate
     USD value. Let that information use a second line instead of clipping the
     symbol/value with an ellipsis. Contract links stay on their own line. */
  .glider-xen-router-root .glxr-source-meta,
  .glider-xen-router-root .glxr-destination-meta {
    overflow: visible !important;
  }

  .glider-xen-router-root .glxr-source-meta .glxr-balance,
  .glider-xen-router-root .glxr-destination-meta .glxr-balance {
    width: auto !important;
    max-width: 158px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.35 !important;
  }

  .glider-xen-router-root .glxr-source-contract,
  .glider-xen-router-root .glxr-destination-meta .glxr-contract-actions > a {
    width: auto !important;
    max-width: 158px !important;
  }
}

@media (max-width: 390px) {
  .glider-xen-router-root .glxr-source-meta .glxr-balance,
  .glider-xen-router-root .glxr-destination-meta .glxr-balance,
  .glider-xen-router-root .glxr-source-contract,
  .glider-xen-router-root .glxr-destination-meta .glxr-contract-actions > a {
    max-width: 148px !important;
  }
}


/* =========================================================
   BETA.82 — MOBILE ROUTER MICRO-POLISH
   Keeps the source-network dropdown affordance visually attached to the
   network label instead of stretching it across the mobile metadata column.
   ========================================================= */
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-chain-control,
  .glider-xen-router-root .glxr-destination-chain-control {
    width: fit-content !important;
    max-width: 100% !important;
    justify-self: start !important;
    grid-template-columns: 28px minmax(0, max-content) 10px !important;
    column-gap: 8px !important;
  }

  .glider-xen-router-root .glxr-chain-control > svg,
  .glider-xen-router-root .glxr-destination-chain-control > svg {
    justify-self: start !important;
    margin-left: 1px !important;
  }
}


/* =========================================================
   BETA.83 — LOCAL ANCHOR ASSETS + MOBILE LEGIBILITY
   Slight mobile-only type increase for the main routing terminal. Picker
   geometry, chevron positioning and desktop typography remain unchanged.
   ========================================================= */
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-terminal-eyebrow { font-size: 10.2px !important; }
  .glider-xen-router-root .glxr-box-label > span:first-child,
  .glider-xen-router-root .glxr-box-label button { font-size: 10.7px !important; }
  .glider-xen-router-root .glxr-token-control strong,
  .glider-xen-router-root .glxr-locked-token strong { font-size: 13.5px !important; }
  .glider-xen-router-root .glxr-token-control small,
  .glider-xen-router-root .glxr-locked-token small { font-size: 10.5px !important; }
  .glider-xen-router-root .glxr-chain-control small,
  .glider-xen-router-root .glxr-destination-chain small { font-size: 9.5px !important; }
  .glider-xen-router-root .glxr-chain-control strong,
  .glider-xen-router-root .glxr-destination-chain strong { font-size: 12px !important; }
  .glider-xen-router-root .glxr-balance { font-size: 11px !important; }
  .glider-xen-router-root .glxr-primary { font-size: 12.5px !important; }
}

/* =========================================================
   BETA.88 — DESKTOP EXPLAINER VIDEO
   The hosted explainer belongs to the product-story side of the hero. Phones
   retain the existing router-first composition and never receive the MP4 src.
   ========================================================= */
.glider-xen-router-root .glxr-explainer {
  display: none;
  width: 100%;
  max-width: 620px;
  margin: 26px 0 0;
  overflow: hidden;
  border: 1px solid rgba(98, 207, 244, .22);
  border-radius: 18px;
  background: #030a13;
  box-shadow:
    0 24px 54px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.glider-xen-router-root .glxr-explainer-video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  outline: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(98, 207, 244, .10), transparent 38%),
    linear-gradient(145deg, #071521, #02070d);
  object-fit: cover;
}

/* Preserve the complete 16:9 frame when the browser enters fullscreen. */
.glider-xen-router-root .glxr-explainer-video:fullscreen,
.glider-xen-router-root .glxr-explainer-video:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  max-width: none;
  aspect-ratio: auto;
  border-radius: 0;
  background: #000;
  object-fit: contain;
  object-position: center center;
}

.glider-xen-router-root .glxr-explainer figcaption {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 15px;
  border-top: 1px solid rgba(116, 145, 188, .16);
  color: #8299ab;
  background: linear-gradient(90deg, rgba(98, 207, 244, .04), rgba(149, 111, 233, .035));
}

.glider-xen-router-root .glxr-explainer figcaption span {
  color: #76d8f3;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
}

.glider-xen-router-root .glxr-explainer figcaption strong {
  color: #dce8ef;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
  text-align: right;
}

@media (min-width: 681px) {
  .glider-xen-router-root .glxr-explainer {
    display: block;
  }
}

@media (min-width: 1101px) and (max-height: 900px) {
  .glider-xen-router-root .glxr-explainer {
    max-width: 520px;
    margin-top: 20px;
  }
  .glider-xen-router-root .glxr-explainer figcaption {
    min-height: 44px;
    padding-block: 9px;
  }
}

/* Final cascade authority for the beta.101 local PulseChain statement. */
.glider-xen-router-root .glxr-footer::after {
  content: "PulseChain is coming to the Glider Ramp Router.";
}


/* beta.101 client-facing PulseChain polish: official mark, restrained styling and public-facing copy. */
.glider-xen-router-root .glxr-pulsechain-mark {
  align-self: center;
  justify-self: center;
}
.glider-xen-router-root .glxr-pulsechain-copy p {
  color: #becbd6;
}
.glider-xen-router-root .glxr-pulsechain-status {
  border-color: rgba(147, 124, 222, .22);
  background: linear-gradient(145deg, rgba(83, 60, 130, .13), rgba(24, 38, 68, .16));
}
.glider-xen-router-root .glxr-pulsechain-foot nav {
  align-items: center;
}
.glider-xen-router-root .glxr-pulsechain-foot a {
  font-weight: 800;
}
.glider-xen-router-root .glxr-footer::after {
  content: "PulseChain is coming to the Glider Ramp Router.";
}

/* beta.101 PulseChain final typography: readable without overpowering the router. */
.glider-xen-router-root .glxr-pulsechain-copy h2 { max-width: 820px; font-size: clamp(22px, 1.9vw, 30px); line-height: 1.1; }
.glider-xen-router-root .glxr-pulsechain-copy p { max-width: 820px; font-size: 14px; line-height: 1.7; color: #c5d0dc; }
.glider-xen-router-root .glxr-pulsechain-status { background: rgba(18, 24, 60, 0.72); border-color: rgba(193, 111, 255, 0.22); }
.glider-xen-router-root .glxr-pulsechain-status span { font-size: 9px; letter-spacing: .18em; color: #cbb3ff; }
.glider-xen-router-root .glxr-pulsechain-status strong { font-size: 16px; line-height: 1.3; color: #f7f4ff; }
.glider-xen-router-root .glxr-pulsechain-status small { font-size: 12px; line-height: 1.6; color: #b8c4d3; }
.glider-xen-router-root .glxr-pulsechain-foot a { font-size: 12px; }
@media (max-width: 900px) {
  .glider-xen-router-root .glxr-pulsechain-copy h2 { font-size: clamp(21px, 6.6vw, 27px); }
  .glider-xen-router-root .glxr-pulsechain-copy p { font-size: 13px; line-height: 1.65; }
  .glider-xen-router-root .glxr-pulsechain-status small { font-size: 11.5px; line-height: 1.55; }
}


/* beta.101 PulseChain editorial quote: restrained and section-specific. */
.glider-xen-router-root .glxr-pulsechain-quote {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  margin: 2px 0 2px;
  padding: 2px 12px 16px;
  border: 0;
  color: #d7c6eb;
  text-align: center;
}
.glider-xen-router-root .glxr-pulsechain-quote strong {
  color: #ede6f8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.45;
  letter-spacing: .11em;
}
.glider-xen-router-root .glxr-pulsechain-quote cite {
  color: #b39acb;
  font-size: 10px;
  font-style: normal;
  font-weight: 825;
  letter-spacing: .08em;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .glider-xen-router-root .glxr-pulsechain-quote {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-bottom: 14px;
  }
  .glider-xen-router-root .glxr-pulsechain-quote strong { font-size: 9px; }
  .glider-xen-router-root .glxr-pulsechain-quote cite { font-size: 9px; }
}


/* =========================================================
   BETA.101 — RELAY RATE-LIMIT COMPLIANCE + ROUTER UPDATE
   Conservative UI-only additions around the new update/FAQ, plus a small
   desktop token-row height reduction. Widths and the established picker
   visual system remain unchanged.
   ========================================================= */
@media (min-width: 681px) {
  .glider-xen-router-root .glxr-picker-token-item {
    min-height: 66px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .glider-xen-router-root .glxr-picker-token-side {
    gap: 5px !important;
  }
}

.glider-xen-router-root .glxr-router-update {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(460px, 1.22fr);
  gap: 28px;
  align-items: center;
  margin: 38px 0 18px;
  padding: 28px;
  border: 1px solid rgba(116, 150, 190, .18);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(8, 23, 38, .98), rgba(4, 12, 22, .99));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .22);
}
.glider-xen-router-root .glxr-router-update-copy > span,
.glider-xen-router-root .glxr-faq-head > span {
  color: #79a1ba;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.glider-xen-router-root .glxr-router-update-copy h2,
.glider-xen-router-root .glxr-faq-head h2 {
  margin: 8px 0 0;
  color: #eef5f8;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.15;
}
.glider-xen-router-root .glxr-router-update-copy p,
.glider-xen-router-root .glxr-faq-head p {
  margin: 12px 0 0;
  color: #9db0be;
  font-size: 12px;
  line-height: 1.65;
}
/* Update #5 readability: keep the reference card/video sizing unchanged. */
.glider-xen-router-root .glxr-router-update-copy p {
  color: #b8c9d4;
  font-size: 13px;
  line-height: 1.7;
}

.glider-xen-router-root .glxr-router-update-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.glider-xen-router-root .glxr-router-update-points span {
  padding: 7px 10px;
  border: 1px solid rgba(112, 194, 230, .18);
  border-radius: 999px;
  color: #a9c5d6;
  background: rgba(91, 178, 221, .035);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.glider-xen-router-root .glxr-router-update-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(113, 156, 203, .2);
  border-radius: 16px;
  background: #02070c;
}
.glider-xen-router-root .glxr-router-update-player {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #02070c;
  overflow: hidden;
}
.glider-xen-router-root .glxr-router-update-poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.glider-xen-router-root .glxr-router-update-poster[hidden] { display: none !important; }
.glider-xen-router-root .glxr-router-update-player video {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #02070c;
}
.glider-xen-router-root .glxr-router-update-player video:fullscreen,
.glider-xen-router-root .glxr-router-update-player video:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  background: #000;
}
.glider-xen-router-root .glxr-router-update-play {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  padding: 18px;
  border: 0;
  color: #e9f3f8;
  background: linear-gradient(180deg, transparent 54%, rgba(1, 7, 13, .82));
  cursor: pointer;
  text-align: left;
}
.glider-xen-router-root .glxr-router-update-play[hidden] { display: none !important; }
.glider-xen-router-root .glxr-router-update-play-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid rgba(134, 212, 241, .42);
  border-radius: 50%;
  background: rgba(4, 18, 29, .9);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
}
.glider-xen-router-root .glxr-router-update-play-icon svg { width: 20px; height: 20px; fill: none; stroke: #9ce5fb; stroke-width: 1.8; }
.glider-xen-router-root .glxr-router-update-play small,
.glider-xen-router-root .glxr-router-update-play strong { display: block; }
.glider-xen-router-root .glxr-router-update-play small { color: #80a2b6; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.glider-xen-router-root .glxr-router-update-play strong { margin-top: 3px; font-size: 11px; }
.glider-xen-router-root .glxr-router-update-media figcaption {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  border-top: 1px solid rgba(116, 145, 188, .14);
}
.glider-xen-router-root .glxr-router-update-media figcaption span { color: #79cce9; font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.glider-xen-router-root .glxr-router-update-media figcaption strong { color: #b5c5cf; font-size: 10px; text-align: right; }

.glider-xen-router-root .glxr-faq {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: 28px;
  margin: 24px 0 0;
  padding: 26px 28px;
  border: 1px solid rgba(116, 150, 190, .15);
  border-radius: 18px;
  background: rgba(5, 15, 25, .78);
}
.glider-xen-router-root .glxr-faq-list { display: grid; gap: 7px; }
.glider-xen-router-root .glxr-faq details {
  border: 1px solid rgba(116, 150, 190, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .012);
}
.glider-xen-router-root .glxr-faq summary {
  position: relative;
  padding: 13px 40px 13px 14px;
  color: #dce7ed;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}
.glider-xen-router-root .glxr-faq summary::-webkit-details-marker { display: none; }
.glider-xen-router-root .glxr-faq summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #77cce8;
  font-size: 17px;
  font-weight: 400;
}
.glider-xen-router-root .glxr-faq details[open] summary::after { content: '−'; }
.glider-xen-router-root .glxr-faq details p {
  margin: 0;
  padding: 0 14px 14px;
  color: #91a6b5;
  font-size: 10.5px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .glider-xen-router-root .glxr-router-update,
  .glider-xen-router-root .glxr-faq { grid-template-columns: 1fr; }
  .glider-xen-router-root .glxr-router-update { gap: 20px; padding: 20px; }
  .glider-xen-router-root .glxr-faq { gap: 18px; padding: 20px; }
}
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-router-update { margin-top: 22px; padding: 16px; border-radius: 16px; }
  .glider-xen-router-root .glxr-router-update-copy h2,
  .glider-xen-router-root .glxr-faq-head h2 { font-size: 19px; }
  .glider-xen-router-root .glxr-router-update-copy p,
  .glider-xen-router-root .glxr-faq-head p { font-size: 11px; }
  .glider-xen-router-root .glxr-router-update-media figcaption { min-height: 40px; }
  .glider-xen-router-root .glxr-faq { padding: 16px; }
}

/* =========================================================
   BETA.101 — READABILITY + BALANCE CLARITY POLISH
   Conservative visual refinement only. No selector width changes.
   ========================================================= */
/* Route changes intentionally reset the amount to 0. Keep that automatic
   zero visually quiet until the user edits the field, matching the restrained
   idle treatment used by mature swap interfaces. */
.glider-xen-router-root.glxr-amount-idle-zero .glxr-amount-stack > input,
.glider-xen-router-root.glxr-amount-idle-zero .glxr-amount-stack > input:hover,
.glider-xen-router-root.glxr-amount-idle-zero .glxr-amount-stack > input:focus,
.glider-xen-router-root.glxr-amount-idle-zero .glxr-amount-stack > input:active,
.glider-xen-router-root.glxr-amount-idle-zero .glxr-amount-stack > .glxr-output {
  color: #687d90 !important;
  -webkit-text-fill-color: #687d90 !important;
  opacity: .72 !important;
  font-weight: 650 !important;
}
.glider-xen-router-root:not(.glxr-amount-idle-zero) .glxr-amount-stack > input {
  color: #f5f9fd !important;
  -webkit-text-fill-color: #f5f9fd !important;
  opacity: 1 !important;
}

.glider-xen-router-root .glxr-router-update {
  position: relative;
  gap: 34px;
  margin: 42px 0 46px;
  padding: 32px;
  border-color: rgba(120, 166, 205, .22);
  background:
    linear-gradient(90deg, rgba(71, 177, 224, .035), transparent 34%),
    linear-gradient(145deg, rgba(8, 23, 38, .99), rgba(4, 12, 22, .99));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .025);
}
.glider-xen-router-root .glxr-router-update::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(115, 207, 241, .32), rgba(143, 111, 255, .18), transparent);
  pointer-events: none;
}
.glider-xen-router-root .glxr-router-update-copy > span,
.glider-xen-router-root .glxr-faq-head > span {
  color: #8db5ca;
  font-size: 9.5px;
  letter-spacing: .15em;
}
.glider-xen-router-root .glxr-router-update-copy h2,
.glider-xen-router-root .glxr-faq-head h2 {
  color: #f3f7fa;
  font-size: clamp(23px, 2.15vw, 30px);
  letter-spacing: -.025em;
}
.glider-xen-router-root .glxr-router-update-copy p,
.glider-xen-router-root .glxr-faq-head p {
  color: #afc0cb;
  font-size: 13.25px;
  line-height: 1.68;
}
.glider-xen-router-root .glxr-router-update-points {
  gap: 9px;
  margin-top: 21px;
}
.glider-xen-router-root .glxr-router-update-points span {
  padding: 8px 11px;
  border-color: rgba(112, 194, 230, .23);
  color: #b8d0dc;
  background: rgba(91, 178, 221, .045);
  font-size: 9px;
}
.glider-xen-router-root .glxr-router-update-media {
  border-color: rgba(126, 173, 211, .26);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}
.glider-xen-router-root .glxr-router-update-play small { color: #9bb7c7; font-size: 8.5px; }
.glider-xen-router-root .glxr-router-update-play strong { color: #edf5f8; font-size: 11.75px; }
.glider-xen-router-root .glxr-router-update-media figcaption {
  min-height: 48px;
  padding: 11px 15px;
}
.glider-xen-router-root .glxr-router-update-media figcaption span { font-size: 8.5px; }
.glider-xen-router-root .glxr-router-update-media figcaption strong { color: #c4d2da; font-size: 10.75px; }

.glider-xen-router-root .glxr-faq {
  position: relative;
  gap: 34px;
  margin: 40px 0 0;
  padding: 32px;
  border-color: rgba(116, 163, 199, .2);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(9, 24, 38, .88), rgba(4, 13, 23, .92));
  box-shadow: 0 20px 58px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .022);
}
.glider-xen-router-root .glxr-faq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  width: 112px;
  height: 1px;
  background: linear-gradient(90deg, #6ecfea, rgba(139, 103, 255, .48), transparent);
  opacity: .62;
}

.glider-xen-router-root .glxr-faq-trust {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: 16px;
  padding: 7px 10px;
  border: 1px solid rgba(112, 210, 225, .22);
  border-radius: 999px;
  background: rgba(87, 190, 205, .055);
  color: #9bdce3;
  font-size: 8.75px;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}
.glider-xen-router-root .glxr-faq-trust svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.glider-xen-router-root .glxr-faq-list { gap: 10px; }
.glider-xen-router-root .glxr-faq details {
  border-color: rgba(123, 163, 194, .17);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(11, 27, 41, .72), rgba(6, 18, 29, .72));
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.glider-xen-router-root .glxr-faq details:hover,
.glider-xen-router-root .glxr-faq details[open] {
  border-color: rgba(116, 200, 230, .3);
  background: linear-gradient(180deg, rgba(12, 30, 45, .84), rgba(6, 19, 30, .82));
}
.glider-xen-router-root .glxr-faq summary {
  padding: 16px 44px 16px 17px;
  color: #e5edf2;
  font-size: 12.25px;
  font-weight: 760;
  line-height: 1.45;
}
.glider-xen-router-root .glxr-faq summary::after {
  right: 17px;
  color: #85d2e9;
  font-size: 18px;
}
.glider-xen-router-root .glxr-faq details p {
  padding: 0 17px 17px;
  color: #a9bbc6;
  font-size: 11.75px;
  line-height: 1.72;
}

@media (max-width: 900px) {
  .glider-xen-router-root .glxr-router-update { gap: 24px; padding: 24px; margin-bottom: 38px; }
  .glider-xen-router-root .glxr-faq { gap: 22px; padding: 24px; margin-top: 32px; }
}
@media (max-width: 680px) {
  .glider-xen-router-root .glxr-router-update { margin-top: 24px; margin-bottom: 30px; padding: 17px; }
  .glider-xen-router-root .glxr-router-update::before { left: 17px; right: 17px; }
  .glider-xen-router-root .glxr-router-update-copy h2,
  .glider-xen-router-root .glxr-faq-head h2 { font-size: 20px; }
  .glider-xen-router-root .glxr-router-update-copy p,
  .glider-xen-router-root .glxr-faq-head p { font-size: 11.75px; line-height: 1.62; }
  .glider-xen-router-root .glxr-router-update-points span { font-size: 8px; padding: 7px 9px; }
  .glider-xen-router-root .glxr-faq { margin-top: 28px; padding: 17px; }
  .glider-xen-router-root .glxr-faq::before { left: 17px; }
  .glider-xen-router-root .glxr-faq summary { padding: 14px 40px 14px 14px; font-size: 11.5px; }
  .glider-xen-router-root .glxr-faq details p { padding: 0 14px 14px; font-size: 11px; }
}