/* Nubo on top of the launchpad design system (lp.css): one colour per launchpad,
   set by data-pad on .lp-app, plus the few pieces lp.css does not have. */

/* The type is set in the NUBO layer at the end of this file. */
/* Unbounded is far wider than the pixel face the layouts were set in: drawn at 62% it takes the same room */
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; size-adjust: 62%; src: url(/fonts/unbounded.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/manrope.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url(/fonts/jetbrains-mono.woff2) format('woff2'); }
:root {
  --lp-font-ui: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --lp-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --lp-font-pixel: 'Unbounded', 'Manrope', system-ui, sans-serif;
}

[data-pad='agents'] { --pad: #7ab6ff; --pad-2: #b9d8ff; --pad-ink: #06111f; }
[data-pad='influencers'] { --pad: #ff82c6; --pad-2: #ffc4e4; --pad-ink: #24050f; }
[data-pad='claude'] { --pad: #e8875e; --pad-2: #f6bea4; --pad-ink: #210b03; }
[data-pad='higgsfield'] { --pad: #c8f24c; --pad-2: #e4fb9f; --pad-ink: #121a02; }
[data-pad='credits'] { --pad: #ad95ff; --pad-2: #d8ccff; --pad-ink: #120a24; }

/* The pad's own pages (hub, market, wallet, coin, docs, treasury) set their
   text in amber instead of white. lp.css writes every grey and white text
   colour as var(--wf-t0..4, <its white>), so the launchpads (and their cards
   inside these pages) keep the original white: they reset the tiers below. */
[data-pad='base'] {
  --wf-t0: #ffc46e;
  --wf-t1: #f0b366;
  --wf-t2: #d09a5e;
  --wf-t3: #a98152;
  --wf-t4: #7c6142;
  --lp-ink-strong: #ffd08a;
  --lp-ink: #ffc46e;
  --lp-ink-2: #edb468;
  --lp-ink-3: #d09d61;
  --lp-ink-4: #b08756;
  --lp-ink-5: #866848;
  --lp-ink-6: #5d4935;
  --lp-accent: #ffbe5c;
  --lp-accent-hover: #ffd28e;
  --lp-accent-ink: #1f1404;
  --lp-focus: #ffbe5c;
  --lp-glow: rgba(255, 190, 92, 0.16);
}
[data-pad]:not([data-pad='base']) {
  --wf-t0: initial; --wf-t1: initial; --wf-t2: initial; --wf-t3: initial; --wf-t4: initial;
  --lp-ink-strong: #fff; --lp-ink: #f6f6f3; --lp-ink-2: #c6c6c2; --lp-ink-3: #a3a3a0; --lp-ink-4: #8b8a85; --lp-ink-5: #6b6a66; --lp-ink-6: #4a4947;
}
/* the few whites lp.css keeps outside the tiers */
[data-pad='base'] .lp-typed__ch { background: linear-gradient(180deg, #ffd796 30%, #f2b45e 52%, #9a6c34 76%); -webkit-background-clip: text; background-clip: text; }
[data-pad='base'] .lp-typed { filter: drop-shadow(0 0 26px rgba(255, 190, 92, 0.28)); }
[data-pad='base'] .lp-step__title { color: rgba(255, 196, 110, 0.8); }
[data-pad='base'] .lp-stepsec__title span:nth-child(2) { color: rgba(255, 196, 110, 0.45); }
[data-pad='base'] .lp-stepsec__title span:nth-child(3) { color: rgba(255, 196, 110, 0.22); }
[data-pad='base'] .wf-hero-sub { color: rgba(255, 196, 110, 0.72); }
[data-pad='base'] .lp-step__progress i,
[data-pad='base'] .lp-step[data-active='true'] .lp-step__dot,
[data-pad='base'] .lp-strip__cell[data-active='true'] .lp-strip__dot,
[data-pad='base'] .lp-live__pill i { background: #ffbe5c; box-shadow: 0 0 10px rgba(255, 190, 92, 0.7); }

[data-pad]:not([data-pad='base']) {
  --lp-accent: var(--pad);
  --lp-accent-hover: var(--pad-2);
  --lp-accent-ink: var(--pad-ink);
  --lp-focus: var(--pad);
  --lp-glow: color-mix(in srgb, var(--pad) 24%, transparent);
  --lp-card-glow: color-mix(in srgb, var(--pad) 13%, #1d1d1d);
  --lp-card-top: color-mix(in srgb, var(--pad) 5%, #181818);
  --lp-line-card-hover: color-mix(in srgb, var(--pad) 55%, transparent);
}
[data-pad]:not([data-pad='base']) .lp-h__dim { color: color-mix(in srgb, var(--pad) 78%, #000); }
[data-pad]:not([data-pad='base']) .lp-typed__ch { background: linear-gradient(180deg, var(--pad-2) 28%, var(--pad) 56%, color-mix(in srgb, var(--pad) 55%, #000) 80%); -webkit-background-clip: text; background-clip: text; }
[data-pad]:not([data-pad='base']) .lp-typed { filter: drop-shadow(0 0 26px color-mix(in srgb, var(--pad) 45%, transparent)); }
[data-pad]:not([data-pad='base']) .lp-progress__fill { background: var(--pad); box-shadow: 0 0 8px color-mix(in srgb, var(--pad) 55%, transparent); }
[data-pad]:not([data-pad='base']) .lp-chip[data-tone='live'] .lp-chip__dot,
[data-pad]:not([data-pad='base']) .lp-dot--live,
[data-pad]:not([data-pad='base']) .lp-connect__dot { background: var(--pad); box-shadow: 0 0 9px var(--pad); }
[data-pad]:not([data-pad='base']) .lp-split [data-seg='0'] { --seg: var(--pad); }
[data-pad]:not([data-pad='base']) .lp-split [data-seg='1'] { --seg: color-mix(in srgb, var(--pad) 55%, #777); }
[data-pad]:not([data-pad='base']) .lp-split__seg[data-seg='0'] { box-shadow: 0 0 14px color-mix(in srgb, var(--pad) 50%, transparent); }
[data-pad]:not([data-pad='base']) .lp-eyebrow__rule,
[data-pad]:not([data-pad='base']) .lp-hero__kicker-rule { background: var(--pad); }
[data-pad]:not([data-pad='base']) .lp-eyebrow__text,
[data-pad]:not([data-pad='base']) .lp-hero__kicker-text { color: color-mix(in srgb, var(--pad) 70%, #bbb); }
[data-pad]:not([data-pad='base']) .lp-tabs__tab[aria-pressed='true'] { box-shadow: inset 0 -1px 0 var(--pad); }

/* the gold coin behind the hub title (js/lp/gold.js) over its poster */
.lp-hero__media .wf-gold,
.lp-hero__media .wf-gold-poster { position: absolute; inset: 0; width: 100%; height: 100%; }
.lp-hero__media .wf-gold-poster { object-fit: cover; object-position: 62% center; opacity: 1; transition: opacity 1.4s ease; }
.lp-hero__media .wf-gold { opacity: 0; transition: opacity 1.4s ease; }
.lp-hero__media .wf-gold.is-on { opacity: 1; }
.lp-hero__media .wf-gold.is-on ~ picture .wf-gold-poster { opacity: 0; }
@media (max-width: 767px) {
  .lp-hero__media .wf-gold-poster { opacity: 0.85; }
  .lp-hero__media .wf-gold.is-on { opacity: 0.85; }
}

/* three fee splits side by side on the hub */
@media (min-width: 1200px) { .wf-bento3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* the treasury panel on the hub */
.wf-trs { display: grid; gap: 18px 40px; align-items: center; margin-top: 24px; padding: 28px 32px; text-decoration: none; transition: border-color 0.3s; }
@media (min-width: 900px) { .wf-trs { grid-template-columns: auto minmax(0, 1fr) auto; } }
.wf-trs:hover { border-color: var(--lp-line-3); }
.wf-trs__num { margin-top: 8px; font: 450 44px/1 var(--lp-font-ui); letter-spacing: -0.05em; color: var(--lp-ink); font-variant-numeric: tabular-nums; }
.wf-trs__num small { margin-left: 10px; font-size: 13px; letter-spacing: 0; color: var(--lp-ink-4); }
.wf-trs__text { max-width: 560px; color: var(--lp-ink-3); font-size: 14px; line-height: 1.55; }

/* monochrome art and video take the launchpad's colour: white turns into it, black stays black */
.wf-tint { position: relative; isolation: isolate; }
[data-pad]:not([data-pad='base']) .wf-tint::after { content: ''; position: absolute; inset: 0; background: var(--pad); mix-blend-mode: multiply; pointer-events: none; z-index: 2; }
[data-pad]:not([data-pad='base']) .lp-hero__media::before { content: ''; position: absolute; inset: 0; background: var(--pad); mix-blend-mode: multiply; z-index: 1; pointer-events: none; }
[data-pad]:not([data-pad='base']) .lp-footer__art::after { content: ''; position: absolute; inset: 0; background: var(--pad); mix-blend-mode: multiply; pointer-events: none; }
.lp-footer__art { position: relative; }

/* launchpad doors on the hub */
.wf-doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.wf-door { --pad: #f1f1ed; position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 220px; padding: 22px; border: 1px solid color-mix(in srgb, var(--pad) 30%, transparent); border-radius: var(--lp-r-tcard); background: radial-gradient(ellipse at 80% 0, color-mix(in srgb, var(--pad) 22%, transparent), transparent 62%), linear-gradient(160deg, #161616, #080808 70%); text-decoration: none; color: var(--lp-ink); overflow: hidden; transition: border-color 0.3s, transform 0.3s var(--lp-ease-ui); }
.wf-door:hover { border-color: color-mix(in srgb, var(--pad) 70%, transparent); transform: translateY(-3px); }
.wf-door[data-pad='agents'] { --pad: #7ab6ff; }
.wf-door[data-pad='influencers'] { --pad: #ff82c6; }
.wf-door[data-pad='claude'] { --pad: #e8875e; }
.wf-door[data-pad='higgsfield'] { --pad: #c8f24c; }
.wf-door[data-pad='credits'] { --pad: #ad95ff; }
.wf-door__n { font: 500 11px/1 var(--lp-font-mono); color: var(--pad); letter-spacing: 0.08em; }
.wf-door__t { font: 400 40px/0.9 var(--lp-font-pixel); text-transform: uppercase; color: var(--pad); text-shadow: 0 0 24px color-mix(in srgb, var(--pad) 40%, transparent); }
.wf-door__p { margin: 0; color: var(--lp-ink-3); font-size: 14px; line-height: 1.5; }
.wf-door__go { margin-top: auto; display: inline-flex; gap: 8px; align-items: center; font: 500 13px/1 var(--lp-font-ui); color: var(--lp-ink); }
.wf-door__icon { position: absolute; right: 18px; top: 18px; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--pad) 16%, #0b0b0b); border: 1px solid color-mix(in srgb, var(--pad) 35%, transparent); }
.wf-door__icon img { width: 20px; height: 20px; }

/* small things lp.css leaves to the page */
.wf-empty { grid-column: 1 / -1; display: grid; place-items: center; gap: 10px; padding: 56px 20px; border: 1px dashed var(--lp-line-2); border-radius: var(--lp-r-tcard); text-align: center; color: var(--lp-ink-4); }
.wf-empty b { font: 500 16px/1.3 var(--lp-font-ui); color: var(--lp-ink); }
.wf-hidden, [hidden] { display: none !important; }
.wf-pre { white-space: pre-wrap; word-break: break-word; }
.wf-kv { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 13px; }
.wf-kv span { color: var(--lp-ink-4); }
.wf-kv b { font: 500 12px/1.45 var(--lp-font-mono); color: var(--lp-ink); word-break: break-all; text-align: right; }
.wf-status { min-height: 18px; margin-top: 12px; font-size: 13px; color: var(--lp-ink-3); }
.wf-status[data-kind='err'] { color: var(--lp-down); }
.wf-status[data-kind='ok'] { color: var(--lp-up); }
.wf-status a { color: inherit; }

/* the logo is the balloon N on its cloud, a square picture: rounded like an app icon */
.lp-mark { background: none; box-shadow: none; border-radius: 0; overflow: visible; }
.lp-mark img { width: 100%; height: 100%; border-radius: 26%; box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.lp-footer__name .lp-mark { width: 44px; height: 44px; }
button.lp-ca { cursor: pointer; }

/* the hub's ticker of launches, one colour per launchpad */
.wf-strip .lp-burnstrip__lead-label { color: var(--pad, #f1f1ed); }
.wf-strip .lp-burnstrip__item { --pad: #f1f1ed; }
.wf-strip .lp-burnstrip__item[data-pad='agents'] { --pad: #7ab6ff; }
.wf-strip .lp-burnstrip__item[data-pad='influencers'] { --pad: #ff82c6; }
.wf-strip .lp-burnstrip__item[data-pad='claude'] { --pad: #e8875e; }
.wf-strip .lp-burnstrip__item[data-pad='higgsfield'] { --pad: #c8f24c; }
.wf-strip .lp-burnstrip__item[data-pad='credits'] { --pad: #ad95ff; }
.wf-strip .lp-burnstrip__tag { color: var(--pad); border-color: color-mix(in srgb, var(--pad) 45%, transparent); background: color-mix(in srgb, var(--pad) 10%, transparent); }
.wf-strip .lp-burnstrip__item img { width: 18px; height: 18px; border-radius: 5px; object-fit: cover; }
.wf-hero-sub { max-width: 560px; margin: 18px 0 0; color: hsla(0, 0%, 100%, 0.68); font-size: 16px; line-height: 1.55; }

/* influencer split colours follow the launchpad */
[data-pad='influencers'] [data-part='treasury'] { --inf-seg: var(--pad); }
[data-pad='influencers'] .inf-line[data-state='now'] .inf-line__n { background: var(--pad); border-color: var(--pad); }
[data-pad]:not([data-pad='base']) .inf-look[aria-pressed='true'],
[data-pad]:not([data-pad='base']) .lp-seg__item[aria-pressed='true'],
[data-pad]:not([data-pad='base']) .lp-seg__item[aria-current='page'],
[data-pad]:not([data-pad='base']) .lp-option[aria-checked='true'],
[data-pad]:not([data-pad='base']) .pb-trade__side[aria-pressed='true'] { background: var(--pad); color: var(--pad-ink); border-color: var(--pad); }
[data-pad]:not([data-pad='base']) .pb-stages__item[data-state='now'] .pb-stages__n { background: var(--pad); border-color: var(--pad); }
[data-pad]:not([data-pad='base']) .inf-rail__item[data-state='now'] .inf-rail__n { color: var(--pad); }
[data-pad]:not([data-pad='base']) .inf-show__li[data-on='true'] { border-color: color-mix(in srgb, var(--pad) 55%, transparent); }
[data-pad]:not([data-pad='base']) .inf-show__thumb[aria-pressed='true'] { outline-color: var(--pad); border-color: var(--pad); }

/* ---------------------------------------------------------------- header
   A console instead of a floating pill: a status line over a bar of pixel
   tabs, full width and square, in the colour of the page's launchpad. */
:root { --lp-header-h: 56px; }
@media (min-width: 1081px) { :root { --lp-header-h: 88px; } }

.wf-hdr { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; font-family: var(--lp-font-ui); }
.wf-hdr__row { display: flex; align-items: center; height: 100%; max-width: 1680px; margin: 0 auto; padding: 0 var(--lp-gutter); gap: 22px; }

.wf-hdr__status { height: 30px; background: #000; border-bottom: 1px solid var(--lp-line); font: 400 11px/1 var(--lp-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--lp-ink-4); }
.wf-hdr__back { display: inline-flex; align-items: center; gap: 6px; color: var(--lp-ink-3); transition: color 0.15s; }
.wf-hdr__back:hover { color: var(--lp-ink-strong); }
.wf-hdr__live { display: inline-flex; align-items: center; gap: 7px; color: var(--lp-ink-3); }
.wf-hdr__live i { width: 6px; height: 6px; border-radius: 50%; background: var(--lp-accent); box-shadow: 0 0 8px var(--lp-accent); animation: lp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.wf-hdr__stat b { margin-left: 6px; font-weight: 400; color: var(--lp-ink); }
a.wf-hdr__stat:hover b { text-decoration: underline; }
.wf-hdr__gap { flex: 1; }
.wf-hdr__status .lp-ca { padding: 3px 9px; font-size: 11px; border-radius: 3px; }
.wf-hdr__icon { display: inline-grid; place-items: center; width: 22px; height: 22px; color: var(--lp-ink-3); transition: color 0.15s; }
.wf-hdr__icon:hover { color: var(--lp-ink-strong); }

.wf-hdr__bar { position: relative; height: 58px; background: rgba(0, 0, 0, 0.78); -webkit-backdrop-filter: blur(12px) saturate(1.2); backdrop-filter: blur(12px) saturate(1.2); border-bottom: 1px solid color-mix(in srgb, var(--lp-accent) 28%, transparent); transition: background-color 0.3s; }
.wf-hdr__bar::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 3px); }
.wf-hdr__bar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--lp-accent) 30%, var(--lp-accent) 70%, transparent); opacity: 0.55; }
.wf-hdr[data-scrolled='true'] .wf-hdr__bar { background: rgba(0, 0, 0, 0.92); }
.wf-hdr__bar .wf-hdr__row { gap: 0; }

.wf-hdr__brand { display: flex; align-items: center; gap: 10px; height: 100%; padding-right: 22px; margin-right: 4px; border-right: 1px solid var(--lp-line); }
.wf-hdr__brand .lp-mark { width: 46px; height: 46px; }
.wf-hdr__name { font: 400 32px/1 var(--lp-font-pixel); letter-spacing: 0.06em; color: var(--lp-ink-strong); }
.wf-hdr__tag { align-self: flex-end; margin-bottom: 16px; font: 400 10px/1 var(--lp-font-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--lp-ink-5); }

.wf-hdr__nav { display: flex; align-items: stretch; height: 100%; }
.wf-hdr__link { display: flex; align-items: center; padding: 0 15px; font: 400 21px/1 var(--lp-font-pixel); letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; color: var(--lp-ink-3); transition: color 0.15s, background-color 0.15s; }
.wf-hdr__link:hover { color: var(--lp-ink-strong); background: color-mix(in srgb, var(--lp-accent) 9%, transparent); }
.wf-hdr__link[aria-current='page'] { color: var(--lp-accent-ink); background: var(--lp-accent); }
.wf-hdr__link[aria-current='page']::before { content: '▸'; margin-right: 6px; font-size: 0.9em; }
@media (max-width: 1560px) { .wf-hdr__link[data-opt] { display: none; } }
@media (max-width: 1320px) { .wf-hdr__link { padding: 0 10px; font-size: 19px; } .wf-hdr__tag { display: none; } }

.wf-hdr__actions { display: flex; align-items: center; gap: 10px; margin-left: auto; padding-left: 16px; }
.wf-hdr__ca { display: none; }
.wf-hdr__connect { display: inline-flex; align-items: center; gap: 9px; height: 38px; padding: 0 16px; border: 1px solid var(--lp-accent); border-radius: 3px; background: var(--lp-accent); color: var(--lp-accent-ink); font: 400 20px/1 var(--lp-font-pixel); letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: background-color 0.15s, color 0.15s, box-shadow 0.15s; }
.wf-hdr__connect:hover { background: var(--lp-accent-hover); box-shadow: 0 0 22px var(--lp-glow); }
.wf-hdr__connect[data-connected='true'] { background: transparent; color: var(--lp-ink); }
.wf-hdr__connect .lp-connect__short { display: none; }
.wf-hdr__connect .lp-connect__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lp-accent); box-shadow: 0 0 8px var(--lp-accent); }
.wf-hdr__connect .lp-connect__chev { width: 11px; height: 8px; }
.wf-hdr__burger { display: none; place-items: center; width: 38px; height: 38px; border: 1px solid var(--lp-line-2); border-radius: 3px; background: transparent; color: var(--lp-ink); cursor: pointer; }

.wf-hdr__menu { max-height: calc(100dvh - 56px); overflow-y: auto; padding: 8px var(--lp-gutter) 20px; border-bottom: 1px solid color-mix(in srgb, var(--lp-accent) 28%, transparent); background: #040404; }
.wf-hdr__menu[hidden] { display: none; }
.wf-hdr__mlink { display: block; padding: 12px 0; border-bottom: 1px solid var(--lp-line); font: 400 30px/1 var(--lp-font-pixel); letter-spacing: 0.05em; text-transform: uppercase; color: var(--lp-ink-2); }
.wf-hdr__mlink::before { content: '> '; color: var(--lp-ink-5); }
.wf-hdr__mlink[aria-current='page'], .wf-hdr__mlink[aria-current='page']::before { color: var(--lp-accent); }
.wf-hdr__mfoot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; font: 400 12px/1 var(--lp-font-mono); letter-spacing: 0.08em; text-transform: uppercase; }

@media (max-width: 1080px) {
  .wf-hdr__status, .wf-hdr__nav { display: none; }
  .wf-hdr__bar { height: 56px; }
  .wf-hdr__brand { padding-right: 0; border-right: 0; }
  .wf-hdr__name { font-size: 28px; }
  .wf-hdr__burger { display: inline-grid; }
  .wf-hdr__ca { display: inline-flex; }
  .wf-hdr__ca .lp-ca { padding: 5px 9px; font-size: 11px; border-radius: 3px; }
  .wf-hdr__connect { padding: 0 12px; font-size: 18px; }
  .wf-hdr__connect .lp-connect__long { display: none; }
  .wf-hdr__connect .lp-connect__short { display: inline; }
}
@media (max-width: 420px) { .wf-hdr__connect svg { display: none; } }
@media (max-width: 359px) { .wf-hdr__ca { display: none; } }

/* the hub title in Unbounded: sized so its longest typed line ("from a Claude chat") still fits */
.lp-hero__title { font-size: clamp(32px, 10.6vw, 68px); }
@media (min-width: 640px) { .lp-hero__title { font-size: clamp(64px, 7.8vw, 122px); } }

/* the influencer showcase on wide screens: the stage takes the portrait's own 3:4 shape,
   so the photo fills it edge to edge with nothing beside it */
@media (min-width: 901px) {
  .inf-show { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  .inf-show__stage { aspect-ratio: 3 / 4; height: min(80vh, 760px); min-height: 0; }
}


/* the contract pill and, once the token is live, its Buy */
.wf-ca { display: inline-flex; align-items: center; gap: 6px; }
.wf-ca__buy { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 4px; background: #ffc46e; color: #140d03; font: 700 11px/1 var(--lp-font-mono); letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.wf-ca__buy:hover { background: #ffd28c; }
.wf-hdr__status .wf-ca__buy { padding: 3px 8px; font-size: 10.5px; border-radius: 3px; }

/* the official Nubo token: pinned first and lit in gold, wherever it is listed */
.lp-tcard[data-official='true'], .pb-token[data-official='true'] { border-color: rgba(255, 196, 110, 0.6); box-shadow: 0 0 0 1px rgba(255, 196, 110, 0.25), 0 22px 60px -22px rgba(255, 196, 110, 0.55), inset 0 1px 1px #ffffff13; }
.lp-tcard[data-official='true'] .lp-tcard__meta { gap: 10px; }
.lp-tcard[data-official='true'] .lp-tcard__meta .wf-ca__buy { margin-left: auto; }
.wf-official { border-color: rgba(255, 196, 110, 0.55); background: rgba(255, 196, 110, 0.12); color: #ffc46e; }
.wf-official .lp-chip__dot { background: #ffc46e; box-shadow: 0 0 8px rgba(255, 196, 110, 0.9); }
.lp-burnstrip__item[data-official='true'] { background: rgba(255, 196, 110, 0.08); }
.lp-burnstrip__item[data-official='true'] .lp-burnstrip__tag { color: #ffc46e; }

/* the official token's live board on the hub */
.wf-board__card { padding: 24px; }
.wf-board__top { display: grid; grid-template-columns: auto 1fr auto; gap: 20px 36px; align-items: center; }
.wf-board__id { display: flex; align-items: center; gap: 14px; min-width: 0; }
.wf-board__names { display: grid; gap: 7px; justify-items: start; min-width: 0; }
.wf-board__name { margin: 0; font: 600 18px/1.2 var(--lp-font-ui); color: var(--wf-t0, #fff); }
.wf-board__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; }
.wf-board__stats dt { font: 500 11px/1 var(--lp-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wf-t3, #8b8a85); }
.wf-board__stats dd { margin: 8px 0 0; font: 600 22px/1.1 var(--lp-font-ui); color: var(--wf-t0, #fff); }
.wf-board__stats dd small { font-size: 12px; color: var(--wf-t3, #8b8a85); }
.wf-board__actions { display: flex; gap: 10px; align-items: center; }
#nubo-curve { margin-top: 22px; }
.wf-board__trades { margin-top: 18px; }
@media (max-width: 900px) { .wf-board__top { grid-template-columns: 1fr; } .wf-board__actions { flex-wrap: wrap; } }
@media (max-width: 480px) { .wf-board__card { padding: 18px; } .wf-board__stats dd { font-size: 18px; } }
/* on a phone the bar has no room for Buy beside the pill: the board and the menu still have it */
@media (max-width: 480px) { .wf-hdr__ca .wf-ca__buy { display: none; } }
/* a live address is longer than "soon": on a phone the logo alone stands for the name */
@media (max-width: 440px) { .wf-hdr__brand .wf-hdr__name { display: none; } .wf-hdr__brand { padding-right: 14px; } }
@media (max-width: 380px) { .wf-hdr__ca .lp-ca b { display: none; } }
/* quick buy on the board */
.wf-board__quick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; }
.wf-board__qlabel { margin-right: 4px; font: 500 11px/1 var(--lp-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wf-t3, #8b8a85); }
.wf-board__q { padding: 9px 14px; border: 1px solid rgba(255, 196, 110, 0.45); border-radius: 10px; background: rgba(255, 196, 110, 0.08); color: #ffc46e; font: 600 13px/1 var(--lp-font-mono); cursor: pointer; }
.wf-board__q:hover { background: rgba(255, 196, 110, 0.18); }
.wf-board__q:disabled { opacity: 0.5; cursor: default; }
.wf-board__hold { margin-left: auto; font: 500 12px/1 var(--lp-font-mono); color: var(--wf-t2, #c6c6c2); }
.wf-board__qstatus { min-height: 18px; margin: 10px 0 0; font-size: 13px; color: var(--wf-t3, #8b8a85); }
.wf-board__qstatus[data-tone='ok'] { color: var(--lp-up, #9de1be); }
.wf-board__qstatus[data-tone='err'] { color: var(--lp-down, #f1a5a5); }
.wf-board__qstatus a { color: inherit; text-decoration: underline; }
/* the board's trades and holders side by side */
.wf-board__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wf-board__cols { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; margin-top: 22px; }
.wf-board__cols .wf-board__trades { margin-top: 0; }
.wf-board__h { margin: 0 0 12px; font: 500 11px/1 var(--lp-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wf-t3, #8b8a85); }
.wf-board__h span { letter-spacing: 0.02em; text-transform: none; color: var(--wf-t2, #c6c6c2); }
.wf-board__holders { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.wf-holder { display: grid; grid-template-columns: 18px 92px minmax(0, 1fr) 58px; align-items: center; gap: 10px; font: 500 12.5px/1.2 var(--lp-font-mono); color: var(--wf-t1, #e7e7e7); }
.wf-holder__n { color: var(--wf-t4, #6b6a66); }
.wf-holder a { color: inherit; text-decoration: none; }
.wf-holder a:hover { text-decoration: underline; }
.wf-holder__bar { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.wf-holder__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a87a2a, #ffc46e); }
.wf-holder b { text-align: right; font-weight: 600; color: #ffc46e; }
@media (max-width: 900px) { .wf-board__cols { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .wf-board__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ready tasks on the AI agent form */
.wf-tasks { margin: 0 0 28px; }
.wf-tasks__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 14px; }
.wf-tasks__title { margin: 0; font: 600 17px/1.25 var(--lp-font-ui); color: var(--wf-t0, #fff); }
.wf-tasks__hint { margin: 0; font-size: 13px; color: var(--wf-t3, #8b8a85); }
.wf-tasks__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.wf-task { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding: 14px; border: 1px solid var(--lp-line, rgba(255, 255, 255, 0.1)); border-radius: 14px; background: rgba(255, 255, 255, 0.03); color: var(--wf-t1, #e7e7e7); text-align: left; font: inherit; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.wf-task:hover { border-color: color-mix(in srgb, var(--pad, #7ab6ff) 55%, transparent); background: color-mix(in srgb, var(--pad, #7ab6ff) 7%, transparent); }
.wf-task[aria-pressed='true'] { border-color: var(--pad, #7ab6ff); background: color-mix(in srgb, var(--pad, #7ab6ff) 12%, transparent); }
.wf-task__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; width: 100%; }
.wf-task__top b { font: 600 14px/1.2 var(--lp-font-ui); color: var(--wf-t0, #fff); }
.wf-task__sym { font: 500 11px/1 var(--lp-font-mono); color: var(--wf-t3, #8b8a85); }
.wf-task__line { font-size: 13px; line-height: 1.4; color: var(--wf-t2, #c6c6c2); }
.wf-task__tag { margin-top: auto; padding: 3px 7px; border-radius: 6px; background: rgba(255, 255, 255, 0.06); font: 500 10.5px/1.2 var(--lp-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wf-t3, #8b8a85); }
@media (max-width: 900px) { .wf-tasks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .wf-tasks__grid { grid-template-columns: 1fr; } }

/* the share card dialog on a coin page */
.wf-share { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; padding: 16px; }
.wf-share__bd { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.78); backdrop-filter: blur(8px); }
.wf-share__box { position: relative; width: min(920px, 100%); padding: 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: #0d0c0b; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); }
.wf-share__card { display: grid; place-items: center; aspect-ratio: 1200 / 675; border-radius: 12px; overflow: hidden; background: #080706; }
.wf-share__card canvas { display: block; width: 100%; height: auto; }
.wf-share__wait { font: 500 13px/1 var(--lp-font-mono); color: var(--wf-t3, #8b8a85); }
.wf-share__row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.wf-sharechip { border-color: rgba(255, 196, 110, 0.5); color: #ffc46e; cursor: pointer; font: inherit; }


/* ================================================================ NUBO
   The pad pages under the sky: deep stratosphere blue instead of black, every launchpad
   in its own blue, Fredoka for display, Nunito for text and figures. This layer
   sits last so it wins over lp.css and the rules above. */
/* soft and round: Fredoka for display, Nunito for text and figures; a mono only for code */
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 300 700; font-stretch: 75% 125%; font-display: swap; src: url(/fonts/fredoka-normal-latin.woff2) format('woff2'); }
/* display caps were laid out for a narrow pixel face: Fredoka drawn smaller takes the same room */
@font-face { font-family: 'Nubo Display'; font-style: normal; font-weight: 300 700; font-display: swap; size-adjust: 78%; src: url(/fonts/fredoka-normal-latin.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(/fonts/nunito-normal-latin.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 200 1000; font-display: swap; src: url(/fonts/nunito-italic-latin.woff2) format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/GeistMono-Variable.woff2) format('woff2'); }
:root {
  --lp-font-ui: 'Nunito', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --lp-font-mono: 'Nunito', system-ui, -apple-system, sans-serif;
  --lp-font-pixel: 'Nubo Display', 'Fredoka', 'Nunito', sans-serif;
  --lp-bg: #061229; --lp-bg-soft: #071430; --lp-bg-raised: #0b1c3d; --lp-bg-raised-2: #0e2247; --lp-bg-hover: #13295a; --lp-bg-head: #0e2247; --lp-bg-field: rgba(158, 196, 255, 0.05);
  --lp-card-top: #0f2550; --lp-card-bottom: #08173a; --lp-card-glow: #1a3878;
  --lp-line: rgba(158, 196, 255, 0.13); --lp-line-soft: rgba(158, 196, 255, 0.08); --lp-line-2: rgba(158, 196, 255, 0.2); --lp-line-3: rgba(158, 196, 255, 0.32); --lp-line-card: rgba(140, 180, 255, 0.24); --lp-line-card-hover: rgba(170, 205, 255, 0.5);
  --lp-fill: rgba(158, 196, 255, 0.05); --lp-fill-2: rgba(158, 196, 255, 0.09);
  --lp-ink-strong: #fff; --lp-ink: #eef4ff; --lp-ink-2: #c8d7f2; --lp-ink-3: #a5b9de; --lp-ink-4: #8aa0c8; --lp-ink-5: #6680aa; --lp-ink-6: #47608a;
  --lp-accent: #9cc8ff; --lp-accent-hover: #c4ddff; --lp-accent-ink: #061229; --lp-glow: rgba(156, 200, 255, 0.18); --lp-focus: #9cc8ff;
}
html { background: #061229; scrollbar-color: #24406f #061229; }
body { background: #061229; }
.lp-app ::selection { background: #9cc8ff; color: #061229; }
/* the sky the landing is made of, fading into the page */
.lp-app::before { content: ''; position: absolute; inset: 0 0 auto; height: 620px; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(6, 18, 41, 0.15), #061229 92%), url(/assets/sky/band.webp) center top / cover no-repeat; opacity: 0.55; }
.lp-app > * { position: relative; z-index: 1; }
.lp-app > .wf-hdr { position: fixed; z-index: 1000; }

/* every launchpad in its own blue */
[data-pad='agents'] { --pad: #6fa8ff; --pad-2: #b4d3ff; --pad-ink: #04102a; }
[data-pad='influencers'] { --pad: #a6e1ff; --pad-2: #d6f1ff; --pad-ink: #04152a; }
[data-pad='claude'] { --pad: #c9d3ff; --pad-2: #e6ebff; --pad-ink: #0b1030; }
[data-pad='higgsfield'] { --pad: #5ee0ff; --pad-2: #b2f0ff; --pad-ink: #02161f; }
[data-pad='credits'] { --pad: #9b9cff; --pad-2: #cfd0ff; --pad-ink: #0c0b2e; }
.wf-door[data-pad='agents'], .wf-strip .lp-burnstrip__item[data-pad='agents'] { --pad: #6fa8ff; }
.wf-door[data-pad='influencers'], .wf-strip .lp-burnstrip__item[data-pad='influencers'] { --pad: #a6e1ff; }
.wf-door[data-pad='claude'], .wf-strip .lp-burnstrip__item[data-pad='claude'] { --pad: #c9d3ff; }
.wf-door[data-pad='higgsfield'], .wf-strip .lp-burnstrip__item[data-pad='higgsfield'] { --pad: #5ee0ff; }
.wf-door[data-pad='credits'], .wf-strip .lp-burnstrip__item[data-pad='credits'] { --pad: #9b9cff; }
/* the pad's own pages: light sky text instead of the old amber */
[data-pad='base'] {
  --wf-t0: #eef4ff; --wf-t1: #d5e2f8; --wf-t2: #b4c6e6; --wf-t3: #8ea5cc; --wf-t4: #6680aa;
  --lp-ink-strong: #fff; --lp-ink: #eef4ff; --lp-ink-2: #c8d7f2; --lp-ink-3: #a5b9de; --lp-ink-4: #8aa0c8; --lp-ink-5: #6680aa; --lp-ink-6: #47608a;
  --lp-accent: #9cc8ff; --lp-accent-hover: #c4ddff; --lp-accent-ink: #061229; --lp-focus: #9cc8ff; --lp-glow: rgba(156, 200, 255, 0.18);
}
[data-pad='base'] .lp-typed__ch { background: linear-gradient(180deg, #f3f8ff 30%, #b9d6ff 55%, #6f9ae0 80%); -webkit-background-clip: text; background-clip: text; }
[data-pad='base'] .lp-typed { filter: drop-shadow(0 0 26px rgba(156, 200, 255, 0.3)); }
[data-pad='base'] .lp-step__title { color: rgba(214, 230, 255, 0.85); }
[data-pad='base'] .lp-step__progress i,
[data-pad='base'] .lp-step[data-active='true'] .lp-step__dot,
[data-pad='base'] .lp-strip__cell[data-active='true'] .lp-strip__dot,
[data-pad='base'] .lp-live__pill i { background: #9cc8ff; box-shadow: 0 0 10px rgba(156, 200, 255, 0.7); }
.wf-ca__buy { background: #9cc8ff; color: #061229; }
.wf-ca__buy:hover { background: #c4ddff; }
.lp-tcard[data-official='true'], .pb-token[data-official='true'] { border-color: rgba(156, 200, 255, 0.6); box-shadow: 0 0 0 1px rgba(156, 200, 255, 0.25), 0 22px 60px -22px rgba(156, 200, 255, 0.5), inset 0 1px 1px #ffffff13; }

/* display type: Fredoka in sentence case, round and soft */
.lp-h, .lp-pagehead__title, .lp-hero__title, .lp-stepsec__title, .wf-door__t { text-transform: none; letter-spacing: -0.01em; font-weight: 600; }
.lp-pagehead__title em, .lp-h em { font-family: 'Nubo Display', 'Fredoka', sans-serif; font-style: normal; font-weight: 600; color: #9cc8ff; }
.lp-app { font-weight: 500; font-variant-numeric: tabular-nums; }
.lp-app :is(pre, code, kbd, .pb-code, .pb-pre, .pb-cr-code, .pb-cl-box__value, .pb-cl-box__prompt, .pb-endpoint__path) { font-family: 'Geist Mono', ui-monospace, Menlo, monospace; }

/* header: a sky-glass bar, the name in Fredoka, links in Nunito */
.wf-hdr__status { background: #050f24; }
.wf-hdr__bar { background: rgba(7, 20, 48, 0.78); border-bottom-color: rgba(156, 200, 255, 0.22); }
.wf-hdr__bar::before { display: none; }
.wf-hdr[data-scrolled='true'] .wf-hdr__bar { background: rgba(6, 18, 41, 0.92); }
.wf-hdr__name { font: 600 27px/1 'Fredoka', 'Nunito', sans-serif; letter-spacing: 0.01em; text-transform: none; }
.wf-hdr__link { font: 700 14px/1 var(--lp-font-ui); letter-spacing: 0; text-transform: none; padding: 0 13px; }
.wf-hdr__link[aria-current='page']::before { content: none; }
.wf-hdr__connect { font: 800 14px/1 var(--lp-font-ui); letter-spacing: 0; text-transform: none; border-radius: 999px; }
.wf-hdr__burger { border-radius: 999px; }
.wf-hdr__mlink { font: 600 22px/1.1 'Fredoka', 'Nunito', sans-serif; text-transform: none; letter-spacing: 0; }
.wf-hdr__mlink::before { content: none; }
.wf-hdr__menu { background: #061229; }
@media (max-width: 1320px) { .wf-hdr__link { font-size: 13.5px; padding: 0 10px; } }
@media (max-width: 1080px) { .wf-hdr__name { font-size: 24px; } .wf-hdr__connect { font-size: 13px; } }

/* hard-coded blacks in lp.css, in navy (generated from lp.css) */
html{background:#061229}
.lp-panel{background:linear-gradient(180deg,#0d1f45,#081733 60%)}
.lp-select option{background:#0c1c3e}
.lp-header[data-open=true] .lp-nav{background:#071430}
.lp-menu{background:#071430}
.lp-footer{background:#061229}
.lp-veil{background:#061229}
.lp-burnstrip__lead{background:#0a1834}
.pa-figs{background:linear-gradient(180deg,#0d1f45,#081733 60%)}
.pb-figs{background:linear-gradient(180deg,#0d1f45,#081733 60%)}
.pb-file pre{background:#071430}
.pb-pre{background:#071430}
.pb-cl-box__value{background:#0a1834}
.pb-cl-box__prompt{background:#0a1834}
.pb-cr-fam__logo{background:#0c1c3e}
.pb-cr-value{background:#0a1834}
.pb-cr-code{background:#0a1834}
.lp-tile{background:#061229}
.lp-tiles__stat{background:#061229}
.lp-pick{background:#061229}
.lp-cta{background:#061229}
.inf-strip__lead{background:#0a1834}
.lp-showcase__main:after { background-image: url(/assets/sky/band.webp); opacity: 0.35; }


/* ---------------------------------------------------------------- liquid glass buttons
   Every button that was a blue fill is now see-through white glass: the page bent a little behind
   it (#lg, injected by kit.js), a lip of light on top, a glint that follows the pointer. */
.lp-btn--primary, .wf-hdr__connect, .wf-ca__buy, .wf-hdr__link[aria-current='page'],
.pb-trade__side[aria-pressed='true'], .pb-cr-tab[aria-pressed='true'],
[data-pad] .inf-look[aria-pressed='true'], [data-pad] .lp-seg__item[aria-pressed='true'], [data-pad] .lp-seg__item[aria-current='page'],
[data-pad] .lp-option[aria-checked='true'], [data-pad] .pb-trade__side[aria-pressed='true'] {
  position: relative; isolation: isolate; overflow: hidden;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08) 55%, rgba(255, 255, 255, 0.14)) !important;
  -webkit-backdrop-filter: blur(12px) saturate(170%) brightness(1.08);
  backdrop-filter: blur(12px) saturate(170%) brightness(1.08) url(#lg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 -10px 20px -14px rgba(255, 255, 255, 0.65), 0 14px 30px -18px rgba(0, 0, 0, 0.65) !important;
  text-shadow: 0 1px 1px rgba(6, 18, 41, 0.35);
}
.lp-btn--primary::before, .wf-hdr__connect::before, .wf-ca__buy::before {
  content: ''; position: absolute; inset: 1px 1px 52% 1px; z-index: -1; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0)); opacity: 0.8;
}
.lp-btn--primary::after, .wf-hdr__connect::after, .wf-ca__buy::after {
  content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; mix-blend-mode: screen;
  background: radial-gradient(120px 70px at var(--mx, 28%) var(--my, 8%), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.08) 45%, transparent 72%);
}
.lp-btn--primary:hover, .wf-hdr__connect:hover, .wf-ca__buy:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.14) 55%, rgba(255, 255, 255, 0.2)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.28), inset 0 -10px 20px -14px rgba(255, 255, 255, 0.8), 0 0 26px rgba(156, 200, 255, 0.25), 0 14px 30px -18px rgba(0, 0, 0, 0.65) !important;
}
.lp-btn--primary:active, .wf-hdr__connect:active, .wf-ca__buy:active { scale: 0.985; }
.lp-btn--primary .lp-btn__arrow, .wf-hdr__connect svg { color: #fff; }
.wf-hdr__connect .lp-connect__dot { background: #fff; box-shadow: 0 0 8px rgba(255, 255, 255, 0.9); }
@media (prefers-reduced-transparency: reduce) {
  .lp-btn--primary, .wf-hdr__connect, .wf-ca__buy { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255, 255, 255, 0.22) !important; }
}

/* the current page's tab: a pane of the same glass, flush with the bar */
.wf-hdr__link[aria-current='page'] { border-radius: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -2px 0 rgba(255, 255, 255, 0.85), inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important; }


/* ---------------------------------------------------------------- liquid glass surfaces
   The sky stays behind every pad page (the landing's own frame, sunk into deep blue), and every
   surface on top of it is see-through white glass: the sky blurred and bent behind it (#lg, from
   kit.js), a lit lip on top, a faint edge, a soft shadow. Code and long tables get a darker glass. */
html, body { background: #061229; }
.lp-app { background: transparent !important; }
.lp-app::before {
  position: fixed; inset: 0; height: auto; z-index: 0; opacity: 1;
  background: linear-gradient(180deg, rgba(6, 18, 41, 0.42), rgba(6, 18, 41, 0.7) 55%, rgba(6, 18, 41, 0.82)), url(/assets/sky/pad-bg.webp) center / cover no-repeat;
}
@media (max-aspect-ratio: 1/1) { .lp-app::before { background-image: linear-gradient(180deg, rgba(6, 18, 41, 0.42), rgba(6, 18, 41, 0.7) 55%, rgba(6, 18, 41, 0.82)), url(/assets/sky/pad-bg-m.webp); } }
.lp-footer, .lp-landing, .lp-main, .lp-page { background: transparent !important; }

/* panels and cards */
:is(.lp-panel, .lp-card, .lp-tcard, .lp-step, .lp-tile, .lp-tiles__stat, .lp-table-wrap, .lp-empty--panel, .lp-feedbox, .lp-labfeed,
    .pa-figs, .pa-agent, .pa-sheet, .pb-figs, .pb-feedbox, .pb-fold--panel, .pb-steps > li, .pb-pager__link, .pb-file, .pb-facts,
    .wf-door, .wf-trs, .wf-empty, .inf-show__stage, .inf-pic, .lp-account__menu, .lp-menu, .lp-toast, .lp-nav) {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0.07)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(175%);
  backdrop-filter: blur(22px) saturate(175%) url(#lg);
  border-color: rgba(255, 255, 255, 0.17) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 1px 0 0 rgba(255, 255, 255, 0.07), inset -1px 0 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05), inset 0 0 40px -18px rgba(255, 255, 255, 0.12), 0 26px 60px -32px rgba(0, 0, 0, 0.7) !important;
}
:is(.lp-card, .lp-tcard, .wf-door, .pb-pager__link):hover { background: linear-gradient(160deg, rgba(255, 255, 255, 0.19), rgba(255, 255, 255, 0.07) 42%, rgba(255, 255, 255, 0.1)) !important; border-color: rgba(255, 255, 255, 0.28) !important; }

/* controls: fields, chips, pills, segments, picks */
:is(.lp-input, .lp-select, .lp-textarea, .lp-input-unit, .lp-option, .lp-seg, .lp-chip, .lp-badge, .lp-ca, .lp-copy-btn, .lp-copy-btn--pill,
    .lp-picker__row, .lp-btn--ghost, .lp-btn--quiet, .lp-btn--secondary, .lp-live__pill, .lp-callout,
    .pa-owed, .pb-outchip, .pb-notice, .pb-slot, .pb-clock, .pb-stages__item, .pb-trade__switch, .pb-trade__pick, .pb-trade__quote, .pb-endpoint,
    .pb-cr-tabs, .pb-cr-pick, .pb-cr-quote, .pb-cr-closed, .pb-cr-alias, .pb-cr-models, .pb-cr-max, .pb-cl-box__value, .pb-cl-box__prompt,
    .pb-cr-value, .pb-cr-answer, .inf-look, .inf-rail__btn, .inf-ticker, .inf-line, .inf-show__li, .inf-show__types, .inf-show__tag, .wf-hdr__burger) {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.04), 0 10px 26px -18px rgba(0, 0, 0, 0.6) !important;
}
:is(.lp-input, .lp-select, .lp-textarea):focus { border-color: rgba(255, 255, 255, 0.5) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 0 3px rgba(156, 200, 255, 0.25) !important; }
.lp-select option { background: #0c1c3e; }

/* code, long readouts: a darker pane of the same glass */
:is(.lp-prose pre, .pb-code, .pb-pre, .pb-file pre, .pb-cr-code, .lp-table th) {
  background: rgba(3, 10, 26, 0.5) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* the header: a strip of glass over the sky, its status line a darker band */
.wf-hdr__bar { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)) !important; -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%) url(#lg); border-bottom-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 18px 40px -30px rgba(0, 0, 0, 0.7); }
.wf-hdr[data-scrolled='true'] .wf-hdr__bar { background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)) !important; }
.wf-hdr__status { background: rgba(3, 10, 26, 0.45) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.wf-hdr__menu { background: rgba(6, 18, 41, 0.55) !important; -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%); }
.lp-footer { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important; border-top: 1px solid rgba(255, 255, 255, 0.14); }

@media (prefers-reduced-transparency: reduce) {
  .lp-app::before { background: #061229; }
}