/* 合流 MergePad · #/launch — "wow" layer over pages/launch.css (owner: launchpools agent).
   Loaded after type-display.css. Everything is scoped to .ls-page.lx so the base stepper keeps working without it.
   Language: night ocean — glass panels with ice/teal glow, display type (得意黑) on titles, numbers and CTAs,
   water motifs (ripples, a water tube stepper, the proven excerpt lit like a caustic), amber for the launch action. */

.ls-page.lx { --lx-glass: linear-gradient(180deg, rgb(255 255 255 / .05), rgb(255 255 255 / .018));
  --lx-line: rgb(159 219 255 / .13); --lx-line-2: rgb(159 219 255 / .26); --lx-dim: #93AAB7; position: relative; }
.ls-page.lx .page-h, .ls-page.lx .ls-grid { max-width: 1120px; }
.ls-page.lx .ls-grid { grid-template-columns: minmax(0, 700px) 372px; gap: 28px; }

/* ─── hero ─────────────────────────────────────────────────────────────────── */
.ls-page.lx .page-h.lx-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end;
  gap: 24px 48px; margin-bottom: 40px; padding-top: 6px; }
.lx-hero-bg { position: absolute; z-index: -1; inset: -90px 0 -30px 0; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 18%, #000 70%, transparent); }
.lx-orb { position: absolute; right: 2%; top: 4%; width: 520px; height: 420px; border-radius: 50%;
  background: radial-gradient(closest-side, rgb(70 224 210 / .2), rgb(40 140 190 / .08) 58%, transparent); filter: blur(6px); }
.lx-rip { position: absolute; right: calc(2% + 100px); top: calc(4% + 170px); width: 320px; height: 96px; border-radius: 50%;
  border: 1px solid rgb(159 219 255 / .32); box-shadow: 0 0 24px rgb(70 224 210 / .18), inset 0 0 18px rgb(70 224 210 / .1);
  opacity: 0; transform: scale(.25); animation: lx-rip 7.5s cubic-bezier(.2, .6, .3, 1) infinite; }
.lx-rip.b { animation-delay: 2.5s; } .lx-rip.c { animation-delay: 5s; }
@keyframes lx-rip { 0% { opacity: 0; transform: scale(.2); } 12% { opacity: .9; } 100% { opacity: 0; transform: scale(1.7); } }
.lx-hero-l { min-width: 0; }
.ls-page.lx .page-h h1.lx-title { margin: 18px 0 0; font-family: var(--ff-display); font-weight: 800; font-size: clamp(40px, 5.2vw, 76px); line-height: 1.04; letter-spacing: -.012em; }
.lang-en .ls-page.lx .page-h h1.lx-title { font-size: clamp(38px, 5vw, 72px); letter-spacing: -.03em; line-height: 1; }
.lx-title .line { display: block; }
.lx-title .line + .line { margin-top: .02em; }
.ls-page.lx .page-h p.lx-lede { margin-top: 18px; max-width: 36em; font-size: clamp(15px, 1.25vw, 18px); line-height: 1.65; color: #A9BDCB; }
.lx-chips { display: grid; gap: 10px; min-width: 272px; margin: 0 0 6px; padding: 0; list-style: none; }
.lx-chips li { display: flex; align-items: center; gap: 12px; padding: 9px 16px 9px 9px; border-radius: 14px; font-size: 13.5px; line-height: 20px; color: #D4E6EC;
  background: linear-gradient(90deg, rgb(159 219 255 / .08), rgb(159 219 255 / .02)); border: 1px solid var(--lx-line);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: border-color .3s, transform .3s var(--ease-out-expo); }
.lx-chips li:hover { border-color: var(--lx-line-2); transform: translateX(-3px); }
.lx-chips .ic { display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 10px; color: var(--teal);
  background: rgb(70 224 210 / .1); box-shadow: inset 0 0 0 1px rgb(70 224 210 / .22), 0 0 18px -6px rgb(70 224 210 / .7); }
.lx-chips li:nth-child(3) .ic { color: var(--amber-hi); background: rgb(245 165 36 / .1); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .25), 0 0 18px -6px rgb(245 165 36 / .7); }

/* ─── stepper rail: a water tube that fills as the steps are done ────────────── */
.ls-page.lx .ls-railbox { margin-bottom: 6px; }
.lx-railw { position: relative; }
.lx-tube { --p: 0; position: absolute; left: 12.5%; right: 12.5%; top: 17px; height: 8px; border-radius: 8px; overflow: hidden;
  background: rgb(159 219 255 / .07); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .12), inset 0 2px 4px rgb(0 0 0 / .4); }
.lx-water { position: absolute; inset: 0 auto 0 0; width: calc(var(--p) * 100%); border-radius: inherit; overflow: hidden;
  background: linear-gradient(90deg, #1FA7B8, var(--teal) 55%, var(--ice-hi)); box-shadow: 0 0 16px rgb(70 224 210 / .7);
  transition: width 1.1s var(--ease-out-expo); }
.lx-wv { position: absolute; inset: 0; background: repeating-linear-gradient(100deg, transparent 0 14px, rgb(255 255 255 / .35) 14px 18px, transparent 18px 30px);
  animation: lx-flow 1.6s linear infinite; opacity: .7; }
@keyframes lx-flow { to { background-position: 60px 0; } }
.ls-page.lx .ls-rail { position: relative; gap: 0; }
.ls-page.lx .ls-rail button { flex-direction: column; align-items: center; gap: 8px; padding: 0; min-height: 0; border: 0; text-align: center; color: var(--lx-dim); font-size: 13px; font-weight: 500; }
.ls-page.lx .ls-rail button .k { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; font-family: var(--ff-display); font-size: 19px; font-weight: 800;
  color: #6F8896; background: #0B1B25; box-shadow: inset 0 0 0 1px rgb(159 219 255 / .16); transition: color .3s, box-shadow .4s, background-color .4s, transform .4s var(--ease-out-expo); }
.ls-page.lx .ls-rail button:not(:disabled):hover .k { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .4); }
.ls-page.lx .ls-rail li[data-state="done"] button { color: #BFD3DC; }
.ls-page.lx .ls-rail li[data-state="done"] .k { color: #04212A; background: linear-gradient(180deg, var(--ice-hi), var(--teal)); box-shadow: 0 0 18px rgb(70 224 210 / .55); }
.ls-page.lx .ls-rail li[data-state="cur"] button { color: #fff; font-weight: 600; }
.ls-page.lx .ls-rail li[data-state="cur"] .k { color: #fff; background: radial-gradient(circle at 50% 30%, #17475A, #0B2230);
  box-shadow: inset 0 0 0 1.5px var(--teal), 0 0 0 5px rgb(70 224 210 / .12), 0 0 26px rgb(70 224 210 / .5); animation: lx-node 2.6s ease-in-out infinite; }
@keyframes lx-node { 50% { box-shadow: inset 0 0 0 1.5px var(--teal), 0 0 0 9px rgb(70 224 210 / .05), 0 0 34px rgb(70 224 210 / .6); } }
.ls-page.lx .ls-rail li[data-state="cur"] .l { background: linear-gradient(100deg, var(--ice-hi), #fff 50%, var(--amber-hi)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ─── step panels: glass ─────────────────────────────────────────────────────── */
.ls-page.lx .ls-main { gap: 14px; }
.ls-page.lx .ls-step { position: relative; border-radius: 24px; background: var(--lx-glass); border: 1px solid var(--lx-line);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transition: border-color .4s, box-shadow .5s, opacity .4s; }
.ls-page.lx .ls-step[data-state="cur"] { border-color: rgb(159 219 255 / .3); background: linear-gradient(180deg, rgb(20 52 66 / .62), rgb(8 22 31 / .72));
  box-shadow: 0 0 0 1px rgb(70 224 210 / .08), 0 40px 90px -50px rgb(70 224 210 / .55), inset 0 1px 0 rgb(255 255 255 / .06); }
.ls-page.lx .ls-step[data-state="cur"]::before { content: ""; position: absolute; left: 24px; right: 24px; top: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--teal) 30%, var(--ice-hi) 60%, transparent); box-shadow: 0 0 14px rgb(70 224 210 / .8); }
.ls-page.lx .ls-step[data-state="todo"] { background: rgb(255 255 255 / .012); border-style: dashed; border-color: rgb(159 219 255 / .1); }
.ls-page.lx .ls-step[data-state="todo"] .ls-h { opacity: .5; }
.ls-page.lx .ls-h { min-height: 70px; padding-inline: 26px; gap: 14px; }
.ls-page.lx .ls-step[data-state="cur"] .ls-h { border-bottom-color: rgb(159 219 255 / .08); }
.ls-page.lx .ls-n { width: 34px; height: 34px; border-radius: 11px; background: #0B1B25; border: 0; box-shadow: inset 0 0 0 1px rgb(159 219 255 / .16); }
.ls-page.lx .ls-n .k { font-family: var(--ff-display); font-size: 18px; font-weight: 800; }
.ls-page.lx .ls-step[data-state="cur"] .ls-n { color: #04212A; background: linear-gradient(180deg, var(--ice-hi), var(--teal)); box-shadow: 0 0 20px rgb(70 224 210 / .55); }
.ls-page.lx .ls-step[data-state="done"] .ls-n { color: var(--teal); background: rgb(70 224 210 / .1); box-shadow: inset 0 0 0 1px rgb(70 224 210 / .35); }
.ls-page.lx .ls-t { font-family: var(--ff-display); font-weight: 800; font-size: 22px; line-height: 1.2; letter-spacing: .01em; color: #DCEBF0; }
.ls-page.lx .ls-step[data-state="cur"] .ls-t { background: linear-gradient(100deg, var(--ice-hi), #fff 45%, #FFE7BC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgb(120 205 255 / .3)); padding-block: .06em; }
.ls-page.lx .ls-step[data-state="done"] .ls-t { font-size: 18px; color: #9FB6C3; }
.ls-page.lx .ls-sumline { font-size: 13.5px; color: #CFE0E6; }
.ls-page.lx .ls-b { padding: 26px 26px 28px; }
.ls-page.lx .ls-f { padding: 16px 26px; background: rgb(3 12 18 / .35); border-top-color: rgb(159 219 255 / .08); border-radius: 0 0 24px 24px; }
.ls-page.lx .ls-why { font-size: 12.5px; color: var(--lx-dim); }

/* primary "next": ice glass pill with a slow sheen */
.ls-page.lx .ls-next { position: relative; overflow: hidden; --h: 46px; min-width: 150px; padding-inline: 22px; border: 0; border-radius: 14px;
  font-family: var(--ff-display); font-weight: 800; font-size: 18px; letter-spacing: .04em; color: #04212A;
  background: linear-gradient(180deg, #E4F8FF, #9FDBFF 55%, #6FC6E6); box-shadow: inset 0 1px 0 rgb(255 255 255 / .7), 0 10px 30px -10px rgb(120 205 255 / .8); }
.lang-en .ls-page.lx .ls-next { letter-spacing: .01em; font-size: 17px; }
.ls-page.lx .ls-next::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / .75) 48%, transparent 62%); transform: translateX(-120%); animation: lx-sheen 5s ease-in-out 1.5s infinite; }
.ls-page.lx .ls-next:hover:not(:disabled) { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .8), 0 14px 38px -8px rgb(120 205 255 / .95); }
.ls-page.lx .ls-next:disabled { color: #5E7885; background: rgb(159 219 255 / .08); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .14); }
.ls-page.lx .ls-next:disabled::after { display: none; }
.ls-page.lx .ls-next .i { width: 18px; height: 18px; }
@keyframes lx-sheen { 0%, 70% { transform: translateX(-120%); } 90%, 100% { transform: translateX(120%); } }

/* the launch action: amber, display type (same language as the home hero "发射") */
.lx-go.btn-accent, .lx .lx-go.btn-accent, .ls-bbar .lx-go.btn-accent {
  position: relative; overflow: hidden; border: 0; border-radius: 16px; color: #1B1002;
  background: linear-gradient(180deg, #FFDA8A 0%, #F9B23C 48%, #E8900F 100%);
  font-family: var(--ff-display); font-weight: 800; font-size: 20px; letter-spacing: .04em;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), inset 0 -2px 0 rgb(120 60 0 / .25), 0 12px 36px -10px rgb(245 165 36 / .8), 0 0 0 1px rgb(255 200 110 / .4); }
.lang-en .lx-go.btn-accent { letter-spacing: .01em; font-size: 18px; }
.lx-go.btn-accent::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / .7) 48%, transparent 62%); transform: translateX(-120%); animation: lx-sheen 5.5s ease-in-out 2s infinite; pointer-events: none; }
.lx-go.btn-accent:hover:not(:disabled) { background: linear-gradient(180deg, #FFE3A3 0%, #FBBD52 48%, #EE9A1E 100%); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 16px 44px -8px rgb(245 165 36 / .95), 0 0 0 1px rgb(255 210 130 / .6); }
.lx-go.btn-accent:disabled { filter: saturate(.35) brightness(.7); box-shadow: none; }
.lx-go.btn-accent:disabled::after { display: none; }
.lx-go.btn-accent .i { width: 18px; height: 18px; }
.ls-page.lx .ls-b > .lx-go { --h: 60px; }

/* ─── step 1 · the tweet field is the star ───────────────────────────────────── */
@property --lx-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.lx-flabel { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; font-family: var(--ff-display); font-weight: 800; font-size: 17px; letter-spacing: .04em; color: var(--ice-hi); }
.lang-en .lx-flabel { letter-spacing: 0; }
.lx-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px rgb(70 224 210 / .16), 0 0 14px 2px rgb(70 224 210 / .7); animation: lx-pulse 2.4s ease-in-out infinite; }
@keyframes lx-pulse { 50% { box-shadow: 0 0 0 7px rgb(70 224 210 / .06), 0 0 18px 4px rgb(70 224 210 / .45); } }
.ls-page.lx .ls-b .field.lx-field { position: relative; --h: 68px; gap: 12px; padding: 0 10px 0 18px; border: 0; border-radius: 18px; cursor: text;
  background: linear-gradient(180deg, rgb(16 36 52 / .8), rgb(5 14 24 / .86));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .08), inset 0 0 0 1px rgb(159 219 255 / .18), 0 24px 60px -30px rgb(0 0 0 / .9), 0 0 70px -24px rgb(70 224 210 / .45);
  transition: box-shadow .35s ease; }
.lx-field::before { content: ""; position: absolute; inset: -1px; border-radius: 19px; padding: 1.5px; pointer-events: none;
  background: conic-gradient(from var(--lx-ang), transparent 0 55%, rgb(70 224 210 / .9) 68%, #fff 73%, rgb(245 165 36 / .85) 78%, transparent 88% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: lx-spin 7s linear infinite; opacity: .75; transition: opacity .3s; }
@keyframes lx-spin { to { --lx-ang: 360deg; } }
.ls-page.lx .ls-b .field.lx-field:focus-within { box-shadow: inset 0 1px 0 rgb(255 255 255 / .1), inset 0 0 0 1px rgb(159 219 255 / .5), 0 0 0 5px rgb(70 224 210 / .16), 0 0 90px -14px rgb(70 224 210 / .6); }
.lx-field:focus-within::before { opacity: 1; animation-duration: 2.8s; }
.ls-page.lx .ls-b .field.lx-field.is-err { box-shadow: inset 0 0 0 1px rgb(240 73 94 / .7), 0 0 0 5px rgb(240 73 94 / .14); }
.lx-field.is-err::before { opacity: 0; }
.lx-field-ic { display: inline-flex; flex: none; color: var(--teal); filter: drop-shadow(0 0 8px rgb(70 224 210 / .7)); }
.lx-field-ic .i { width: 18px; height: 18px; color: inherit; }
.ls-page.lx .lx-field input { font-family: var(--font-mono); font-size: 16px; font-weight: 500; letter-spacing: -.01em; color: #F2FAFF; caret-color: var(--teal); }
.ls-page.lx .lx-field input::placeholder { color: #7E98AA; font-family: var(--font-sans); }
.lx-clip { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 12px; cursor: pointer;
  border: 1px solid rgb(159 219 255 / .18); background: rgb(159 219 255 / .06); color: #BFD9E6; font-size: 13px; font-weight: 500; transition: background .2s, color .2s, border-color .2s; }
.lx-clip:hover { background: rgb(159 219 255 / .14); color: #fff; border-color: rgb(159 219 255 / .36); }
.lx-clip .i { width: 14px; height: 14px; }
.ls-page.lx .ls-tin .field-err { margin-top: 10px; }

/* before a tweet: a ghost card that says what will appear */
.lx-wait { display: flex; align-items: center; gap: 18px; margin-top: 18px; padding: 16px 18px; border-radius: 18px; border: 1px dashed rgb(159 219 255 / .16); background: rgb(159 219 255 / .025); }
.lx-wait[hidden] { display: none; }
.lx-wait p { font-size: 13.5px; line-height: 1.6; color: var(--lx-dim); }
.lx-wait-card { position: relative; flex: none; display: grid; grid-template-columns: 30px 1fr; grid-template-rows: repeat(3, 7px); gap: 6px 10px; width: 150px; padding: 12px; border-radius: 12px;
  background: linear-gradient(180deg, rgb(255 255 255 / .05), rgb(255 255 255 / .015)); border: 1px solid rgb(159 219 255 / .12); overflow: hidden; }
.lx-wait-card .lx-wait-av { grid-row: 1 / 4; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(70 224 210 / .4), rgb(159 219 255 / .15)); }
.lx-wait-card i { display: block; height: 7px; border-radius: 4px; background: rgb(159 219 255 / .12); }
.lx-wait-card i:nth-of-type(2) { width: 70%; } .lx-wait-card i:nth-of-type(3) { width: 45%; }
.lx-wait-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgb(159 219 255 / .14) 50%, transparent 70%); transform: translateX(-100%); animation: lx-sweep 2.8s ease-in-out infinite; }
@keyframes lx-sweep { to { transform: translateX(100%); } }

/* meta strip under the field: time · countdown */
.ls-page.lx .ls-meta { margin-top: 14px; padding: 10px 14px; border-radius: 14px; background: rgb(3 12 18 / .35); border: 1px solid rgb(159 219 255 / .08); font-size: 12.5px; color: #9FB6C3; }
.ls-page.lx .ls-meta .num { color: #EAF6FA; font-size: 12.5px; }
.ls-page.lx .ls-left { height: 28px; padding: 0 12px; border-radius: 999px; border: 1px solid rgb(70 224 210 / .35); background: rgb(70 224 210 / .1); color: #BFF3EC; font-size: 12.5px; box-shadow: 0 0 20px -6px rgb(70 224 210 / .6); }
.ls-page.lx .ls-left.acc { border-color: rgb(245 165 36 / .5); background: rgb(245 165 36 / .12); color: #FFD591; box-shadow: 0 0 20px -6px rgb(245 165 36 / .7); }
.ls-page.lx .ls-left .i { width: 13px; height: 13px; }
.ls-page.lx .ls-look { margin-top: 16px; }
.ls-page.lx .ls-status { padding: 12px 14px; border-radius: 14px; background: rgb(255 255 255 / .025); border: 1px solid rgb(159 219 255 / .08); font-size: 13.5px; }
.ls-page.lx .ls-status.ok { border-color: rgb(70 224 210 / .28); background: linear-gradient(90deg, rgb(70 224 210 / .1), rgb(70 224 210 / .02)); }
.ls-page.lx .ls-status.ok > .i { color: var(--teal); filter: drop-shadow(0 0 6px rgb(70 224 210 / .8)); }
.ls-page.lx .ls-status .t { color: #EAF6FA; font-weight: 600; }
.ls-page.lx .ls-status .p { color: var(--lx-dim); font-size: 12.5px; }
.ls-page.lx .ls-callout { border-radius: 16px; background: rgb(255 255 255 / .03); border-color: var(--lx-line); }
.ls-page.lx .ls-callout.down { background: linear-gradient(90deg, rgb(240 73 94 / .14), rgb(240 73 94 / .04)); border-color: rgb(240 73 94 / .35); }

/* ─── the tweet preview: a quoted-post card ──────────────────────────────────── */
.ls-page.lx .ls-twbox { margin-top: 16px; }
.lx-tw.ls-tw { position: relative; isolation: isolate; overflow: hidden; padding: 16px 20px 16px; border-radius: 22px; border: 0;
  background: linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .025));
  box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2), inset 0 1px 0 rgb(255 255 255 / .08), 0 30px 70px -40px rgb(0 0 0 / .9), 0 0 60px -28px rgb(70 224 210 / .55);
  animation: lx-in .7s var(--ease-out-expo) both; }
@keyframes lx-in { from { opacity: 0; transform: translate3d(0, 14px, 0) scale(.985); filter: blur(6px); } }
.lx-tw::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--teal), var(--ice) 50%, var(--amber)); box-shadow: 0 0 14px rgb(70 224 210 / .7); }
.lx-tw-glow { position: absolute; z-index: -1; right: -80px; top: -120px; width: 320px; height: 260px; border-radius: 50%; background: radial-gradient(closest-side, rgb(70 224 210 / .18), transparent); pointer-events: none; }
.lx-tw-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.lx-tw-k { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #8FB4C4; }
.lang-en .lx-tw-k { letter-spacing: .1em; }
.lx-tw-k .i { width: 13px; height: 13px; color: var(--teal); }
.lx-24 { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; color: #FFD591;
  background: rgb(245 165 36 / .12); border: 1px solid rgb(245 165 36 / .38); box-shadow: 0 0 18px -6px rgb(245 165 36 / .8); white-space: nowrap; }
.lx-24 .i { width: 12px; height: 12px; }
.lx-tw .ls-tw-h { gap: 12px; }
.lx-av { position: relative; display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; overflow: hidden;
  background: conic-gradient(from 200deg, #46E0D2, #9FDBFF, #FFFFFF, #FFC766, #46E0D2); padding: 2px; }
.lx-av .l { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: #0C2230; font-family: var(--ff-display); font-weight: 800; font-size: 19px; color: #EAF8FF; }
.lx-av img { position: absolute; inset: 2px; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; object-fit: cover; }
.lx-av.is-q { background: rgb(159 219 255 / .08); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .22); color: var(--ice); }
.lx-av.is-q .i { width: 18px; height: 18px; }
.lx-tw .ls-tw-h .who b { font-size: 15px; line-height: 20px; font-weight: 700; color: #F5FBFD; }
.lx-tw .ls-tw-h .who span { margin-top: 2px; font-family: var(--font-mono); font-size: 12px; color: #8FA9B7; }
.lx-tw .ls-tw-h .when { font-size: 12px; color: #8FA9B7; }
.lx-tw .ls-tw-x { margin-top: 14px; font-size: 16px; line-height: 1.7; color: #E4F0F4; }
.lx-mark, .lx-tw .ls-tw-x mark { color: #fff; border-radius: 6px; padding: 1px 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
  background: linear-gradient(100deg, rgb(70 224 210 / .26), rgb(159 219 255 / .2) 55%, rgb(245 165 36 / .22)); box-shadow: inset 0 -2px 0 rgb(70 224 210 / .75), 0 0 22px -6px rgb(70 224 210 / .7); }
.lx-proof { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12px; color: #7FD9CF; }
.lx-proof .i { width: 12px; height: 12px; }
.lx-media { position: relative; margin-top: 14px; height: 150px; border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.lx-media .hs-art { display: block; width: 100%; height: 100%; }
.lx-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lx-media-c { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; color: #EAF8FF;
  background: rgb(4 14 22 / .66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgb(255 255 255 / .14); }
.lx-media-c .i { width: 12px; height: 12px; }
.lx-tw .ls-tw-f { margin-top: 14px; padding-top: 12px; border-top-color: rgb(159 219 255 / .1); font-size: 12.5px; }
.lx-tw .ls-tw-f .num { color: #AFC6D1; }
.lx-open { display: inline-flex; align-items: center; gap: 5px; color: var(--ice-hi); font-weight: 600; font-size: 13px; text-decoration: none; transition: color .2s; }
.lx-open:hover { color: #fff; }
.lx-open .i { width: 13px; height: 13px; transition: transform .2s; }
.lx-open:hover .i { transform: translate(2px, -2px); }
.lx-open.is-btn { height: 34px; padding: 0 14px; border-radius: 11px; background: rgb(159 219 255 / .1); border: 1px solid rgb(159 219 255 / .3); }
.lx-open.is-btn:hover { background: rgb(159 219 255 / .18); }
.lx-tw.is-fail::before { background: linear-gradient(180deg, var(--amber-hi), var(--amber)); box-shadow: 0 0 14px rgb(245 165 36 / .6); }
.lx-tw.is-fail .ls-tw-h .who span { font-family: var(--font-sans); color: #F0B862; }
.lx-fail-p { margin-top: 12px; font-size: 13.5px; line-height: 1.65; color: #B9CCD6; }
.lx-fail-kv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin: 14px 0 0; }
.lx-fail-kv > div { padding: 10px 12px; border-radius: 12px; background: rgb(3 12 18 / .4); border: 1px solid rgb(159 219 255 / .08); min-width: 0; }
.lx-fail-kv dt { font-size: 11.5px; color: var(--lx-dim); }
.lx-fail-kv dd { margin: 3px 0 0; font-size: 13px; color: #EAF6FA; overflow-wrap: anywhere; }

/* proof excerpt disclosure */
.ls-page.lx .ls-sub { margin-top: 14px; border-radius: 16px; background: rgb(3 12 18 / .35); border-color: rgb(159 219 255 / .12); }
.ls-page.lx .ls-subt { min-height: 48px; padding: 0 14px; border-radius: 16px; font-size: 13px; }
.ls-page.lx .ls-subt:hover { background: rgb(159 219 255 / .05); }
.ls-page.lx .ls-subt > .i:first-child { color: var(--teal); }

/* ─── "this post already has a pool" ─────────────────────────────────────────── */
.lx-ex.ls-exists { position: relative; isolation: isolate; overflow: hidden; padding: 22px 22px 20px; border: 0; border-radius: 24px;
  background: radial-gradient(90% 120% at 100% 0%, rgb(245 165 36 / .16), transparent 55%), radial-gradient(80% 100% at 0% 100%, rgb(70 224 210 / .16), transparent 60%), linear-gradient(180deg, #0F2A38, #081823);
  box-shadow: inset 0 0 0 1px rgb(255 199 102 / .35), 0 0 0 4px rgb(245 165 36 / .06), 0 30px 80px -40px rgb(245 165 36 / .55);
  animation: lx-in .7s var(--ease-out-expo) both; }
.lx-ex-bg { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.lx-ex-bg i { position: absolute; right: 30px; top: 40px; width: 260px; height: 80px; border-radius: 50%; border: 1px solid rgb(255 199 102 / .35); opacity: 0; animation: lx-rip 6s ease-out infinite; }
.lx-ex-bg i.b { animation-delay: 3s; border-color: rgb(70 224 210 / .35); }
.lx-ex-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lx-ex-t { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 14px 0 0; font-family: var(--ff-display); font-weight: 800; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.1; }
.lx-ex-t.is-plain { font-size: clamp(22px, 2.4vw, 28px); }
.lx-ex-t .display-grad { padding-block: .06em; }
.lx-ex-arrow { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #1B1002; background: linear-gradient(180deg, #FFDA8A, #F5A524); box-shadow: 0 0 22px rgb(245 165 36 / .6); }
.lx-ex-arrow .i { width: 20px; height: 20px; }
.lx-ex-p { margin-top: 10px; font-size: 13.5px; line-height: 1.65; color: #B9CCD6; }
.lx-ex-p b { color: #F5FBFD; font-weight: 600; }
.lx-ex .ls-ex-pool { margin-top: 16px; }
.lx-ex .ls-ex-pool .px-tile { min-height: 0; }
.lx-ex .ls-ex-coin { margin: 12px 0 0; }
.lx-ex .ls-ex-a { padding: 16px 0 0; }
.lx-ex .lx-ex-go { --h: 56px; min-width: 260px; padding-inline: 26px; gap: 10px; }

/* ─── step 2 · version preview ───────────────────────────────────────────────── */
.lx-ver { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; padding: 16px 18px; border-radius: 20px;
  background: radial-gradient(70% 140% at 0% 50%, rgb(70 224 210 / .12), transparent 60%), rgb(3 12 18 / .35); border: 1px solid rgb(159 219 255 / .12); transition: border-color .4s, box-shadow .5s; }
.lx-ver.is-on { border-color: rgb(159 219 255 / .28); box-shadow: 0 0 50px -20px rgb(70 224 210 / .55); }
.lx-ver-art { position: relative; flex: none; }
.lx-ver-art .px-art { --sz: 76px; border-radius: 22px; }
.lx-ver-ring { position: absolute; inset: -5px; border-radius: 26px; pointer-events: none; opacity: 0; transition: opacity .5s;
  background: conic-gradient(from var(--lx-ang), #46E0D2, #9FDBFF, #fff, #FFC766, #F5A524, #46E0D2); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); padding: 2px; animation: lx-spin 5s linear infinite; }
.lx-ver.is-on .lx-ver-ring { opacity: .9; }
.lx-ver-t { min-width: 0; display: grid; gap: 4px; }
.lx-ver-t .kicker { font-size: 10.5px; }
.lx-ver-n { font-family: var(--ff-display); font-weight: 800; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.12; color: #F5FBFD; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  background: linear-gradient(100deg, var(--ice-hi), #fff 45%, #FFE7BC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-block: .06em; }
.lx-ver-n.is-ph { background: none; -webkit-text-fill-color: #4F6978; color: #4F6978; }
.lx-ver-m { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lx-ver-s { font-family: var(--font-mono); font-size: 13px; font-weight: 600; color: var(--amber-hi); letter-spacing: .04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx-ver-m .tag.creator { background: rgb(159 219 255 / .1); color: #CFE6EE; }
.ls-page.lx .ls-b .field { --h: 52px; border-radius: 14px; background: rgb(3 12 18 / .5); border-color: rgb(159 219 255 / .16); }
.ls-page.lx .ls-b .field:hover { border-color: rgb(159 219 255 / .3); }
.ls-page.lx .ls-b .field:focus-within { border-color: var(--teal); box-shadow: 0 0 0 4px rgb(70 224 210 / .14), 0 0 30px -8px rgb(70 224 210 / .6); }
.ls-page.lx .ls-b .field.is-err { border-color: var(--down); box-shadow: 0 0 0 4px var(--down-a12); }
.ls-page.lx .ls-fld .field-label { font-size: 13px; color: #C6D9E0; }
.ls-page.lx .ls-fld.sym .field input { color: var(--amber-hi); font-weight: 600; }
.ls-page.lx .ls-crow { border-radius: 14px; background: rgb(255 255 255 / .025); border-color: rgb(159 219 255 / .1); }
.ls-page.lx .ls-crow.ok { border-color: rgb(70 224 210 / .3); background: linear-gradient(90deg, rgb(70 224 210 / .1), rgb(70 224 210 / .02)); }
.ls-page.lx .ls-crow.ok > .i { color: var(--teal); filter: drop-shadow(0 0 6px rgb(70 224 210 / .8)); }

/* ─── step 3 · amount ────────────────────────────────────────────────────────── */
.ls-page.lx .ls-b .field.field-amt { --h: 72px; padding: 0 12px 0 20px; border-radius: 18px; }
.ls-page.lx .field-amt input { font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 34px; letter-spacing: -.03em; color: #F5FBFD; font-variant-numeric: tabular-nums; }
.ls-page.lx .field-amt input::placeholder { color: #3E5866; }
.ls-page.lx .field-amt .unit-chip { height: 36px; padding: 0 14px; border-radius: 11px; font-family: var(--ff-display); font-weight: 800; font-size: 16px; letter-spacing: .04em; color: #1B1002;
  background: linear-gradient(180deg, #FFDA8A, #F5A524); box-shadow: 0 0 18px -4px rgb(245 165 36 / .7); }
.ls-page.lx .ls-presets { gap: 8px; margin-top: 12px; }
.ls-page.lx .ls-presets button { height: 42px; border-radius: 12px; border-color: rgb(159 219 255 / .14); background: rgb(159 219 255 / .04); color: #CFE3EA; font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 15px;
  transition: background .2s, border-color .2s, color .2s, box-shadow .3s, transform .2s; }
.ls-page.lx .ls-presets button::after { content: " BNB"; font-size: 11px; font-weight: 500; color: #7E98AA; }
.ls-page.lx .ls-presets button:hover { background: rgb(159 219 255 / .1); border-color: rgb(159 219 255 / .34); color: #fff; transform: translateY(-1px); }
.ls-page.lx .ls-presets button[aria-pressed="true"] { color: #04212A; background: linear-gradient(180deg, var(--ice-hi), var(--teal)); border-color: transparent; box-shadow: 0 0 22px -4px rgb(70 224 210 / .8); }
.ls-page.lx .ls-presets button[aria-pressed="true"]::after { color: #0A3A40; }
.lx-out { display: grid; justify-items: center; gap: 6px; margin-top: 22px; padding: 22px 16px 20px; border-radius: 20px; text-align: center; position: relative; overflow: hidden;
  background: radial-gradient(80% 120% at 50% 110%, rgb(70 224 210 / .2), transparent 60%), rgb(3 12 18 / .4); border: 1px solid rgb(159 219 255 / .14); }
.lx-out::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -30px; height: 60px; border-radius: 50%; background: radial-gradient(closest-side, rgb(70 224 210 / .25), transparent); pointer-events: none; }
.lx-out .num-cap { margin: 0; font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #8FB4C4; }
.lang-en .lx-out .num-cap { letter-spacing: .1em; }
.lx-out-v { display: flex; align-items: baseline; gap: 10px; min-height: 58px; }
.lx-out-n.num-display { font-size: clamp(38px, 4.4vw, 56px); }
.lx-out-n.is-pre, .lx-out-n.is-na { font-family: var(--ff-display); font-size: 26px; letter-spacing: .02em; }
.lx-out-n .skel { height: 40px; border-radius: 10px; }
.lx-out-u { font-family: var(--font-mono); font-size: 14px; color: var(--ice); }
.lx-out.is-quoting .lx-out-n { opacity: .5; }
.lx-out.is-pop .lx-out-n { animation: lx-pop .8s var(--ease-out-expo) both; }
@keyframes lx-pop { 0% { transform: scale(.82); filter: drop-shadow(0 0 30px #DDF4FF) brightness(1.7); } 100% { transform: none; } }
.ls-page.lx .ls-quote { margin-top: 14px; padding: 8px 16px; border-radius: 16px; background: rgb(255 255 255 / .02); border-color: rgb(159 219 255 / .1); }
.ls-page.lx .ls-quote .kv { min-height: 34px; }
.ls-page.lx .ls-quote .ls-tot > :last-child { font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 15px; color: var(--amber-hi); }

/* ─── step 4 · confirm ───────────────────────────────────────────────────────── */
.ls-page.lx .ls-wallet { border-radius: 16px; background: rgb(255 255 255 / .03); border-color: rgb(159 219 255 / .12); }
.ls-page.lx .ls-wallet .ic { border-radius: 12px; background: rgb(70 224 210 / .1); color: var(--teal); box-shadow: inset 0 0 0 1px rgb(70 224 210 / .25); }
.ls-page.lx .ls-prog { position: relative; margin-top: 18px; padding: 6px 0; border-radius: 18px; background: rgb(3 12 18 / .4); border-color: rgb(159 219 255 / .1); }
.ls-page.lx .ls-prog::before { content: ""; position: absolute; left: 25px; top: 22px; bottom: 22px; width: 2px; border-radius: 2px; background: rgb(159 219 255 / .1); }
.ls-page.lx .ls-prog li { position: relative; height: 44px; padding: 0 16px; border: 0; background: none; font-size: 13.5px; }
.ls-page.lx .ls-prog .st { width: 20px; height: 20px; border-radius: 50%; background: #0B1B25; box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2); }
.ls-page.lx .ls-prog li[data-s="cur"] { color: #fff; }
.ls-page.lx .ls-prog li[data-s="cur"] .st { box-shadow: inset 0 0 0 1.5px var(--teal), 0 0 16px rgb(70 224 210 / .7); }
.ls-page.lx .ls-prog li[data-s="done"] .st { background: linear-gradient(180deg, var(--ice-hi), var(--teal)); box-shadow: 0 0 12px rgb(70 224 210 / .6); }
.ls-page.lx .ls-prog li[data-s="done"] .i { color: #04212A; }
.ls-page.lx .ls-prog li[data-s="fail"] { background: none; }
.ls-page.lx .ls-prog li[data-s="fail"] .st { background: rgb(240 73 94 / .2); box-shadow: inset 0 0 0 1px var(--down); }

/* ─── summary: "your pool" ───────────────────────────────────────────────────── */
.ls-page.lx .ls-sum { position: relative; overflow: hidden; border-radius: 24px; border: 1px solid var(--lx-line);
  background: radial-gradient(90% 60% at 100% 0%, rgb(70 224 210 / .12), transparent 60%), linear-gradient(180deg, rgb(16 38 50 / .72), rgb(7 18 25 / .82));
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 40px 90px -50px rgb(0 0 0 / .9), inset 0 1px 0 rgb(255 255 255 / .06); }
.ls-page.lx .ls-sum .panel-h { min-height: 64px; padding-inline: 22px; border-bottom-color: rgb(159 219 255 / .08); }
.ls-page.lx .ls-sum .panel-t { font-family: var(--ff-display); font-weight: 800; font-size: 20px; letter-spacing: .02em;
  background: linear-gradient(100deg, var(--ice-hi), #fff 50%, #FFE7BC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-block: .06em; }
.ls-page.lx .ls-sum .panel-aside { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: #7FD9CF; }
.ls-page.lx .ls-sum .panel-b { padding: 20px 22px 22px; gap: 18px; }
.ls-page.lx .ls-stw { position: relative; padding: 12px 14px 12px 16px; border-left: 0; border-radius: 14px; background: rgb(3 12 18 / .4); font-size: 13px; line-height: 1.6; color: #C6D9E0; }
.ls-page.lx .ls-stw::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--teal), var(--ice)); box-shadow: 0 0 10px rgb(70 224 210 / .7); }
.ls-page.lx .ls-stw.is-ph::before { background: rgb(159 219 255 / .2); box-shadow: none; }
.ls-page.lx .ls-stw.is-ph { color: #6F8896; }
.ls-page.lx .ls-sver { gap: 14px; padding: 14px; border-radius: 16px; background: rgb(255 255 255 / .03); border-color: rgb(159 219 255 / .12); }
.ls-page.lx .ls-sver .px-art { --sz: 52px; border-radius: 15px; }
.ls-page.lx .ls-sver .nm { font-family: var(--ff-display); font-weight: 800; font-size: 20px; line-height: 1.2; }
.ls-page.lx .ls-sver .nm .t { color: #F5FBFD; }
.ls-page.lx .ls-sver .nm .t.fg3 { color: #4F6978; }
.ls-page.lx .ls-sver .sy { font-size: 12.5px; color: var(--amber-hi); font-weight: 600; }
.ls-page.lx .ls-skv .kv { min-height: 42px; border-bottom-color: rgb(159 219 255 / .07); font-size: 13px; }
.ls-page.lx .ls-skv .kv > :first-child { color: #9FB6C3; }
.ls-page.lx .ls-skv .kv > .num { color: #EAF6FA; }
.ls-page.lx .ls-skv .ls-tot > :last-child.num { font-family: "Geist", var(--font-sans); font-size: 18px; font-weight: 700; color: var(--amber-hi); }
.ls-page.lx .ls-skv .ls-tot > :last-child.num.is-dash { font-size: var(--t-12); font-weight: 400; color: #EAF6FA; } /* same quiet dash as the empty buy / out rows */
.ls-page.lx .ls-snotes { border-top-color: rgb(159 219 255 / .08); }
.ls-page.lx .ls-snotes li { color: #8FA9B7; font-size: 12.5px; }
.ls-page.lx .ls-snotes .i { color: var(--teal); }

/* ─── responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 1279px) {
  .ls-page.lx .ls-grid { grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; }
}
@media (max-width: 1024px) {
  .ls-page.lx .page-h, .ls-page.lx .ls-grid { max-width: 720px; }
  .ls-page.lx .ls-grid { grid-template-columns: minmax(0, 1fr); }
  .ls-page.lx .page-h.lx-hero { grid-template-columns: minmax(0, 1fr); }
  .lx-chips { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; }
  .lx-chips li { font-size: 12.5px; }
  .lx-orb { right: -20%; }
  .lx-rip { right: 4%; }
}
@media (max-width: 760px) {
  .ls-page.lx .page-h.lx-hero { gap: 18px; margin-bottom: 26px; }
  .ls-page.lx .page-h h1.lx-title { margin-top: 12px; font-size: clamp(34px, 10.4vw, 44px); line-height: 1.08; }
  .lang-en .ls-page.lx .page-h h1.lx-title { font-size: clamp(32px, 9.6vw, 42px); }
  .ls-page.lx .page-h p.lx-lede { margin-top: 12px; font-size: 14.5px; }
  .lx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
  .lx-chips li { padding: 4px 10px 4px 4px; gap: 6px; border-radius: 999px; font-size: 12px; line-height: 18px; }
  .lx-chips li:hover { transform: none; }
  .lx-chips .ic { width: 20px; height: 20px; border-radius: 50%; }
  .lx-chips .ic .i { width: 11px; height: 11px; }
  .lx-orb { width: 340px; height: 300px; right: -40%; top: 0; }
  .lx-rip { width: 220px; height: 70px; right: -10%; top: 120px; }
  .ls-page.lx .ls-railm { margin-bottom: 12px; font-family: var(--ff-display); font-weight: 800; font-size: 17px; letter-spacing: .02em; color: var(--ice-hi); }
  .ls-page.lx .ls-rail button { font-size: 0; gap: 0; }
  .ls-page.lx .ls-rail button > .k { display: grid; width: 34px; height: 34px; font-size: 16px; }
  .ls-page.lx .ls-rail button > .l { display: none; }
  .lx-tube { top: 13px; height: 7px; }
  .ls-page.lx .ls-step { border-radius: 20px; }
  .ls-page.lx .ls-h { min-height: 60px; padding-inline: 16px; gap: 10px; }
  .ls-page.lx .ls-t { font-size: 19px; }
  .ls-page.lx .ls-step[data-state="done"] .ls-t { font-size: 16px; }
  .ls-page.lx .ls-n { width: 30px; height: 30px; border-radius: 10px; }
  .ls-page.lx .ls-b { padding: 18px 14px 20px; }
  .ls-page.lx .ls-b .field.lx-field { --h: 60px; padding: 0 6px 0 14px; gap: 8px; border-radius: 16px; }
  .ls-page.lx .lx-field input { font-size: 16px; }
  .lx-clip { height: 38px; padding: 0 10px; }
  .lx-flabel { font-size: 16px; }
  .lx-wait { gap: 12px; padding: 12px; }
  .lx-wait-card { width: 104px; }
  .lx-tw.ls-tw { padding: 14px 14px 14px 16px; border-radius: 18px; }
  .lx-tw .ls-tw-x { font-size: 15px; }
  .lx-tw .ls-tw-h .when { display: none; }
  .lx-media { height: 120px; }
  .lx-fail-kv { grid-template-columns: minmax(0, 1fr); }
  .lx-ex.ls-exists { padding: 18px 14px 16px; border-radius: 20px; }
  .lx-ex-t { font-size: 26px; gap: 4px 10px; }
  .lx-ex-arrow { width: 30px; height: 30px; }
  .lx-ex .lx-ex-go { width: 100%; min-width: 0; }
  .lx-ver { gap: 14px; padding: 12px; }
  .lx-ver-art .px-art { --sz: 60px; border-radius: 18px; }
  .lx-ver-ring { border-radius: 22px; }
  .lx-ver-n { font-size: 22px; }
  .ls-page.lx .ls-b .field.field-amt { --h: 64px; }
  .ls-page.lx .field-amt input { font-size: 28px; }
  .ls-page.lx .ls-presets button { font-size: 14px; }
  .ls-page.lx .ls-presets button::after { content: ""; }
  .lx-out { padding: 18px 12px; }
  .ls-page.lx .ls-sum { border-radius: 20px; }
  .ls-bbar .lx-go.btn-accent { font-size: 18px; }
}
/* no hard edge where the glow meets the container's right side: fade it horizontally too */
.lx-hero-bg { -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 70%, transparent), linear-gradient(90deg, #000 80%, transparent);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(180deg, transparent, #000 18%, #000 70%, transparent), linear-gradient(90deg, #000 80%, transparent); mask-composite: intersect; }

/* phone CTA bar: when the button is disabled, the reason sits on a small tab attached to the bar (no height change) */
.ls-bbar { position: relative; }
.ls-bbar-why { position: absolute; left: 50%; bottom: calc(100% + var(--s-2, 8px)); transform: translateX(-50%); max-width: calc(100vw - 32px);
  padding: 5px 12px 6px; border-radius: 10px 10px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 12px; line-height: 16px; font-weight: 500; color: #BFD3DC; background: rgb(6 18 26 / .92); border: 1px solid rgb(159 219 255 / .14); border-bottom: 0;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); animation: lx-why .24s var(--ease-out-expo, ease-out); }
.ls-bbar-why[hidden] { display: none; }
.ls-bbar .btn:disabled, .ls-bbar .lx-go.btn-accent:disabled { filter: none; color: #6F8896; background: rgb(159 219 255 / .07); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .14); }
.ls-bbar .btn:disabled::after { display: none; }
/* numbers in the quote + summary: the sans with tabular figures (mono stays for ids and addresses) */
.ls-page.lx .ls-skv .num, .ls-page.lx .ls-quote .num, .ls-page.lx .ls-sumline .num:not(.ls-sid), .ls-page.lx .ls-bal { font-family: "Geist", var(--font-sans); font-variant-numeric: tabular-nums; letter-spacing: 0; }
@keyframes lx-why { from { opacity: 0; transform: translate(-50%, 4px); } }
.ls-page.lx .ls-f { gap: 16px; }
.ls-page.lx .ls-why:not(:empty)::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 8px 1px 0; border-radius: 50%; vertical-align: middle; background: rgb(159 219 255 / .4); }

@media (prefers-reduced-motion: reduce) {
  .ls-bbar-why { animation: none; }
  .lx-rip, .lx-wv, .lx-field::before, .lx-dot, .lx-wait-card::after, .ls-page.lx .ls-rail li[data-state="cur"] .k, .lx-ver-ring, .lx-ex-bg i, .lx-go.btn-accent::after, .ls-page.lx .ls-next::after { animation: none !important; }
  .lx-rip { opacity: .4; transform: scale(1); }
  .lx-tw.ls-tw, .lx-ex.ls-exists, .lx-out.is-pop .lx-out-n { animation: none !important; }
  .lx-water { transition: none; }
}

/* ─── r3 polish (trade) ─── */
/* steps still to come: one tight, solid hairline list (no dashed ghost boxes); they read as "next", not as empty cards */
.ls-page.lx .ls-main { gap: 10px; }
.ls-page.lx .ls-step[data-state="todo"] { border-style: solid; border-color: rgb(159 219 255 / .08); background: linear-gradient(90deg, rgb(159 219 255 / .03), transparent 70%); border-radius: 18px; }
.ls-page.lx .ls-step[data-state="todo"] .ls-h { min-height: 56px; opacity: .78; }
.ls-page.lx .ls-step[data-state="todo"] .ls-t { font-size: 17px; color: #8FA9B7; }
.ls-page.lx .ls-step[data-state="todo"] .ls-n { width: 28px; height: 28px; border-radius: 9px; color: #6F8896; }
.ls-page.lx .ls-step[data-state="todo"] .ls-n .k { font-size: 15px; }
/* the post author: identicon instead of an initial */
.lx-av .l.is-idc { display: grid; place-items: center; }
.lx-av .l.is-idc .idc { width: 56%; height: 56%; opacity: .92; }
/* hero chips: quieter, one weight, aligned to the preview column edge */
.lx-chips li { background: rgb(159 219 255 / .035); }
.lx-chips li:hover { transform: none; }