:root {
  --bg:#101113;
  --bg2:#141518;
  --card:#16171b;
  --card2:#1b1c21;
  --paper:#ecebe5;
  --ink:#ecebe5;
  --mute:rgba(236,235,229,.64);
  --dim:rgba(236,235,229,.46);
  --line:rgba(236,235,229,.1);
  --line2:rgba(236,235,229,.18);
  --acc:#d9773a;
  --acc2:#e8925c;
  --accbg:rgba(217,119,58,.12);
  --ok:#9cc59a;
  --okbg:rgba(156,197,154,.12);
  --bad:#e0745f;
  --badbg:rgba(224,116,95,.13);
  --warn:#d9b45a;
  --warnbg:rgba(217,180,90,.12);
  --disp:"Unbounded",system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:14px;
  --gut:clamp(16px,4vw,56px);
  --max:1240px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: auto;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
::selection {
  background: var(--acc);
  color: #101113;
}
a {
  color: inherit;
}
img {
  display: block;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
:focus-visible {
  outline: 2px solid var(--acc);
  outline-offset: 3px;
  border-radius: 6px;
}
.lx-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.lx-skip {
  position: fixed;
  left: 12px;
  top: -60px;
  z-index: 100;
  background: var(--acc);
  color: #101113;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: top .2s;
}
.lx-skip:focus {
  top: 12px;
}
.lx-bgc {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
main,
.lx-foot,
.lx-nav {
  position: relative;
  z-index: 1;
}
.lx-mono {
  font-family: var(--mono);
}
.lx-dim {
  color: var(--dim);
}
.lx-muted {
  color: var(--mute);
}
.lx-center {
  text-align: center;
}
.is-up {
  color: var(--ok);
}
.is-down {
  color: var(--bad);
}
.is-warn {
  color: var(--warn);
}
.lx-i {
  flex: none;
}
.lx-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px var(--gut);
  transition:
    background .3s,
    border-color .3s,
    backdrop-filter .3s;
  border-bottom: 1px solid transparent;
}
.lx-nav.is-solid {
  background: rgba(16, 17, 19, .82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom-color: var(--line);
}
.lx-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-family: var(--disp);
  font-weight: 500;
  letter-spacing: -.01em;
  font-size: 16px;
}
.lx-links {
  display: flex;
  gap: 2px;
  margin: 0 auto;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(20, 21, 24, .6);
}
.lx-links a {
  position: relative;
  padding: 6px 13px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12.5px;
  color: var(--mute);
  transition: color .2s;
}
.lx-links a:hover,
.lx-links a.is-on {
  color: var(--paper);
}
.lx-nav-ind {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(236, 235, 229, .08);
  border: 1px solid var(--line2);
  z-index: -1;
}
.lx-nav-r {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.lx-nav .lx-menu {
  display: none;
}
.xb5e {
  position: relative;
}
.xb5e-btn {
  appearance: none;
  border: 1px solid var(--acc);
  background: var(--acc);
  color: #141414;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform .15s,
    background .2s,
    box-shadow .2s;
  white-space: nowrap;
}
.xb5e-btn:hover {
  background: var(--acc2);
  box-shadow: 0 0 0 4px rgba(217, 119, 58, .16);
}
.xb5e-btn:active {
  transform: scale(.96);
}
.xb5e-btn.is-on {
  background: transparent;
  color: var(--paper);
  border-color: var(--line2);
}
.xb5e-btn.is-on::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ok);
  margin-right: 8px;
  vertical-align: 1px;
}
.xb5e-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 250px;
  background: var(--card2);
  border: 1px solid var(--line2);
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
  z-index: 50;
}
.xb5e-item {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 9px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  text-decoration: none;
  color: var(--paper);
}
.xb5e-item:hover {
  background: rgba(236, 235, 229, .07);
}
.xb5e-addr {
  font-size: 11px;
  word-break: break-all;
  color: var(--mute);
  padding: 6px 10px;
}
.xb5e-bal {
  padding: 0 10px 8px;
  font-weight: 600;
}
.xb5e-note {
  font-size: 11.5px;
  color: var(--dim);
  padding: 6px 10px;
}
.lx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid var(--line2);
  background: rgba(236, 235, 229, .04);
  color: var(--paper);
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background .2s,
    border-color .2s,
    color .2s,
    box-shadow .2s;
  white-space: nowrap;
}
.lx-btn:hover {
  border-color: rgba(236, 235, 229, .36);
  background: rgba(236, 235, 229, .08);
}
.lx-btn--pri {
  background: var(--acc);
  border-color: var(--acc);
  color: #141414;
  font-weight: 600;
}
.lx-btn--pri:hover {
  background: var(--acc2);
  border-color: var(--acc2);
  box-shadow: 0 8px 30px -8px rgba(217, 119, 58, .6);
}
.lx-btn--ghost {
  background: transparent;
}
.lx-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
  box-shadow: none;
}
.lx-iconbtn {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: transparent;
  cursor: pointer;
  color: var(--mute);
  transition: color .2s, border-color .2s;
}
.lx-iconbtn:hover {
  color: var(--paper);
  border-color: var(--line2);
}
.lx-link {
  background: none;
  border: 0;
  padding: 0;
  color: var(--acc);
  cursor: pointer;
  font-size: 12.5px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lx-ext {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--acc);
  font-size: 12.5px;
  text-decoration: none;
}
.lx-ext:hover {
  text-decoration: underline;
}
.lx-copy {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  background: transparent;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11.5px;
  cursor: pointer;
  color: var(--mute);
  min-width: 74px;
  justify-content: center;
  overflow: hidden;
  transition: border-color .2s, color .2s;
}
.lx-copy:hover {
  color: var(--paper);
  border-color: var(--line2);
}
.lx-copy.is-ok {
  color: var(--ok);
  border-color: rgba(156, 197, 154, .4);
}
.lx-copy-in {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lx-chipbtn {
  border: 1px solid var(--line);
  background: transparent;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  cursor: pointer;
  color: var(--mute);
  transition: all .2s;
}
.lx-chipbtn:hover {
  color: var(--paper);
}
.lx-chipbtn.is-on {
  background: var(--accbg);
  border-color: rgba(217, 119, 58, .6);
  color: var(--paper);
}
.lx-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .02em;
  border: 1px solid var(--line);
  color: var(--mute);
  white-space: nowrap;
}
.lx-pill--ok {
  color: var(--ok);
  background: var(--okbg);
  border-color: rgba(156, 197, 154, .25);
}
.lx-pill--bad {
  color: var(--bad);
  background: var(--badbg);
  border-color: rgba(224, 116, 95, .3);
}
.lx-pill--warn {
  color: var(--warn);
  background: var(--warnbg);
  border-color: rgba(217, 180, 90, .28);
}
.lx-pill--acc {
  color: var(--acc2);
  background: var(--accbg);
  border-color: rgba(217, 119, 58, .35);
}
.lx-vd {
  display: inline-block;
  min-width: 66px;
  text-align: center;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .08em;
}
.lx-vd--ok {
  background: var(--okbg);
  color: var(--ok);
}
.lx-vd--bad {
  background: var(--badbg);
  color: var(--bad);
}
.lx-vd--warn {
  background: var(--warnbg);
  color: var(--warn);
}
.lx-vd--mute {
  background: rgba(236, 235, 229, .07);
  color: var(--mute);
}
.lx-tool {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 5px;
  background: rgba(236, 235, 229, .06);
  color: var(--mute);
  border: 1px solid var(--line);
}
.lx-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.lx-live {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--acc);
  box-shadow: 0 0 0 0 rgba(217, 119, 58, .6);
  animation: lxPing 2s infinite;
}
@keyframes lxPing {
  0% {
    box-shadow: 0 0 0 0 rgba(217, 119, 58, .55);
  }
  80%, 100% {
    box-shadow: 0 0 0 9px rgba(217, 119, 58, 0);
  }
}
.lx-skel {
  display: inline-block;
  border-radius: 6px;
  background:
    linear-gradient(
      90deg,
      rgba(236, 235, 229, .05),
      rgba(236, 235, 229, .12),
      rgba(236, 235, 229, .05));
  background-size: 200% 100%;
  animation: lxShim 1.4s linear infinite;
  vertical-align: middle;
}
@keyframes lxShim {
  to {
    background-position: -200% 0;
  }
}
.lx-spin {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--line2);
  border-top-color: var(--acc);
  animation: lxSpin .8s linear infinite;
  flex: none;
}
@keyframes lxSpin {
  to {
    transform: rotate(360deg);
  }
}
.lx-tick {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}
.lx-tick[data-flash="1"] {
  animation: lxFlash 1s ease-out;
}
@keyframes lxFlash {
  0% {
    color: var(--acc2);
  }
  100% {
    color: inherit;
  }
}
.lx-errline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px 12px;
  border-radius: 10px;
  background: var(--badbg);
  color: #f1b3a4;
  font-size: 12.5px;
  margin: 10px 0;
  border: 1px solid rgba(224, 116, 95, .25);
}
.lx-empty {
  padding: 22px;
  border: 1px dashed var(--line2);
  border-radius: 12px;
  color: var(--mute);
  text-align: center;
  margin: 10px 0;
}
.lx-fine {
  font-size: 11.5px;
  color: var(--dim);
  line-height: 1.55;
  margin: 10px 0 0;
}
.lx-sec {
  max-width: var(--max);
  margin: 0 auto;
  padding: 96px var(--gut) 40px;
  scroll-margin-top: 60px;
}
.lx-sh {
  max-width: 820px;
  margin-bottom: 38px;
}
.lx-sh-k {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--acc);
}
.lx-sh-k i {
  flex: 1;
  max-width: 120px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      var(--acc),
      transparent);
}
.lx-sh h2,
.lx-pin-l h2 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: clamp(28px, 4.2vw, 50px);
  line-height: 1.08;
  letter-spacing: -.025em;
  margin: 14px 0 14px;
}
.lx-sh h2 em {
  font-style: normal;
  color: var(--acc);
}
.lx-sh p {
  color: var(--mute);
  font-size: 14.5px;
  max-width: 680px;
  margin: 0;
}
.lx-card {
  background:
    linear-gradient(
      180deg,
      var(--card),
      rgba(22, 23, 27, .92));
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 22px;
  position: relative;
  min-width: 0;
}
.lx-card-hd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.lx-card-hd h3 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 19px;
  letter-spacing: -.01em;
  margin: 2px 0 0;
}
.lx-k {
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dim);
}
.lx-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
.lx-wrap {
  flex-wrap: wrap;
}
.lx-kv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px 18px;
  margin: 0;
}
.lx-kv div {
  min-width: 0;
}
.lx-kv dt {
  font-size: 11px;
  color: var(--dim);
  letter-spacing: .04em;
}
.lx-kv dd {
  margin: 2px 0 0;
  font-size: 13.5px;
  overflow-wrap: anywhere;
}
.lx-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(16, 17, 19, .6);
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.lx-tab {
  position: relative;
  border: 0;
  background: transparent;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12.5px;
  color: var(--mute);
  white-space: nowrap;
}
.lx-tab.is-on {
  color: #141414;
}
.lx-tab-ind {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: var(--paper);
}
.lx-tab-t {
  position: relative;
}
.lx-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
  min-width: 0;
}
.lx-field-l {
  font-size: 11.5px;
  color: var(--mute);
  letter-spacing: .02em;
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}
.lx-field-l em {
  font-style: normal;
  color: var(--dim);
  font-size: 10.5px;
}
input:not([type=checkbox]),
select,
textarea {
  width: 100%;
  background: #0d0e10;
  border: 1px solid var(--line2);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  transition: border-color .2s, box-shadow .2s;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--acc);
  box-shadow: 0 0 0 3px rgba(217, 119, 58, .18);
}
textarea {
  resize: vertical;
  line-height: 1.5;
}
select {
  appearance: none;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      var(--mute) 50%),
    linear-gradient(
      135deg,
      var(--mute) 50%,
      transparent 50%);
  background-position: calc(100% - 17px) 55%, calc(100% - 12px) 55%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
.lx-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
.lx-grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 14px;
}
.lx-search {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line2);
  border-radius: 10px;
  padding: 0 12px;
  background: #0d0e10;
  color: var(--dim);
}
.lx-search:focus-within {
  border-color: var(--acc);
  box-shadow: 0 0 0 3px rgba(217, 119, 58, .18);
}
.lx-search input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 10px 0;
}
.lx-search--lg input {
  padding: 13px 0;
  font-size: 14.5px;
}
.lx-hero {
  min-height: 100svh;
  max-width: 1400px;
  margin: 0 auto;
  padding: 110px var(--gut) 30px;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 20px 40px;
  align-items: center;
}
.lx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mute);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 14px;
}
.lx-hero h1 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: clamp(38px, 6vw, 80px);
  line-height: 1.02;
  letter-spacing: -.035em;
  margin: 24px 0 22px;
}
.lx-hero h1 em {
  font-style: normal;
  color: var(--acc);
}
.lx-w {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding-bottom: .06em;
}
.lx-w > span {
  display: inline-block;
}
.lx-hero-txt p {
  color: var(--mute);
  font-size: 15px;
  max-width: 540px;
  margin: 0;
}
.lx-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.lx-hero-vis {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 640px;
  justify-self: center;
}
.lx-tether {
  width: 100%;
  height: 100%;
  display: block;
  touch-action: pan-y;
  cursor: crosshair;
}
.lx-counters {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: rgba(20, 21, 24, .7);
  backdrop-filter: blur(6px);
}
.lx-counter {
  padding: 14px 18px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.lx-counter:last-child {
  border-right: 0;
}
.lx-counter > span:first-child {
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dim);
}
.lx-counter .lx-tick {
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lx-how {
  position: relative;
  z-index: 1;
}
.lx-pin {
  max-width: var(--max);
  margin: 0 auto;
  padding: 90px var(--gut) 20px;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}
.lx-pin-l {
  position: relative;
  padding-left: 26px;
}
.lx-how-steps {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 18px;
}
.lx-how-step {
  display: flex;
  gap: 16px;
}
.lx-how-step > span {
  color: var(--acc);
  font-size: 12px;
  padding-top: 4px;
}
.lx-how-step h3 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 4px;
}
.lx-how-step p {
  margin: 0;
  color: var(--mute);
  font-size: 13.5px;
}
.lx-how-bar {
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--line);
}
.lx-how-bar i {
  position: absolute;
  inset: 0;
  background: var(--acc);
  transform-origin: top;
  transform: scaleY(1);
}
.lx-pin-r {
  display: flex;
  justify-content: center;
}
.lx-how-svg {
  width: 100%;
  max-width: 520px;
  height: auto;
}
.hw-gridl {
  stroke: rgba(236, 235, 229, .05);
  stroke-width: 1;
}
.hw-ring {
  fill: none;
  stroke: rgba(236, 235, 229, .12);
  stroke-dasharray: 3 7;
}
.hw-card {
  fill: #17181c;
  stroke: var(--line2);
}
.hw-wallet {
  stroke: var(--acc);
}
.hw-gate {
  fill: rgba(217, 119, 58, .1);
  stroke: var(--acc);
}
.hw-t {
  font-family: var(--mono);
  font-size: 12px;
  fill: var(--paper);
  letter-spacing: .12em;
}
.hw-m {
  font-family: var(--mono);
  font-size: 11px;
  fill: rgba(236, 235, 229, .6);
}
.hw-p {
  fill: none;
  stroke: var(--acc);
  stroke-width: 1.6;
}
.hw-chip rect {
  stroke-width: 1;
}
.hw-chip text {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .06em;
}
.hw-ok rect {
  fill: var(--okbg);
  stroke: rgba(156, 197, 154, .5);
}
.hw-ok text {
  fill: var(--ok);
}
.hw-bad rect {
  fill: var(--badbg);
  stroke: rgba(224, 116, 95, .5);
}
.hw-bad text {
  fill: var(--bad);
}
.hw-seal {
  fill: none;
  stroke: var(--acc);
  stroke-width: 1.6;
}
.hw-tick {
  fill: none;
  stroke: var(--acc);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lx-dash {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
.lx-dash-net {
  grid-column: span 5;
}
.lx-dash-chart {
  grid-column: span 7;
}
.lx-dash-leash {
  grid-column: span 7;
}
.lx-dash-coin {
  grid-column: span 5;
}
.lx-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.lx-metrics .lx-metric {
  border-top: 0;
  padding: 0;
  border-left: 1px solid var(--line);
  padding-left: 16px;
}
.lx-metrics .lx-metric:first-child {
  border-left: 0;
  padding-left: 0;
}
.lx-net {
  display: flex;
  gap: 22px;
  align-items: center;
}
.lx-net .lx-kv {
  flex: 1;
  grid-template-columns: 1fr;
}
.lx-ring {
  position: relative;
  flex: none;
}
.lx-ring svg {
  display: block;
}
.lx-ring-bg {
  fill: none;
  stroke: rgba(236, 235, 229, .08);
  stroke-width: 6;
}
.lx-ring-fg {
  fill: none;
  stroke: var(--acc);
  stroke-width: 6;
  stroke-linecap: round;
}
.lx-ring-tick {
  stroke: rgba(236, 235, 229, .22);
  stroke-width: 1;
}
.lx-ring-c {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}
.lx-ring-c b {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 20px;
}
.lx-ring-c small {
  color: var(--mute);
  font-size: 11.5px;
}
.lx-range {
  display: flex;
  gap: 6px;
}
.lx-chart {
  position: relative;
  width: 100%;
  user-select: none;
}
.lx-chart svg {
  display: block;
  overflow: visible;
}
.lx-chart-empty {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--dim);
  font-size: 12px;
  border: 1px dashed var(--line);
  border-radius: 10px;
}
.lx-grid {
  stroke: rgba(236, 235, 229, .06);
}
.lx-line {
  fill: none;
  stroke: var(--acc);
  stroke-width: 1.8;
  stroke-linejoin: round;
}
.lx-area {
  fill: rgba(217, 119, 58, .1);
}
.lx-bar {
  fill: rgba(217, 119, 58, .55);
}
.lx-bar.is-on {
  fill: var(--acc2);
}
.lx-cross {
  stroke: rgba(236, 235, 229, .3);
  stroke-dasharray: 3 3;
}
.lx-dot {
  fill: var(--bg);
  stroke: var(--acc);
  stroke-width: 2;
}
.lx-tip {
  position: absolute;
  top: 0;
  pointer-events: none;
  background: var(--card2);
  border: 1px solid var(--line2);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 11.5px;
  display: flex;
  flex-direction: column;
  min-width: 140px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
}
.lx-tip span {
  color: var(--dim);
}
.lx-metric {
  padding: 12px 0;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lx-metric:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.lx-metric > span {
  font-size: 11px;
  color: var(--dim);
  letter-spacing: .04em;
}
.lx-metric b {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 20px;
}
.lx-metric small {
  color: var(--mute);
  font-size: 11.5px;
  overflow-wrap: anywhere;
}
.lx-coin-hd {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.lx-coin-mark {
  font-family: var(--disp);
  font-size: 22px;
  color: var(--acc);
}
.lx-coin p {
  color: var(--mute);
  margin: 0 0 10px;
  max-width: 640px;
}
.lx-coin-plan {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  display: flex;
  gap: 8px 18px;
  flex-wrap: wrap;
  font-size: 12.5px;
}
.lx-coin-plan li::before {
  content: "\2014  ";
  color: var(--acc);
}
.lx-jerr {
  list-style: none;
  padding: 10px 14px;
  margin: 10px 0;
  border-radius: 10px;
  background: var(--badbg);
  color: #f1b3a4;
  font-size: 12.5px;
  display: grid;
  gap: 4px;
}
.lx-jerr li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.lx-leash-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}
.lx-presets {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -4px 0 16px;
  flex-wrap: wrap;
  font-size: 12px;
}
.lx-preset {
  border: 1px solid var(--line2);
  background: transparent;
  border-radius: 6px;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 12px;
  transition: all .2s;
}
.lx-preset:hover {
  border-color: var(--acc);
  color: var(--acc2);
}
.lx-allow {
  display: grid;
  gap: 8px;
}
.lx-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.lx-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px 4px 11px;
  border: 1px solid var(--line2);
  border-radius: 999px;
  font-size: 12.5px;
  background: rgba(236, 235, 229, .04);
}
.lx-chip.is-base {
  border-color: rgba(217, 119, 58, .6);
  background: var(--accbg);
  padding-right: 11px;
}
.lx-chip .lx-i {
  color: var(--ok);
}
.lx-chip em {
  font-style: normal;
  color: var(--warn);
  font-size: 11px;
}
.lx-chip button {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 0;
  background: rgba(236, 235, 229, .08);
  cursor: pointer;
  color: var(--mute);
}
.lx-chip button:hover {
  background: var(--badbg);
  color: var(--bad);
}
.lx-results,
.lx-picklist {
  display: grid;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 4px;
  background: #0d0e10;
  max-height: 300px;
  overflow-y: auto;
}
.lx-picklist {
  max-height: 52vh;
  margin-top: 10px;
}
.lx-res {
  display: grid;
  grid-template-columns: 22px auto 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  font-size: 12.5px;
}
.lx-res:hover,
.lx-res:focus-visible {
  background: rgba(236, 235, 229, .06);
}
.lx-res img,
.lx-noicon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(236, 235, 229, .1);
}
.lx-res-n {
  color: var(--mute);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.lx-rules {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 14px;
  background: rgba(13, 14, 16, .4);
}
.lx-rule-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 14px;
  margin-top: 10px;
  align-items: end;
}
.lx-rule-grid .lx-field {
  margin: 0;
}
.lx-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 12.5px;
  min-height: 40px;
}
.lx-toggle input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.lx-sw {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: rgba(236, 235, 229, .12);
  flex: none;
  transition: background .2s;
}
.lx-sw::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--paper);
  transition: transform .2s cubic-bezier(.3, .7, .2, 1.3);
}
.lx-toggle input:checked + .lx-sw {
  background: var(--acc);
}
.lx-toggle input:checked + .lx-sw::after {
  transform: translateX(14px);
  background: #141414;
}
.lx-toggle input:focus-visible + .lx-sw {
  outline: 2px solid var(--acc);
  outline-offset: 2px;
}
.lx-json {
  font-family: var(--mono);
  font-size: 12px;
  background: #0b0c0e !important;
  color: #e4dccd;
}
.lx-status {
  position: sticky;
  top: 80px;
}
.lx-meter {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 4px auto 16px;
}
.lx-meter svg {
  display: block;
}
.lx-meter-bg {
  fill: none;
  stroke: rgba(236, 235, 229, .08);
  stroke-width: 10;
}
.lx-meter-fg {
  fill: none;
  stroke: var(--acc);
  stroke-width: 10;
  stroke-linecap: round;
}
.lx-meter-dot {
  fill: rgba(236, 235, 229, .3);
}
.lx-meter-c {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 0 30px;
}
.lx-meter-c b {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 26px;
}
.lx-meter-c span {
  font-size: 11px;
  color: var(--mute);
}
.lx-dl {
  margin: 0;
  display: grid;
  gap: 0;
}
.lx-dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
}
.lx-dl dt {
  color: var(--dim);
}
.lx-dl dd {
  margin: 0;
  text-align: right;
}
.lx-sigbox {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--okbg);
  color: var(--ok);
  font-size: 12.5px;
}
.lx-verify {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  font-size: 13px;
}
.lx-run {
  margin-bottom: 16px;
}
.lx-planners {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.lx-planner {
  position: relative;
  text-align: left;
  border: 1px solid var(--line);
  background: rgba(13, 14, 16, .5);
  border-radius: 12px;
  padding: 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: border-color .2s;
}
.lx-planner:hover {
  border-color: var(--line2);
}
.lx-planner b,
.lx-planner small,
.lx-planner em {
  position: relative;
}
.lx-planner b {
  font-size: 13.5px;
}
.lx-planner small {
  color: var(--mute);
  font-size: 11.5px;
  line-height: 1.45;
}
.lx-planner em {
  font-style: normal;
  font-size: 10.5px;
  color: var(--warn);
}
.lx-planner-ind {
  position: absolute;
  inset: -1px;
  border: 1px solid var(--acc);
  border-radius: 12px;
  background: var(--accbg);
}
.lx-steps {
  list-style: none;
  padding: 0;
  margin: 18px 0 6px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  counter-reset: s;
}
.lx-steps li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--dim);
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--line);
  transition: all .3s;
}
.lx-steps li span {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--line2);
  font-size: 10.5px;
  flex: none;
}
.lx-steps li.is-now {
  color: var(--paper);
  border-color: rgba(217, 119, 58, .6);
}
.lx-steps li.is-now span {
  border-color: var(--acc);
  animation: lxPing 1.6s infinite;
}
.lx-steps li.is-done {
  color: var(--mute);
}
.lx-steps li.is-done span {
  background: var(--acc);
  border-color: var(--acc);
  color: #141414;
}
.lx-plan-note {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 4px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line);
  font-size: 12.5px;
  color: var(--mute);
}
.lx-skels {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.lx-orders {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.lx-order {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(13, 14, 16, .5);
  border-left: 3px solid var(--line2);
}
.lx-order.is-pass {
  border-left-color: var(--ok);
}
.lx-order.is-block {
  border-left-color: var(--bad);
}
.lx-order.is-unknown {
  border-left-color: var(--warn);
}
.lx-order-hd {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lx-order-n {
  font-size: 11px;
  color: var(--dim);
}
.lx-order-t {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
}
.lx-reason {
  margin: 6px 0 0 30px;
  color: var(--mute);
  font-size: 12px;
  font-style: italic;
}
.lx-checks-w {
  overflow: hidden;
}
.lx-checks {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: grid;
  gap: 4px;
}
.lx-checks li {
  display: grid;
  grid-template-columns: 70px 170px 1fr;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  padding: 5px 0;
  border-top: 1px dashed var(--line);
}
.lx-check-r {
  color: var(--paper);
}
.lx-check-d {
  color: var(--mute);
  overflow-wrap: anywhere;
}
.lx-route {
  margin-top: 8px;
  font-size: 11.5px;
  color: var(--dim);
}
.lx-order-ft {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.lx-blocked {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bad);
  font-size: 12px;
}
.lx-txstate {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.lx-log ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 330px;
  overflow-y: auto;
  display: grid;
}
.lx-log li {
  display: grid;
  grid-template-columns: 70px 16px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 7px 0;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--mute);
}
.lx-log li.is-ok .lx-i {
  color: var(--ok);
}
.lx-log li.is-fail .lx-i,
.lx-log li.is-reject .lx-i {
  color: var(--bad);
}
.lx-log li.is-plan .lx-i,
.lx-log li.is-sent .lx-i {
  color: var(--acc);
}
.lx-log-t {
  color: var(--dim);
}
.lx-hist {
  display: grid;
  gap: 0;
}
.lx-hist-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  flex-wrap: wrap;
}
.lx-hist-row .lx-row {
  margin: 0;
}
.lx-swap-wrap {
  display: grid;
  grid-template-columns: minmax(0, 520px) 1fr;
  gap: 24px;
  align-items: start;
}
.lx-swapbox {
  position: relative;
  display: grid;
  gap: 6px;
}
.lx-leg {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  background: #0d0e10;
}
.lx-leg-hd {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  color: var(--dim);
}
.lx-leg-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}
.lx-amt {
  flex: 1;
  min-width: 0;
  font-family: var(--disp);
  font-size: 26px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: 300;
}
.lx-amt--out {
  color: var(--mute);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lx-tokbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line2);
  background: var(--card2);
  padding: 7px 10px 7px 8px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  flex: none;
}
.lx-tokbtn img {
  border-radius: 50%;
}
.lx-tokbtn:hover {
  border-color: var(--acc);
}
.lx-flip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--line2);
  background: var(--card2);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 2;
  color: var(--paper);
}
.lx-flip:hover {
  border-color: var(--acc);
  color: var(--acc);
}
.lx-slip {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 14px 0 4px;
  font-size: 12px;
}
.lx-slip-c {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--dim);
}
.lx-slip-c input {
  width: 76px;
  padding: 5px 8px;
  font-size: 12px;
}
.lx-qd {
  margin: 12px 0 0;
  display: grid;
  gap: 0;
  overflow: hidden;
}
.lx-qd div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 7px 0;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
}
.lx-qd dt {
  color: var(--dim);
}
.lx-qd dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
.lx-qage {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--dim);
}
.lx-qage-bg {
  fill: none;
  stroke: var(--line2);
  stroke-width: 2;
}
.lx-qage-fg {
  fill: none;
  stroke: var(--acc);
  stroke-width: 2;
  transition: stroke-dashoffset 1s linear;
}
.lx-leashnote {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 12px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 12px;
}
.lx-leashnote.is-ok {
  background: var(--okbg);
  color: var(--ok);
}
.lx-leashnote.is-out {
  background: var(--warnbg);
  color: var(--warn);
}
.lx-txline {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}
.lx-swap-side {
  padding: 10px 0;
}
.lx-swap-side h4 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 14px;
}
.lx-numlist {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: n;
  display: grid;
  gap: 14px;
}
.lx-numlist li {
  counter-increment: n;
  position: relative;
  padding-left: 38px;
  color: var(--mute);
  font-size: 13px;
}
.lx-numlist li::before {
  content: counter(n, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--acc);
  font-size: 12px;
}
.lx-numlist b {
  color: var(--paper);
  font-weight: 500;
}
.lx-stake-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 22px;
}
.lx-tablewrap {
  overflow-x: auto;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.lx-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  min-width: 520px;
}
.lx-table th {
  text-align: left;
  font-weight: 400;
  color: var(--dim);
  font-size: 11px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.lx-table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.lx-table tbody tr {
  cursor: pointer;
  transition: background .15s;
}
.lx-table tbody tr:hover {
  background: rgba(236, 235, 229, .04);
}
.lx-table tbody tr.is-sel {
  background: var(--accbg);
}
.lx-th {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  display: inline-flex;
  gap: 4px;
}
.lx-th.is-on {
  color: var(--acc2);
}
.lx-vals .lx-link {
  margin-top: 10px;
}
.lx-stake-form {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  background: rgba(13, 14, 16, .5);
  align-self: start;
}
.lx-stake-form h4 {
  font-family: var(--disp);
  font-weight: 400;
  margin: 0 0 12px;
  font-size: 17px;
}
.lx-selv {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12.5px;
  margin-bottom: 12px;
  color: var(--mute);
}
.lx-notes {
  margin: 0 0 14px;
  padding-left: 18px;
  color: var(--mute);
  font-size: 12px;
  display: grid;
  gap: 6px;
}
.lx-lst {
  max-width: 560px;
}
.lx-lst-pick {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.lx-est-out {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 12px;
}
.lx-est-out b {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 24px;
  color: var(--acc);
}
.lx-est-out span {
  font-size: 12px;
  color: var(--mute);
}
.lx-trace {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 16px;
}
.lx-term {
  border: 1px solid var(--line2);
  border-radius: var(--r);
  background: #0b0c0d;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.lx-term-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  font-size: 11.5px;
  color: var(--dim);
}
.lx-term-bar > span:not(.lx-spin) {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(236, 235, 229, .14);
}
.lx-term-bar b {
  font-weight: 400;
  margin-left: 8px;
  margin-right: auto;
}
.lx-term-scr {
  height: 440px;
  overflow-y: auto;
  padding: 14px 16px;
  font-size: 12.5px;
}
.lx-term-ent {
  margin-bottom: 12px;
}
.lx-term-cmd {
  color: var(--acc2);
  display: flex;
  gap: 8px;
}
.lx-term-txt {
  color: var(--mute);
}
.lx-term-err {
  color: var(--bad);
}
.lx-term-in {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding: 4px 16px;
  position: relative;
}
.lx-term-in > span {
  color: var(--acc);
}
.lx-term-in input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 11px 0;
  font-size: 13px;
}
.lx-caret {
  position: absolute;
  right: 16px;
  width: 8px;
  height: 16px;
  background: var(--acc);
  animation: lxBlink 1.1s steps(1) infinite;
}
@keyframes lxBlink {
  50% {
    opacity: 0;
  }
}
.lx-term-sugg {
  display: flex;
  gap: 6px;
  padding: 0 16px 8px;
  align-items: center;
  font-size: 11.5px;
}
.lx-term-sugg button,
.lx-term-quick button {
  border: 1px solid var(--line);
  background: transparent;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: 11.5px;
  cursor: pointer;
  color: var(--mute);
}
.lx-term-sugg button:hover,
.lx-term-quick button:hover {
  color: var(--paper);
  border-color: var(--acc);
}
.lx-term-quick {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 10px 16px;
  border-top: 1px solid var(--line);
}
.lx-help {
  border-collapse: collapse;
  margin-top: 4px;
}
.lx-help td {
  padding: 3px 14px 3px 0;
  color: var(--mute);
  vertical-align: top;
}
.lx-help td:first-child {
  color: var(--paper);
  white-space: nowrap;
}
.lx-res-card {
  margin-top: 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  background: var(--card);
}
.lx-rc-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.lx-res-card h5 {
  margin: 12px 0 6px;
  font-size: 11px;
  font-weight: 400;
  color: var(--dim);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lx-deltas,
.lx-siglist,
.lx-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 3px;
}
.lx-deltas li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.lx-timeline li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lx-timeline i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ok);
  flex: none;
}
.lx-timeline i.is-bad {
  background: var(--bad);
}
.lx-tokgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.lx-tokcell {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
}
.lx-tokcell img,
.lx-tokcell .lx-noicon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
}
.lx-tokcell > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.lx-feed {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card);
  padding: 14px;
  min-width: 0;
}
.lx-feed-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  margin-bottom: 10px;
}
.lx-feed-hd .lx-dim {
  margin-left: auto;
  font-size: 11px;
}
.lx-feed ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.lx-feed li button {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 10px;
  text-align: left;
  border: 1px solid var(--line);
  background: rgba(13, 14, 16, .6);
  border-radius: 10px;
  padding: 9px 12px;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
}
.lx-feed li button:hover {
  border-color: var(--acc);
}
.lx-feed li button .lx-dim {
  grid-column: 1/-1;
  font-size: 11px;
}
.lx-feed li button i {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background: var(--acc);
  opacity: .7;
}
.lx-chat {
  border: 1px solid var(--line2);
  border-radius: var(--r);
  background: var(--card);
  overflow: hidden;
  max-width: 920px;
}
.lx-chat-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
.lx-chat-id {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lx-chat-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11.5px;
  color: var(--dim);
}
.lx-dotst {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(236, 235, 229, .3);
}
.lx-dotst.is-on {
  background: var(--ok);
  box-shadow: 0 0 0 4px var(--okbg);
}
.lx-chat-scr {
  height: 360px;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lx-chat-empty {
  color: var(--mute);
  font-size: 12.5px;
  border: 1px dashed var(--line2);
  border-radius: 12px;
  padding: 14px 16px;
}
.lx-chat-empty p {
  margin: 0 0 6px;
}
.lx-msg {
  max-width: 84%;
}
.lx-msg--user {
  align-self: flex-end;
}
.lx-msg-b {
  padding: 10px 14px;
  border-radius: 14px;
  font-size: 13px;
  background: rgba(236, 235, 229, .06);
  border: 1px solid var(--line);
}
.lx-msg--user .lx-msg-b {
  background: var(--accbg);
  border-color: rgba(217, 119, 58, .4);
  border-bottom-right-radius: 4px;
}
.lx-msg--assistant .lx-msg-b {
  border-bottom-left-radius: 4px;
}
.lx-msg.is-err .lx-msg-b {
  border-color: rgba(217, 180, 90, .35);
  color: var(--warn);
  background: var(--warnbg);
}
.lx-msg-b p {
  margin: 0 0 6px;
}
.lx-msg-b p:last-child {
  margin: 0;
}
.lx-msg-li {
  padding-left: 14px;
  position: relative;
  margin: 2px 0;
}
.lx-msg-li::before {
  content: "\2014";
  position: absolute;
  left: 0;
  color: var(--acc);
}
.lx-msg-b code {
  background: rgba(0, 0, 0, .3);
  padding: 0 4px;
  border-radius: 4px;
}
.lx-typing {
  display: flex;
  gap: 5px;
  padding: 14px;
}
.lx-typing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mute);
  animation: lxDot 1s infinite;
}
.lx-typing i:nth-child(2) {
  animation-delay: .15s;
}
.lx-typing i:nth-child(3) {
  animation-delay: .3s;
}
@keyframes lxDot {
  0%, 100% {
    opacity: .25;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
.lx-chat-sugg {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 18px;
  border-top: 1px solid var(--line);
  scrollbar-width: thin;
}
.lx-chat-sugg button {
  flex: none;
  border: 1px solid var(--line2);
  background: transparent;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  color: var(--mute);
  white-space: nowrap;
}
.lx-chat-sugg button:hover:not(:disabled) {
  color: var(--paper);
  border-color: var(--acc);
}
.lx-chat-in {
  display: flex;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--line);
}
.lx-chat .lx-fine {
  padding: 0 18px 14px;
}
.lx-util {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.lx-util-c h3 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 17px;
  margin: 16px 0 8px;
}
.lx-util-c p {
  color: var(--mute);
  font-size: 12.5px;
  margin: 0;
}
.lx-util-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lx-util-i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--line2);
  color: var(--acc);
}
.lx-hold {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
  font-size: 12px;
  color: var(--mute);
}
.lx-supply {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}
.lx-supply > .lx-card:nth-child(3) {
  grid-column: 1/-1;
}
.lx-donut-c {
  display: grid;
  place-items: center;
  position: relative;
  padding: 30px;
}
.lx-donut-bg {
  fill: none;
  stroke: rgba(236, 235, 229, .07);
  stroke-width: 20;
}
.lx-donut-fg {
  fill: none;
  stroke: var(--acc);
  stroke-width: 20;
}
.lx-donut-mid {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
  gap: 4px;
}
.lx-donut-mid b {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 34px;
}
.lx-donut-mid > span {
  font-size: 11.5px;
  color: var(--mute);
}
.lx-bigfact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 18px;
}
.lx-bigfact > span {
  font-size: 11px;
  color: var(--dim);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lx-bigfact b {
  font-family: var(--disp);
  font-weight: 300;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -.02em;
}
.lx-bigfact small {
  color: var(--mute);
}
.lx-bars {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}
.lx-barrow {
  display: grid;
  grid-template-columns: 170px 1fr 48px;
  gap: 12px;
  align-items: center;
  font-size: 12.5px;
}
.lx-barrow b {
  text-align: right;
  font-weight: 500;
}
.lx-bartrack {
  height: 8px;
  border-radius: 99px;
  background: rgba(236, 235, 229, .07);
  overflow: hidden;
}
.lx-bartrack i {
  display: block;
  height: 100%;
  background: var(--acc);
  border-radius: 99px;
}
.lx-bartrack i.is-zero {
  background: rgba(236, 235, 229, .3);
}
.lx-facts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
  font-size: 12.5px;
  color: var(--mute);
}
.lx-facts li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.lx-facts .lx-i {
  color: var(--acc);
  margin-top: 3px;
}
.lx-road {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  position: relative;
}
.lx-road-i {
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 20px;
  background: var(--card);
}
.lx-road-i.is-done {
  border-color: rgba(156, 197, 154, .22);
}
.lx-road-i.is-next {
  border-color: rgba(217, 119, 58, .4);
}
.lx-road-dot {
  position: absolute;
  right: 18px;
  top: 20px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--line2);
}
.is-done .lx-road-dot {
  background: var(--ok);
  border-color: var(--ok);
}
.is-next .lx-road-dot {
  border-color: var(--acc);
  animation: lxPing 2s infinite;
}
.lx-road-k {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: var(--dim);
  padding-right: 20px;
}
.lx-road-i h3 {
  font-family: var(--disp);
  font-weight: 400;
  font-size: 17px;
  margin: 14px 0 6px;
}
.lx-road-i p {
  margin: 0;
  color: var(--mute);
  font-size: 12.5px;
}
.lx-flows {
  display: grid;
  gap: 22px;
}
.lx-flow {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card);
  padding: 20px;
}
.lx-flow figcaption {
  font-family: var(--disp);
  font-size: 16px;
  margin-bottom: 14px;
}
.lx-flow svg {
  width: 100%;
  height: auto;
  display: block;
}
.lx-flow-n rect {
  fill: #121316;
  stroke: var(--line2);
  stroke-width: 1;
}
.lx-flow-n.is-acc rect {
  stroke: var(--acc);
  fill: rgba(217, 119, 58, .08);
}
.lx-flow-n.is-you rect {
  stroke: rgba(236, 235, 229, .55);
}
.lx-flow-n.is-live rect {
  stroke: rgba(156, 197, 154, .45);
}
.lx-flow-n.is-bad rect {
  stroke: rgba(224, 116, 95, .55);
  fill: rgba(224, 116, 95, .07);
}
.lx-flow-n.is-warn rect {
  stroke: rgba(217, 180, 90, .5);
  stroke-dasharray: 4 3;
}
.lx-flow-nt {
  font-family: var(--disp);
  font-size: 13px;
  fill: var(--paper);
}
.lx-flow-ns {
  font-family: var(--mono);
  font-size: 10.5px;
  fill: rgba(236, 235, 229, .6);
}
.lx-flow-tag {
  font-family: var(--mono);
  font-size: 8.5px;
  letter-spacing: .1em;
  fill: rgba(236, 235, 229, .45);
}
.lx-flow-n.is-live .lx-flow-tag {
  fill: var(--ok);
}
.lx-flow-n.is-acc .lx-flow-tag {
  fill: var(--acc2);
}
.lx-flow-n.is-warn .lx-flow-tag {
  fill: var(--warn);
}
.lx-flow-e {
  fill: none;
  stroke: rgba(236, 235, 229, .35);
  stroke-width: 1.3;
}
.lx-flow-e.is-acc {
  stroke: var(--acc);
  stroke-width: 1.6;
}
.lx-flow-ar {
  fill: rgba(236, 235, 229, .6);
}
.lx-flow-pulse {
  fill: none;
  stroke: var(--acc);
  stroke-width: 2;
  stroke-dasharray: 4 120;
  stroke-linecap: round;
  animation: lxFlow 3.2s linear infinite;
  opacity: .85;
}
.lx-flow.is-off .lx-flow-pulse {
  animation-play-state: paused;
}
@keyframes lxFlow {
  from {
    stroke-dashoffset: 124;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.lx-flow-l {
  font-family: var(--mono);
  font-size: 10px;
  fill: var(--acc2);
  paint-order: stroke;
  stroke: #16171b;
  stroke-width: 4px;
}
.lx-flow-legend ul {
  list-style: none;
  margin: 16px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 22px;
  font-size: 12px;
  color: var(--mute);
}
.lx-flow-legend b {
  color: var(--paper);
  font-weight: 500;
}
.lx-faq {
  max-width: 900px;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}
.lx-qa {
  border-bottom: 1px solid var(--line);
}
.lx-qa button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: none;
  border: 0;
  padding: 20px 4px;
  cursor: pointer;
  text-align: left;
  font-family: var(--disp);
  font-size: 16px;
  font-weight: 400;
}
.lx-qa button i {
  display: inline-grid;
  color: var(--acc);
}
.lx-qa-a {
  overflow: hidden;
}
.lx-qa-a p {
  margin: 0 4px 20px;
  color: var(--mute);
  max-width: 720px;
}
.lx-foot {
  max-width: var(--max);
  margin: 80px auto 0;
  padding: 40px var(--gut) 50px;
  border-top: 1px solid var(--line);
}
.lx-foot-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.lx-foot nav {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  font-size: 12.5px;
}
.lx-foot nav a {
  color: var(--mute);
  text-decoration: none;
}
.lx-foot nav a:hover {
  color: var(--paper);
}
.lx-honest {
  color: var(--mute);
  font-size: 12.5px;
  max-width: 860px;
  margin: 22px 0 10px;
}
.lx-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(8, 8, 9, .7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: grid;
  place-items: center;
  padding: 16px;
}
.lx-modal-box {
  width: min(560px, 100%);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  background: var(--card2);
  border: 1px solid var(--line2);
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
}
.lx-modal-box.is-wide {
  width: min(820px, 100%);
}
.lx-modal-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
}
.lx-modal-hd h3 {
  margin: 0;
  font-family: var(--disp);
  font-weight: 400;
  font-size: 17px;
}
.lx-modal-bd {
  padding: 18px 20px 20px;
}
.lx-sum {
  display: grid;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.lx-sum div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 14px;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
}
.lx-sum div:first-child {
  border-top: 0;
}
.lx-sum span {
  color: var(--dim);
  flex: none;
}
.lx-sum b {
  font-weight: 500;
  text-align: right;
  overflow-wrap: anywhere;
}
.lx-sum .is-warn {
  background: var(--warnbg);
  color: var(--warn);
}
.lx-toasts {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 90;
  display: grid;
  gap: 8px;
  width: min(380px, calc(100vw - 32px));
}
.lx-toast {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--card2);
  border: 1px solid var(--line2);
  font-size: 12.5px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .45);
}
.lx-toast span {
  flex: 1;
}
.lx-toast a {
  color: var(--acc);
}
.lx-toast--ok .lx-i {
  color: var(--ok);
}
.lx-toast--err .lx-i {
  color: var(--bad);
}
.lx-toast--info .lx-i {
  color: var(--acc);
}
@media (max-width:1180px) {
  .lx-links a {
    padding: 6px 9px;
    font-size: 12px;
  }
  .lx-util {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:1020px) {
  .lx-nav .lx-menu {
    display: inline-grid;
  }
  .lx-links {
    position: fixed;
    top: 64px;
    left: 12px;
    right: 12px;
    flex-direction: column;
    border-radius: 14px;
    padding: 8px;
    background: rgba(20, 21, 24, .97);
    display: none;
    margin: 0;
  }
  .lx-links.is-open {
    display: flex;
  }
  .lx-links a {
    padding: 11px 14px;
    font-size: 14px;
  }
  .lx-hero {
    grid-template-columns: 1fr;
    padding-top: 96px;
    min-height: auto;
  }
  .lx-hero-vis {
    max-width: 520px;
    order: 2;
  }
  .lx-counters {
    order: 3;
    grid-template-columns: repeat(3, 1fr);
  }
  .lx-counter:nth-child(3) {
    border-right: 0;
  }
  .lx-counter:nth-child(-n+3) {
    border-bottom: 1px solid var(--line);
  }
  .lx-pin {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .lx-dash-net,
  .lx-dash-chart,
  .lx-dash-leash {
    grid-column: span 12;
    grid-row: auto;
  }
  .lx-leash-grid,
  .lx-stake-grid,
  .lx-trace,
  .lx-swap-wrap {
    grid-template-columns: 1fr;
  }
  .lx-status {
    position: static;
  }
  .lx-road {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:760px) {
  body {
    font-size: 13.5px;
  }
  .lx-sec {
    padding: 76px var(--gut) 24px;
  }
  .lx-nav {
    padding: 12px 16px;
    gap: 10px;
  }
  .lx-brand span {
    display: none;
  }
  .lx-hero h1 {
    font-size: clamp(34px, 10vw, 46px);
  }
  .lx-counters {
    grid-template-columns: 1fr 1fr;
  }
  .lx-counter {
    padding: 11px 14px;
    border-right: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line);
  }
  .lx-counter:nth-child(2n) {
    border-right: 0 !important;
  }
  .lx-counter:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  .lx-counter .lx-tick {
    font-size: 15px;
  }
  .lx-card {
    padding: 16px;
  }
  .lx-grid2,
  .lx-grid3,
  .lx-rule-grid,
  .lx-planners,
  .lx-util,
  .lx-road,
  .lx-supply,
  .lx-facts,
  .lx-flow-legend ul,
  .lx-tokgrid {
    grid-template-columns: 1fr;
  }
  .lx-steps {
    grid-template-columns: 1fr 1fr;
  }
  .lx-net {
    flex-direction: column;
    align-items: flex-start;
  }
  .lx-checks li {
    grid-template-columns: 62px 1fr;
    gap: 4px 8px;
  }
  .lx-check-d {
    grid-column: 2;
  }
  .lx-log li {
    grid-template-columns: 58px 14px 1fr;
  }
  .lx-log li .lx-ext {
    grid-column: 3;
  }
  .lx-barrow {
    grid-template-columns: 110px 1fr 40px;
  }
  .lx-res {
    grid-template-columns: 22px auto 1fr auto;
  }
  .lx-res .lx-mono {
    display: none;
  }
  .lx-term-scr {
    height: 380px;
  }
  .lx-msg {
    max-width: 94%;
  }
  .lx-flow {
    padding: 14px;
  }
  .lx-pin {
    padding-top: 76px;
  }
  .lx-order-hd {
    flex-wrap: wrap;
  }
  .lx-reason {
    margin-left: 0;
  }
  .lx-dl div {
    flex-direction: column;
    gap: 0;
  }
  .lx-dl dd {
    text-align: left;
  }
  .lx-sum div {
    flex-direction: column;
    gap: 2px;
  }
  .lx-sum b {
    text-align: left;
  }
}
@media (prefers-reduced-motion:reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}
.lx-stake-grid > *,
.lx-trace > *,
.lx-leash-grid > *,
.lx-swap-wrap > *,
.lx-dash > *,
.lx-supply > *,
.lx-util > * {
  min-width: 0;
}
@media (max-width:1020px) {
  .lx-dash-coin {
    grid-column: span 12;
  }
}
@media (max-width:760px) {
  .lx-metrics {
    grid-template-columns: 1fr;
  }
  .lx-metrics .lx-metric {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 12px;
  }
  .lx-metrics .lx-metric:first-child {
    border-top: 0;
    padding-top: 0;
  }
}
.lx-glyph {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex: none;
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--paper);
  background: rgba(217, 119, 58, var(--gr,.2));
  border: 1px solid rgba(236, 235, 229, .16);
}
.lx-tokbtn .lx-glyph {
  width: 20px;
  height: 20px;
}
.lx-order-ft {
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.lx-why {
  font-size: 11.5px;
  color: var(--warn);
  margin-right: auto;
}
.lx-blocked {
  text-align: right;
}
.lx-accept {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11.5px;
  color: var(--warn);
  margin-right: auto;
  max-width: 520px;
  cursor: pointer;
}
.lx-accept input {
  accent-color: var(--acc);
  margin-top: 3px;
}
.lx-hold > span {
  flex: 1;
  min-width: 180px;
}