/* basic.css — Basic view (BASICDEV direction A, BASICONE N1, BASICLOOK 20 Oct: Advanced's own look, minus). Every
   rule is scoped to html[data-ux="basic"] (ux-mode.js sets it before first paint), so in Advanced nothing here matches and
   the page is today's page. Basic HIDES, it never greys out. Hide by stable id/class, never by position.
   BASICLOOK (founder 20 Oct: "it looks OK but in comparison to the main build, it looks poor"): what basic-mode.js and
   basic-earn.js add is drawn with Advanced's own parts. Each rule below says whose values it copies: the dashboard
   sidebar (.sb-btn, .sb-section, .sidebar), the top bar's seats (topbar-nav.js #ioburger, .pw-notif-bell), the burger's
   rows (wallet.js .pw-dd-pass, .pw-dd-uxback, .pw-dd-foot-btn, .pw-dd-legal), the slim line (.pw-sopt-bar), the
   dashboard's claim block (.dclaim) and buttons (.btn). Inter for reading text, JetBrains Mono only where Advanced
   uses it (section labels, numbers, tickers, button words). Never in a hide rule here (EASYTRADE §6): #mobPosBar
   .msell, #sellBtn, the trust / protection / team-lock rows, trade limits, #capNote, the geo gate, the trade flash #fl. */

/* ── shared chrome ─────────────────────────────────────────────────────────────── */
html[data-ux="basic"] #edgeDeckInfo,
html[data-ux="basic"] #boardPause { display: none !important; }

/* N1: the menu is the navigation. The top bar stays Advanced's bar.
   DESKTOP (641 px and up, where #pwTrigger sits in the bar in Advanced): Advanced's bar UNCHANGED, every item (founder
   20 Oct 16:25: "I don't think we need to change the top bar for desktop at all"): EXPLORE / DASHBOARD, the chain marks
   and prices, the account seat, bell, messages, burger grid, LAUNCH. Nothing here touches it; the menu is pinned on the
   left, where the dashboard's sidebar sits.
   PHONE: #pwTrigger (the bottom bar) is hidden; its seats stay in the DOM so the bell, messages and sign-in keep every
   behaviour (the menu rows press them); the burger mark sits top left, Advanced's account seat (or its door) top right;
   the chain marks give way to the seat (Basic is Solana). Pages that keep room for the bottom bar get it back. */
html[data-ux="basic"].bx-n1 { --mob-sheet-bottom: 0px !important; --mob-botbar-h: 0px !important; --sheet-up: 0px !important; }
@media (max-width: 640px) {
  html[data-ux="basic"] .nav-stat,
  html[data-ux="basic"] .chain-stack,
  html[data-ux="basic"] .chain-seg,
  html[data-ux="basic"] .chain-menu,
  html[data-ux="basic"].bx-n1 #pwGetPass,
  html[data-ux="basic"].bx-n1 .nav-center,
  html[data-ux="basic"].bx-n1 #pwTrigger,
  html[data-ux="basic"].bx-n1 .nav-right > .launch-btn { display: none !important; }
  html[data-ux="basic"].bx-n1 .nav-right { margin-left: 0; flex: none; }
  html[data-ux="basic"].bx-n1 .gs-wrap { flex: 1 1 auto; min-width: 0; width: auto !important; max-width: none !important; margin-left: 4px !important; }
}
/* phones up to 520 px: Advanced's own search icon (search.js: its 28 px pill, tap to open across the bar; its tap handler
   opens it at 520 px and under, its icon rules sit commented out in search.js, copied here). The box's words need 187 px
   and beside the account seat a 430 px phone has 156, so the box would be cut at every phone width; the icon keeps search
   at one tap (the tap opens it and puts the cursor in). */
@media (max-width: 520px) {
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) { flex: none; margin-left: auto !important; margin-right: 2px !important; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-pill { padding: 0; width: 28px; overflow: hidden; cursor: pointer; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-mag { left: 50%; transform: translate(-50%,-50%); }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-input { width: 0; min-width: 0; flex: 0 0 0; padding: 0; opacity: 0; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-clear { display: none !important; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded { position: absolute; top: 10px; left: 12px; right: 12px; z-index: 600; margin: 0 !important; background: #000; border-radius: 6px; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded .gs-pill { padding: 0 10px 0 30px; width: 100%; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded .gs-mag { left: 10px; transform: translateY(-50%); }
}
@media (min-width: 641px) {
  /* the pinned menu takes the dashboard sidebar's column (240 px) on every page; the bar keeps its full width */
  html.bx-side:not(.bx-unpinned):not(.bx-dashpg) body { padding-left: 240px !important; }
  html.bx-side:not(.bx-unpinned):not(.bx-dashpg) .bx-flow { margin-left: -240px !important; }
  html.bx-side:not(.bx-unpinned) aside.sidebar { left: 252px !important; }   /* Advanced's 12 px after the menu (240) */
  html.bx-side:not(.bx-unpinned) #ocaBar { left: 240px !important; }
}
/* REL1023 (DESKTWO x mainnet's Advanced hero): with the pinned menu, Advanced's hero keeps its platform totals beside the
   title, so up to 1180 px "FIND YOUR." broke onto two lines and the block outgrew the 300 px hero (the title met its top
   edge, HOW IT WORKS was clipped). A smaller title keeps it on one line there; Basic (no totals) and wider screens are as before. */
@media (min-width: 641px) and (max-width: 1180px) {
  html.bx-side[data-ux="advanced"]:not(.bx-unpinned) .hero > .hero-content .hero-title { font-size: 38px; }
}
/* REL1023 (same cause): Advanced's three-line hero copy puts FIND COINS / HOW IT WORKS at the hero's foot, where the
   cycle's slide marks sit (hero-cards.css: left 40 px, bottom 6 px); with the pinned menu they met (herocards LAYOUT at
   1280 / 1440). In Advanced with the pinned menu the marks sit at the foot's right end instead. */
@media (min-width: 641px) {
  html.bx-side:not(.bx-unpinned) .hero .hc-segs { left: auto; right: 40px; }   /* both views now cycle the heroes */
}

/* ── home ──────────────────────────────────────────────────────────────────────── */
html[data-ux="basic"] .type-pills,
html[data-ux="basic"] .main .search-wrap,
html[data-ux="basic"] #advTog,
html[data-ux="basic"] #advDrawer,
html[data-ux="basic"] .dens-tog,
html[data-ux="basic"] #stageRail,
html[data-ux="basic"] .grid-count,
html[data-ux="basic"] .sdd-opt[data-sort="flow"],
html[data-ux="basic"] .sdd-opt[data-sort="heat"],
html[data-ux="basic"] .sdd-opt[data-sort="movers"],
html[data-ux="basic"] .sdd-opt[data-sort="trade"] { display: none !important; }

/* ── token page: today's page in Basic too (founder 20 Oct 11:08); only the menu around it is Basic ── */

/* ── launch: Your token → First buy → Review (launch-fx.js seq() drops Chain, Mode and Where in Basic) ── */
html[data-ux="basic"] #screen2 .lx-pane[data-pane="rules"] > .section:has(#poolSettingsAccent),
html[data-ux="basic"] #screen1 .btn-row .btn-ghost,
html[data-ux="basic"] #screen2 .lx-sum,
html[data-ux="basic"] #lxDock .lxd-bond { display: none !important; }

/* ── dashboard: the menu takes the sidebar's place (desktop: pinned in its column); Wallet opens first ── */
/* BASICMAIN2: from 641 to 1024 px the dashboard drops its grid (its sidebar goes, .shell is a block), so the pinned menu
   sat over the panels' left edge; there the panels keep the menu's column (240), or the folded menu's (10 + 48, DESKTWO) when it is folded */
@media (min-width: 641px) and (max-width: 1024px) {
  html.bx-side.bx-dashpg:not(.bx-unpinned) .shell > .content { margin-left: 240px; }
  html.bx-side.bx-dashpg.bx-mhidden .shell > .content { margin-left: 58px; }
}
/* desktop: the pinned menu sits exactly where the sidebar card sits (its column, its margins); phone: as Advanced */
html.bx-side .shell > .sidebar { visibility: hidden !important; }
html[data-ux="basic"] #panel-overview #ovDnaPanel,
html[data-ux="basic"] #panel-wallet .pnl-actions { display: none !important; }

/* ── the wallet (sheet and dashboard panel): no terminals link, no search, no footnote, no Bridge ── */
html[data-ux="basic"] .ew .ew-uselink,
html[data-ux="basic"] .ew .ew-search,
html[data-ux="basic"] .ew .ew-foot,
html[data-ux="basic"] .ew .ew-act[data-ew="bridge"] { display: none !important; }
html[data-ux="basic"] .ew .ew-acts.ew-acts5 { grid-template-columns: repeat(4, 1fr) !important; }

/* ── seasons: the Friday show plays in Basic too (founder 23 Oct); no wire, no rival box, one headline tile ── */
html[data-ux="basic"] #wireBox,
html[data-ux="basic"] #wire,
html[data-ux="basic"] #rivalBox,
html[data-ux="basic"] .tiles > div:has(#tSeats),
html[data-ux="basic"] .tiles > div:has(#tQual) { display: none !important; }
html[data-ux="basic"] .tiles:has(#tTop) { grid-template-columns: 1fr !important; }

/* ══ Basic-only elements (they exist only when basic-mode.js / basic-earn.js run) ═════════════════════════════════ */
/* bottom sheet (phone) / small card (desktop): reuses .pwg-handle and _pwMakeSwipeable; the dashboard card's surface
   (--card-grad, --border, --r-card), its panel title (mono, spaced, upper) and its .btn / LAUNCH buttons */
.bx-scrim { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.6); }
.bx-sheet { position: fixed; z-index: 100001; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(420px, calc(100vw - 32px)); box-sizing: border-box;
  background: linear-gradient(168deg,#131318,#0b0b0e 64%); border: 1px solid rgba(255,255,255,.07); border-radius: 13px; padding: 18px 18px 16px; color: #e8e8e8;
  box-shadow: 0 26px 54px -16px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06); font: 400 13px/1.5 'Inter', system-ui, sans-serif; }
.bx-sheet .pwg-handle { display: none; }
.bx-sheet h3 { margin: 0 0 10px; font: 500 13px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: #fff; }
.bx-sheet p { margin: 0 0 10px; color: #a7b0a9; }
.bx-sheet ul { margin: 0 0 12px; padding-left: 18px; color: #a7b0a9; }
.bx-sheet .bx-acts { display: flex; gap: 10px; margin-top: 16px; }
.bx-sheet .bx-acts button { flex: 1; min-height: 44px; padding: 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); background: none; color: #ccc;
  font: 600 11px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.bx-sheet .bx-acts button.go { background: linear-gradient(180deg,#5be35b,#3ccd3c); border-color: #4ade4a; color: #041004; }
@media (max-width: 640px) {
  .bx-sheet { left: 0; right: 0; top: auto; bottom: 0; transform: none; width: auto; border-radius: 16px 16px 0 0; border-width: 1px 0 0;
    padding: 6px 18px calc(18px + env(safe-area-inset-bottom, 0px)); max-height: 88vh; overflow: auto; }
  .bx-sheet .pwg-handle { display: flex; }
}

/* Wallet: Holding · Saved · History (one place for what you hold): the dashboard's mono labels, the sidebar's green */
.bx-tabs { display: flex; gap: 22px; border-bottom: 1px solid rgba(255,255,255,.07); margin: 4px 0 12px; }
.bx-tabs a { color: #777; text-decoration: none; font: 500 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase;
  padding: 10px 0; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.bx-tabs a:hover { color: #ccc; }
.bx-tabs a.on { color: #fff; border-bottom-color: #4ade4a; }
.ew-bxsell { margin-left: 8px; padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(255,107,0,.4); background: rgba(255,107,0,.08); color: #ff8a3a;
  font: 600 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
html[data-ux="basic"] .ew-row .ew-right { display: flex; align-items: center; }
.ew-bxnav { display: flex; gap: 20px; padding: 6px 6px 10px; }
.ew-bxnav a { color: #777; font: 500 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; padding: 6px 0;
  border-bottom: 2px solid transparent; }
.ew-bxnav a.on { color: #fff; border-bottom-color: #4ade4a; }

/* "This is part of Advanced view": Advanced's slim line (.pw-sopt-bar), neutral */
.bx-advline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px; background: rgba(255,255,255,.04); color: #e8e8e8; font: 500 12.5px/1.35 'Inter', system-ui, sans-serif; }
.bx-advline button { flex: none; background: none; border: 0; color: #4ade4a; font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em;
  text-transform: uppercase; cursor: pointer; white-space: nowrap; padding: 6px 0; }

/* launch: the one safety line: Advanced's slim line, green */
.bx-safety { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; margin: 4px 0 16px; border: 1px solid rgba(74,222,74,.32);
  background: linear-gradient(135deg,rgba(74,222,74,.14),rgba(74,222,74,.06)); border-radius: 10px; font: 500 12.5px/1.35 'Inter', system-ui, sans-serif; color: #e8e8e8; }
.bx-safety b { color: #4ade4a; font-weight: 700; }
.bx-safety button { background: none; border: 0; color: #a7b0a9; font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }

/* ══ the phone top bar's two Basic seats, cut from Advanced's own: the burger mark (#ioburger: 44 px seat on a phone, its
   nine blocks, white / green / blue) and the account seat (#pwTrigger > a: .pw-avatar 30 px + .pw-info, name 12 px Inter
   600, balance 9 px mono, in the bar's 44 px seat; wallet.js's own rules draw the copy). Signed out the seat is Advanced's
   door (.bi-signin). Both are phone only: on a desktop the bar is Advanced's, unchanged. ══ */
.bx-burger, .bx-wseat { display: none; }
@media (max-width: 640px) {
html[data-ux="basic"].bx-n1 .bx-burger { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0 2px 0 -6px; padding: 0;
  background: none; border: 0; border-radius: 9px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .15s; }
html[data-ux="basic"].bx-n1 .bx-wseat { position: relative; display: flex; align-items: center; justify-content: center; flex: none; min-width: 44px; height: 44px; padding: 0; margin: 0 -6px 0 2px;
  background: none; border: 0; border-radius: 9px; color: #f0f0f0; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .15s; }
/* the account seat: Advanced's avatar, then its name / balance block, as the desktop pill lays them out (gap 8, left-aligned) */
html[data-ux="basic"].bx-n1 .bx-wseat.bx-acct { gap: 8px; padding: 0 6px; margin: 0 -6px 0 4px; justify-content: flex-start; text-align: left; }
.bx-wseat.bx-acct .pw-info { min-width: 0; }
/* founder 16:20: "the users icon. With his balances showing": on a phone the avatar and the balance line; the name is
   the menu head's (one tap away), the bar has no room for both and a readable search */
.bx-wseat.bx-acct .pw-name { display: none; }
.bx-wseat.bx-acct .pw-addr { white-space: nowrap; margin-top: 0; font-size: 11px; }
.bx-wseat.bx-acct .pw-pill-bal img { width: 10px; height: 10px; }
}
/* BASICMAIN (founder 22 Oct): an empty wallet is "$0 Add money" in the seat, never a bare 0.000 (basic-mode.js zeroSeat) */
.bx-wseat .bx-addmoney { display: none; }
.bx-wseat.bx-zero .pw-pill-bal { display: none; }
.bx-wseat.bx-zero .bx-addmoney { display: inline; color: #4ade4a; font-weight: 600; }
.bx-wseat.bx-zero .bx-addmoney b { color: #fff; font-weight: 600; margin-right: 5px; }
.bx-burger:hover, .bx-wseat:hover { background: rgba(255,255,255,.06); }
.bx-burger:focus-visible, .bx-wseat:focus-visible { outline: 2px solid #4ade4a; outline-offset: 2px; }
.bx-burger .bi-menu { width: 20px; height: 20px; display: block; }
.bx-burger .bi-menu rect { fill: #f0f0f0; }
.bx-burger .bi-menu rect.g { fill: #7ED956; }
.bx-burger .bi-menu rect.o { fill: #568FD9; }
/* the count bubble, as #pwNotifCount: orange is the counts */
.bx-burger .bx-dot { position: absolute; top: 5px; left: calc(50% + 11px); width: 9px; height: 9px; border-radius: 2px; display: none;
  background: linear-gradient(180deg,#ffa04d,#f26a00); box-shadow: 0 0 0 1px #000, 0 0 0 1.75px rgba(255,255,255,.08), inset 0 .5px 0 rgba(255,255,255,.55); }
.bx-burger .bx-dot.on { display: block; }
.bx-wseat.bx-signin svg { width: 20px; height: 20px; display: block; }

/* ══ N1, the menu: phone, a side drawer; desktop, pinned in the dashboard sidebar's column. The surface is the
   sidebar's card (--card-grad, --border, --r-card 13, --card-lift); the rows are .sb-btn; the group labels .sb-section;
   the phone drawer opens with the burger's own head (.pw-dd-head, cloned) and its pass row (.pw-dd-pass). ══ */
.bx-mscrim, .bx-menu { display: none; }
html.bx-side .bx-menu { display: flex; flex-direction: column; position: fixed; z-index: 100003; top: 0; bottom: 0; left: 0; width: min(86vw, 320px); box-sizing: border-box;
  background: #000; border-right: 1px solid rgba(255,255,255,.07); color: #e8e8e8; font-family: 'Inter', system-ui, sans-serif;
  transform: translateX(-102%); transition: transform .2s ease; }
html.bx-side.bx-open .bx-menu { transform: none; box-shadow: 20px 0 60px rgba(0,0,0,.6); }
html.bx-side .bx-mscrim { display: block; position: fixed; inset: 0; z-index: 100002; background: rgba(0,0,0,.6); opacity: 0; pointer-events: none; transition: opacity .2s; }
html.bx-side.bx-open .bx-mscrim { opacity: 1; pointer-events: auto; }
html.bx-side.bx-open body { overflow: hidden; }
.bx-mtop { flex: none; display: flex; align-items: center; height: 54px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.96); }
.bx-mlogo { background: none; border: 0; padding: 0; cursor: pointer; }
.bx-mlogo img { height: 20px; width: auto; display: block; }
.bx-mcard { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; background: linear-gradient(168deg,#131318,#0b0b0e 64%); }
.bx-mscroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 0 8px; }
.bx-menu .pw-dd-head { margin-bottom: 4px; }
/* the burger's banner is a backdrop for its sheet; in a side drawer under the bar it is dead space: the plate alone */
.bx-menu .pw-dd-banner { display: none; }
.bx-menu .pw-dd-idrow { margin: 12px 10px 10px; }
@media (max-width: 640px) {
  /* the drawer scrolls as one: the foot follows the rows (the phone is short) */
  html.bx-side .bx-mcard { overflow-y: auto; overscroll-behavior: contain; }
  html.bx-side .bx-mscroll { flex: none; overflow: visible; }
}
.bx-menu .pw-dd-head a, .bx-menu .pw-dd-head button { cursor: pointer; }
/* TOPBAL (founder 23 Oct 20:20: "just have a total dollar value, and a small arrow to drop down and show all currencies"):
   the balances card, the burger plate's surface (.pw-dd-idrow). Closed: "Balances", the total, a chevron. Open: one row per
   coin, its mark wearing its chain's badge (the Wallet page's pattern), the amount and its $ value right-aligned. */
.bxb { box-sizing: border-box; margin: 0 10px 8px; background: #0e0e12; border: 1px solid rgba(255,255,255,.07); border-radius: 11px;
  box-shadow: 0 8px 22px -8px rgba(0,0,0,.8); font-family: 'Inter', system-ui, sans-serif; color: #e8e8e8; }
.bxb * { box-sizing: border-box; }
.bxb-head { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 6px 10px 6px 12px; border: 0; border-radius: 11px; background: none;
  color: inherit; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
.bxb-head:hover { background: rgba(255,255,255,.03); }
.bxb-head:focus-visible { outline: 2px solid #4ade4a; outline-offset: -2px; }
.bxb-hl { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bxb-l { font: 400 8px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .2em; color: #777; text-transform: uppercase; }
.bxb-t { font: 600 16px/1.1 'Inter', system-ui, sans-serif; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.01em; white-space: nowrap; }
.bxb-chev { flex: none; width: 14px; height: 14px; color: #777; transition: transform .15s; }
.bxb.open .bxb-chev { transform: rotate(180deg); }
.bxb.open .bxb-head { border-bottom: 1px solid rgba(255,255,255,.05); border-radius: 11px 11px 0 0; }
.bxb-rows { padding: 3px 4px 5px; }
.bxb-r { display: flex; align-items: center; gap: 9px; width: 100%; height: 36px; padding: 0 8px; border: 0; border-radius: 8px; background: none; color: inherit;
  cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
.bxb-r:hover { background: rgba(255,255,255,.04); }
.bxb-r:focus-visible { outline: 1px solid #4ade4a; outline-offset: -1px; }
.bxb-m { position: relative; flex: none; width: 18px; height: 18px; }
.bxb-m > img { width: 18px; height: 18px; border-radius: 50%; object-fit: contain; display: block; }
.bxb-m > img.c { position: absolute; right: -3px; bottom: -3px; width: 9px; height: 9px; box-shadow: 0 0 0 1.5px #0e0e12; }
.bxb-n, .bxb-v { display: flex; flex-direction: column; line-height: 1.15; }
.bxb-n { flex: 1; min-width: 0; }
.bxb-v { align-items: flex-end; font-variant-numeric: tabular-nums; }
.bxb-n b { font: 500 12px 'Inter', system-ui, sans-serif; color: #ddd; }
.bxb-v b { font: 600 12px 'Inter', system-ui, sans-serif; color: #fff; }
.bxb-n i, .bxb-v i { font: 400 9.5px 'Inter', system-ui, sans-serif; font-style: normal; color: #6f6f6f; white-space: nowrap; }
.bxb-v i { color: #808080; }
.bx-menu .bx-mpass { width: calc(100% - 20px); margin: 12px 10px 4px; }
.bx-mgrp { padding: 0 10px; }
.bx-mgh { font: 400 8px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .2em; color: #666; text-transform: uppercase; padding: 12px 8px 5px; margin-top: 4px; }
.bx-mrow { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 10px; margin: 0 0 1px; box-sizing: border-box;
  background: none; border: 0; border-radius: 8px; cursor: pointer; text-align: left; transition: background .15s; -webkit-tap-highlight-color: transparent; }
.bx-mrow:hover { background: rgba(255,255,255,.04); }
.bx-mrow.on { background: linear-gradient(100deg,rgba(74,222,74,.12),rgba(226,232,240,.04) 70%); box-shadow: inset 2px 0 0 #4ade4a; }
.bx-mic { flex: none; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #777; }
.bx-mic svg, .bx-mic img { width: 16px; height: 16px; display: block; }
.bx-mic .ionavIcon { color: #9a9a9a; }
.bx-mrow.on .bx-mic { color: #4ade4a; }
.bx-ml { flex: 1; min-width: 0; font: 500 13px 'Inter', system-ui, sans-serif; color: #ccc; }
.bx-mrow.on .bx-ml { color: #fff; font-weight: 600; }
/* SOCIALBUILD: a sub-row (Communities under Social feed, Social's own left rail folded in): no icon, its label in line
   with the row above, a small block for a bullet */
.bx-mrow.bx-msub { padding-left: 40px; }
.bx-mrow.bx-msub::before { content: ""; position: absolute; left: 26px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #555; }
.bx-mrow.bx-msub.on::before { background: #4ade4a; }
.bx-mrow.bx-msub .bx-ml { font-size: 12px; color: #aaa; }
.bx-mrow.bx-msub.on .bx-ml { color: #fff; }
.bx-count { flex: none; font-style: normal; min-width: 18px; height: 16px; box-sizing: border-box; padding: 0 6px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg,#ffa04d,#f26a00); color: #000; font: 700 9px 'JetBrains Mono', ui-monospace, monospace; }
/* the foot: the view switch (a menu row, DESKTWO), the burger's Disconnect button (.pw-dd-foot-btn / .sb-foot-btn), its
   legal line (.pw-dd-legal) */
.bx-mfoot { flex: none; padding: 10px 10px 4px; border-top: 1px solid rgba(255,255,255,.045); display: flex; flex-direction: column; gap: 8px; }
/* DESKTWO (founder 23 Oct: "make the switch to advanced/basic mode option in menu smaller too. way too big"): one row in
   the rows' own size and type (.bx-mrow), the burger mark for its icon, a compact Basic | Advanced toggle at its end */
.bx-seg { flex: none; display: inline-flex; margin-left: auto; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; overflow: hidden; }
.bx-seg i { font: 600 8.5px/1 'JetBrains Mono', ui-monospace, monospace; font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: #777; padding: 4px 6px; }
.bx-seg i.on { background: rgba(74,222,74,.14); color: #4ade4a; }
.bx-uxrow:hover .bx-seg { border-color: rgba(255,255,255,.24); }
.bx-uxrow .bi-menu rect { fill: #9a9a9a; }
.bx-uxrow .bi-menu rect.g { fill: #7ED956; }
.bx-uxrow .bi-menu rect.o { fill: #568FD9; }
.bx-signout { width: 100%; min-height: 36px; padding: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; background: none; cursor: pointer; color: #555;
  font: 400 9px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; transition: color .15s, border-color .15s; }
.bx-signout:hover { color: #f04444; border-color: #f04444; }
.bx-menu .bx-mlegal { flex: none; padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 641px) {
  /* the desktop menu is the sidebar card (column 240, margin 10 / 0 / 10 / 10, under the 54 px bar), pinned or over the page */
  html.bx-side .bx-menu { top: 64px; left: 10px; bottom: 10px; width: 230px; z-index: 900; transform: none; background: none; border: 0; }
  html.bx-side .bx-mtop,
  html.bx-side .bx-menu .pw-dd-head { display: none; }
  html.bx-side .bx-mcard { border: 1px solid rgba(255,255,255,.07); border-radius: 13px; overflow: hidden;
    box-shadow: 0 12px 30px -12px rgba(0,0,0,.72), 0 3px 8px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06); }
  html.bx-side:not(.bx-unpinned) .bx-mscrim { display: none; }
  html.bx-side.bx-open body { overflow: visible; }
  html.bx-side.bx-unpinned body { padding-left: 0 !important; }
  /* BASICMAIN2 (founder 22 Oct, "basic in desktop is still got the main burger icon and drop down, pointless with the side
     panel menu, remove"): Basic's desktop bar has no burger grid or dropdown; the menu reaches all of it. The dropdown
     stays in the DOM (the menu borrows its head, its Support tile and its Disconnect button). Advanced keeps both. */
  /* BASICPOLISH: now both views, below (html.bx-side #pwTrigger #ioburger) */
  /* DESKTWO (founder 23 Oct: "remove, explore, dashboard and the social icon from the top bar completely, we have it all
     in the forever there side menu"): wherever the side menu runs on a desktop (both views) the bar's EXPLORE / DASHBOARD
     links and its Social mark (.nav-center, and #iopw1esicon, the mark that stands in for them under 1251 px) go; the
     search keeps the place it has when they are folded away (topbar-nav.js, 1250 px and under) */
  html.bx-side .nav-center,
  html.bx-side #pwTrigger #iopw1esicon { display: none !important; }
  html.bx-side nav div.gs-wrap, html.bx-side .topbar div.gs-wrap { margin-left: 10px; }
  /* BASICMAIN (founder 22 Oct, every Basic screen at every width reaches the menu): where the menu folds away on a desktop
     (the coin page under 1400 px, basic-mode.js pinCheck), the burger mark opens it as on a phone: the phone seat's
     44 px box, first in the bar, before the logo */
  html.bx-side.bx-unpinned:not(.bx-mhidden) .bx-burger { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0 6px 0 -10px; padding: 0;
    background: none; border: 0; border-radius: 9px; cursor: pointer; transition: background .15s; }
  /* the folded coin page: the same card, slid in over the page from the burger mark, never pushing it */
  html.bx-side.bx-unpinned .bx-menu { z-index: 100003; transform: translateX(calc(-100% - 24px)); visibility: hidden; transition: transform .18s ease, visibility 0s linear .18s; }
  html.bx-side.bx-unpinned.bx-open .bx-menu { transform: none; visibility: visible; transition: transform .18s ease, visibility 0s; box-shadow: none; }
  html.bx-side.bx-unpinned.bx-open .bx-mcard { box-shadow: 0 24px 60px -10px rgba(0,0,0,.9), 0 3px 8px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06); }
  html.bx-side.bx-unpinned .bx-mscrim { background: none; }
  /* a peek (the mouse on the folded menu) takes no clicks off the page: no scrim; the burger mark's click-open keeps it */
  html.bx-side.bx-peek .bx-mscrim { display: none; }

  /* ── DESKTWO: the rows, one geometry for the open and the folded menu, so nothing moves when it folds or opens: the icon
     column's centre sits 24 px from the card's left edge (group 6 + row 9 + half the 18 px icon), every row is 36 px
     tall, a group label is a 24 px band (its words open, a thin line folded) ── */
  html.bx-side .bx-mhead { flex: none; display: flex; justify-content: flex-end; align-items: center; height: 34px; padding: 4px 6px 0; box-sizing: border-box; }
  html.bx-side.bx-unpinned:not(.bx-mhidden) .bx-mhead { display: none; }
  html.bx-side .bx-mscroll { padding: 0 0 6px; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #2a2a2e transparent; }
  html.bx-side.bx-unpinned:not(.bx-mhidden) .bx-mscroll { padding-top: 6px; }
  html.bx-side .bx-mgrp { padding: 0 6px; }
  html.bx-side .bx-mgh { position: relative; height: 24px; box-sizing: border-box; margin: 2px 0 0; padding: 0 9px 5px; display: flex; align-items: flex-end; font-size: 7px; white-space: nowrap; overflow: hidden; }
  html.bx-side .bx-mgh::after { content: ""; position: absolute; left: 9px; top: 50%; width: 18px; height: 1px; background: rgba(255,255,255,.1); opacity: 0; }
  html.bx-side .bx-mrow { height: 36px; min-height: 36px; padding: 0 9px; gap: 10px; overflow: hidden; }
  html.bx-side .bx-mic { width: 18px; height: 18px; }
  html.bx-side .bx-mic svg, html.bx-side .bx-mic img { width: 18px; height: 18px; }
  html.bx-side .bx-ml { font-size: 12px; white-space: nowrap; overflow: hidden; }
  html.bx-side .bx-mrow.bx-msub { padding-left: 37px; }
  html.bx-side .bx-mrow.bx-msub::before { left: 16px; }
  html.bx-side .bx-rcount { position: absolute; top: 2px; left: 19px; min-width: 15px; height: 13px; box-sizing: border-box; padding: 0 3px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg,#ffa04d,#f26a00); color: #000; font: 700 8px/1 'JetBrains Mono', ui-monospace, monospace; font-style: normal; box-shadow: 0 0 0 2px #0f0f13; pointer-events: none; opacity: 0; }
  html.bx-side .bx-mend { padding: 10px 6px 0; display: flex; flex-direction: column; gap: 6px; }
  html.bx-side .bx-mend .bx-mlegal { padding: 2px 4px 2px; }
  html.bx-side .bx-mfoot { padding: 6px 6px 7px; gap: 2px; }
  /* the account row: the top bar pill's avatar (26 px, its pass badge and flash for an account with no pass) centred on
     the icon column */
  html.bx-side .bx-macct .bx-mav { width: 18px; height: 26px; overflow: visible; }
  html.bx-side .bx-macct .pw-avatar { flex: none; width: 26px; height: 26px; margin: 0 -4px; }
  html.bx-side .bx-macct.bx-rnopass .pw-avatar { overflow: visible; }
  html.bx-side .bx-macct.bx-rnopass .pw-avatar > img { border-radius: 6px; }
  html.bx-side .bx-macct .pw-pass-plus { top: -6px; right: -6px; }
  html.bx-side .bx-macct.bx-rnopass .bx-ml { color: #4ade4a; font-weight: 600; }
  html.bx-side .bx-macct { overflow: visible; }
  /* the keep-open control: the dashboard sidebar's padlock, green while the menu is kept open */
  .bx-mlock { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid transparent; border-radius: 7px;
    background: none; color: #666; cursor: pointer; transition: color .15s, background .15s, border-color .15s, opacity .18s; }
  .bx-mlock svg { width: 14px; height: 14px; display: block; }
  .bx-mlock:hover { color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); }
  .bx-mlock.on { color: #4ade4a; }
  .bx-mlock:focus-visible { outline: 2px solid #4ade4a; outline-offset: 1px; }
  /* TOPBAL: on a desktop the card opens the list under the padlock's line, at a fixed width so folding never rewraps it
     (the rows below keep their place); folded, it fades with the words */
  html.bx-side .bxb { width: 216px; margin: 2px 6px 8px; }

  /* ── DESKTWO (founder 23 Oct: "make it one thing that opens ... it has to connect up and flow"): FOLDED, the menu itself
     narrows to its icon column (48 px): same card, same edge, same surface; the words, the group labels, the head, sign
     out and the legal line fade, the counts move onto the icons' corners. A resting mouse, keyboard focus or a tap
     widens it IN PLACE over the page (width + opacity, 200 ms); kept open, it pushes the page as before. ── */
  html.bx-side.bx-mhidden .bx-menu { transform: none; visibility: visible; z-index: 1000; transition: width .2s cubic-bezier(.3,.7,.3,1); }
  html.bx-side.bx-mhidden.bx-open .bx-menu { transition: width .2s cubic-bezier(.3,.7,.3,1); box-shadow: none; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-menu { width: 48px; }
  html.bx-side.bx-mhidden.bx-open .bx-mcard { box-shadow: 0 24px 60px -10px rgba(0,0,0,.9), 0 3px 8px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); }
  html.bx-side .bx-ml, html.bx-side .bx-count, html.bx-side .bx-mgh > span, html.bx-side .bx-mlock, html.bx-side .bx-mend, html.bx-side .bx-seg, html.bx-side .bxb {
    transition: opacity .18s ease .04s; }
  html.bx-side .bx-rcount, html.bx-side .bx-mgh::after { transition: opacity .14s ease; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-ml, html.bx-side.bx-mhidden:not(.bx-open) .bx-count, html.bx-side.bx-mhidden:not(.bx-open) .bx-mgh > span,
  html.bx-side.bx-mhidden:not(.bx-open) .bx-mlock, html.bx-side.bx-mhidden:not(.bx-open) .bx-mend, html.bx-side.bx-mhidden:not(.bx-open) .bx-seg,
  html.bx-side.bx-mhidden:not(.bx-open) .bxb {
    opacity: 0; pointer-events: none; transition: opacity .1s ease; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-rcount, html.bx-side.bx-mhidden:not(.bx-open) .bx-mgh::after { opacity: 1; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-mscroll { scrollbar-width: none; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-mscroll::-webkit-scrollbar { display: none; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-mcard { cursor: pointer; }
  html.bx-side.bx-mhidden:not(.bx-open) .bx-menu:hover .bx-mcard { border-color: rgba(74,222,74,.35); }
  /* folded: the page takes the full width less the menu's footprint (10 + 48); its fixed left-hand parts move with it */
  html.bx-side.bx-unpinned.bx-mhidden:not(.bx-dashpg) body { padding-left: 58px !important; }
  html.bx-side.bx-mhidden:not(.bx-dashpg) .bx-flow { margin-left: -58px !important; }
  html.bx-side.bx-mhidden aside.sidebar { left: 70px !important; }
  html.bx-side.bx-mhidden #ocaBar { left: 58px !important; }
  /* the dashboard: its grid's sidebar column (240) is the menu's; folded, the column is the menu's icon column (48) */
  html.bx-side.bx-dashpg.bx-mhidden .shell { grid-template-columns: 58px 1fr;   /* MENUICONS: the folded menu is 10 + 48: the content starts past it, not under its last 10 px */ }
  html.bx-side.bx-dashpg.bx-mhidden .shell > .sidebar { margin: 0 !important; min-width: 0 !important; width: auto !important; }
}
.bx-mhead { display: none; }
.bx-rcount { display: none; }
html.bx-side .bx-rcount { display: inline-flex; }
@media (max-width: 640px) { html.bx-side .bx-rcount { display: none; } }
@media (prefers-reduced-motion: reduce) {
  html.bx-side .bx-menu, html.bx-side.bx-unpinned .bx-menu, html.bx-side.bx-unpinned.bx-open .bx-menu, html.bx-side.bx-mhidden .bx-menu,
  html.bx-side .bx-mscrim, html.bx-side .bx-ml, html.bx-side .bx-count, html.bx-side .bx-rcount, html.bx-side .bx-mgh > span, html.bx-side .bx-mgh::after,
  html.bx-side .bx-mlock, html.bx-side .bx-mend, html.bx-side .bx-seg, html.bx-side .bxb, .bxb-chev { transition: none !important; }
}

/* ══ Home: one slim line when there is money to claim: Advanced's .pw-sopt-bar (the Seasons opt-in line), in the green
   of its pass row (.pw-dd-pass). Wallet's line to Rewards is the same line. ══ */
.bx-claimbar.pw-sopt-bar { background: linear-gradient(135deg,rgba(74,222,74,.14),rgba(74,222,74,.06)); border-color: rgba(74,222,74,.32); color: #e8e8e8; cursor: pointer; }
.bx-claimbar.pw-sopt-bar:hover { background: linear-gradient(135deg,rgba(74,222,74,.2),rgba(74,222,74,.09)); border-color: rgba(74,222,74,.5); }
.bx-claimbar.pw-sopt-bar svg { color: #4ade4a; }
.bx-claimbar.pw-sopt-bar b { color: #4ade4a; }
.bx-claimbar.pw-sopt-bar .go { background: #4ade4a; }
html[data-ux="basic"] #bxClaimLine { margin: 4px 16px 18px; }
@media (min-width: 641px) { html[data-ux="basic"] #bxClaimLine { margin: 0 24px 22px; } }

/* ══ BASICONE: plainer screens (founder 20 Oct: "the rest of the app needs to be… idk"): fewer things, one main action ══ */
/* the menu is the way around: the panels' own back arrows and the wallet's address line go */
html[data-ux="basic"].bx-n1 .panel .ioback,
html[data-ux="basic"] #walletPnlSub,
html[data-ux="basic"] #panel-launches .pnl-head .btn,
html[data-ux="basic"] #panel-history .pnl-head .btn { display: none !important; }
/* Wallet: Add money first and green (the one thing a newcomer with $0 has to do) */
html[data-ux="basic"] #panel-wallet .ew-act[data-ew="buy"] { order: -1; background: #4ade4a !important; border-color: #4ade4a !important; color: #041004 !important; }
html[data-ux="basic"] #panel-wallet .ew-act[data-ew="buy"] svg { filter: brightness(0); }
/* History: the list and All / Buys / Sells / Launches; the chain and period chips, the token filter, the two views and the
   totals card are Advanced */
html[data-ux="basic"] #histApp .eh-fil > .eh-row:first-child,
html[data-ux="basic"] #histApp .eh-q,
html[data-ux="basic"] #histApp .eh-seg,
html[data-ux="basic"] #histApp .eh-sumhd,
html[data-ux="basic"] #histApp .eh-sum { display: none !important; }
/* Pass rebates: your pass, how to get more back, the claim; the per-chain pass list is Advanced (Basic is Solana) */
html[data-ux="basic"] #tr-panel-body .rw > .chains,
html[data-ux="basic"] #tr-panel-body .rw > .lbl:has(+ .chains) { display: none !important; }
/* Launch: the top bar says "Launch a coin"; the big title, breadcrumb and "deploy your bonding pool" go */
html[data-ux="basic"].bx-n1 .page > .breadcrumb,
html[data-ux="basic"].bx-n1 .page > .page-title,
html[data-ux="basic"].bx-n1 .page > .page-subtitle { display: none !important; }
html[data-ux="basic"].bx-n1 .page > .steps { margin-top: 18px; }
/* a page Basic does not list (Earn, Boosts): its Advanced line clears the sticky top bar */
html[data-ux="basic"].bx-n1 .bx-advline { scroll-margin-top: 70px; }
@media (max-width: 640px) {
  /* /earn starts its content under the top bar on a phone (in Advanced too): the Advanced line clears it */
  html[data-ux="basic"].bx-earnpg .bx-advline { margin-top: 64px; }
}

/* ── the way back, ADVANCED only (founder 20 Oct: nobody gets stuck in Advanced). basic-mode.js adds one row under the
   burger's tiles; the neutral twin of wallet.js's pass row (.pw-dd-pass), so it reads as a setting, not an offer. ── */
html:not([data-ux="basic"]) .pw-dd-uxback{display:flex;align-items:center;gap:12px;width:calc(100% - 20px);margin:4px 10px 10px;padding:11px 12px;text-align:left;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#e8e8e8;cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;box-sizing:border-box;transition:background .15s,border-color .15s}
html:not([data-ux="basic"]) .pw-dd-uxback:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
html:not([data-ux="basic"]) .pw-dd-uxback:focus-visible{outline:2px solid #fff;outline-offset:2px}
html:not([data-ux="basic"]) .pw-dd-uxback-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
html:not([data-ux="basic"]) .pw-dd-uxback-t{font-size:13.5px;font-weight:700;color:#fff;line-height:1.2}
html:not([data-ux="basic"]) .pw-dd-uxback-s{font-size:11.5px;line-height:1.35;color:#a7b0a9}
html:not([data-ux="basic"]) .pw-dd-uxback-go{flex:0 0 auto;width:16px;height:16px;color:#fff}
html[data-ux="basic"] .pw-dd-uxback{display:none}

/* ══ Rewards (/dashboard#earnings, basic-earn.js): the dashboard's own claim block (.dclaim), coin rows (.card.cf-row:
   renderCreatorFees' row, its inline styles moved here), buttons (.btn.btn-primary) and EdgeRewards' .rw block. These
   rules only lay out what basic-earn.js draws; the look is the dashboard's. Section labels are .rw .lbl's. ══ */
.bxr-sec { margin: 0 0 24px; }
.bxr-h { font: 400 9.5px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; color: #777; margin: 2px 0 10px; }
.bxr-sec .dclaim { margin-bottom: 10px; }
.bxr-sec .rw.bxr-none { margin-bottom: 10px; }
.bxr-row { display: flex; align-items: center; gap: 14px; padding: 12px 16px; margin-bottom: 8px; border-radius: 10px; }
.bxr-coin { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; text-decoration: none; color: inherit; }
.bxr-txt { min-width: 0; flex: 1; }
.bxr-name { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; flex-wrap: wrap; }
.bxr-name b { font: 600 13px 'Inter', system-ui, sans-serif; color: #e8e8e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bxr-name span { font: 400 10px 'JetBrains Mono', ui-monospace, monospace; color: #777; }
.bxr-name i { font: 400 8.5px 'JetBrains Mono', ui-monospace, monospace; font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: #777;
  border: 1px solid rgba(255,255,255,.1); border-radius: 4px; padding: 1px 5px; }
.bxr-stats { font: 400 10px 'JetBrains Mono', ui-monospace, monospace; color: #777; display: flex; gap: 6px 14px; flex-wrap: wrap; }
.bxr-v { color: #e8e8e8; }
.bxr-go { color: #4ade4a; }
.bxr-tek, .bxr-sec.bxr-tek .bxr-h { color: #2E86FF; }
.bxr-row .btn, .bxr-sec .dclaim-a .btn { white-space: nowrap; }
.bxr-cell { flex: none; }
/* Tek's claim block wears Tek blue when there is something to claim (renderTekFees' own inline colours) */
.bxr-sec.bxr-tek .dclaim:not(.idle) { border-color: rgba(46,134,255,.3); background: linear-gradient(100deg,rgba(46,134,255,.075),transparent 68%), linear-gradient(168deg,#131318,#0b0b0e 64%); }
.bxr-sec.bxr-tek .dclaim:not(.idle) .dclaim-val { color: #2E86FF; }
.bxr-empty { font: 400 12px 'JetBrains Mono', ui-monospace, monospace; color: #777; padding: 14px 2px; }
.bxr-more { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.bxr-way { display: block; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; cursor: pointer;
  background: linear-gradient(168deg,#131318,#0b0b0e 64%); color: #e8e8e8; font-family: 'Inter', system-ui, sans-serif; transition: border-color .15s; }
.bxr-way:hover { border-color: rgba(255,255,255,.18); }
.bxr-way b { display: block; font-size: 13px; font-weight: 600; color: #fff; }
.bxr-way small { display: block; font-size: 11.5px; color: #a7b0a9; margin-top: 2px; }
html[data-ux="basic"] #bxEarnLine { margin: 0 0 12px; }
@media (max-width: 640px) {
  .bxr-row { padding: 12px; gap: 10px; }
  .bxr-coin { gap: 10px; }
}

/* BASICPOLISH (23 Oct): the launch page's "Your token" card (#lxDock, launch-fx.css) is placed for a page with no side
   menu, so with Basic's 240 px menu pinned it sat on the form (over step 3 and the Identity card's edge at 1440).
   It keeps its rail, measured from the page beside the menu; below 1400 px the form column gives up the room the card
   needs (740 px wide at 1440, 678 at 1280). */
@media (min-width:1000px) {
  html[data-ux="basic"].bx-n1:not(.bx-unpinned) #lxDock { right: max(24px, calc((100vw - 240px - 1092px) / 2)); }
}
@media (min-width:1000px) and (max-width:1399px) {
  html[data-ux="basic"].bx-n1:not(.bx-unpinned) .page > *:not(#successScreen):not(#lxDock) { max-width: min(740px, calc(100vw - 240px - 290px - 72px)); }
}

/* BASICPOLISH (founder 23 Oct): the folded bar never shows Communities (a sub-row has no icon, so it drew as a bare block);
   the widened menu shows it under Social while you are on Social (basic-mode.js groupsHtml) */
html.bx-side.bx-mhidden:not(.bx-open) #bxMenu .bx-mrow.bx-msub { display: none !important; }

/* BASICPOLISH (founder 23 Oct, 15:08: "in advanced mode, the only difference should be the number of options in the left
   menu, we no longer need the burger icon in the top bar at all"): wherever the side menu runs on a desktop (both views)
   the bar has no burger grid and no dropdown; the dropdown stays in the DOM (the menu borrows its head, Support, Disconnect) */
@media (min-width: 641px) {
  html.bx-side #pwTrigger #ioburger,
  html.bx-side #pwTrigger .pw-dropdown { display: none !important; }
}
/* the View row shows only in the opened menu (pinned or widened), never in the folded bar */
html.bx-side.bx-mhidden:not(.bx-open) #bxMenu .bx-uxrow { display: none !important; }
/* the coin page now docks the pinned menu at every width (above): its header loses 240 px, so up to 1519 px (under 1280 px
   of page) its token buttons take the compact form the header already uses at 1100-1279 px (icons, words in the title) */
@media (min-width: 1100px) and (max-width: 1519px) {
  html.bx-side:not(.bx-unpinned) body .lwrap > .thdr { column-gap: 12px; }
  html.bx-side:not(.bx-unpinned) body .lwrap > .thdr .ts { min-width: 58px; padding: 2px 12px 2px 11px; }
  html.bx-side:not(.bx-unpinned) body .lwrap > .thdr .shield-btn { width: 28px; padding: 0; gap: 0; }
  html.bx-side:not(.bx-unpinned) body .lwrap > .thdr .shield-btn .sb-t { display: none; }
}
/* BASICPOLISH (mainnet port): beside the pinned menu (641-1279 px) the old hero's column is narrow enough that its title
   takes three lines; the hero was a fixed 300 px with its overflow hidden, so the title's top and HOW IT WORKS were cut.
   There it grows to fit what it holds (300 px at least). */
@media (min-width: 641px) and (max-width: 1279px) {
  html.bx-side:not(.bx-unpinned) .hero { height: auto; min-height: 300px; }
  html.bx-side:not(.bx-unpinned) .hero-content { min-height: 300px; padding-top: 26px; padding-bottom: 26px; box-sizing: border-box; }
}

/* MENUICONS (founder 23 Oct, on a MacBook: "still a couple gaps not quite even"): the coin page beside the side menu
   keeps the menu's own 10 px as its one gutter: menu to chart, chart to trade panel, panel to the page edge, and the
   top (10 px under the bar, as the menu). It was 8 px (#main's own padding and gap). Social: social-cols.css. */
@media (min-width: 641px) {
  html.bx-side body > #main.main:has(> .rpanel) { padding: 10px 10px 0; gap: 10px; }
  /* the dashboard's panels, home's rails and grid, the Seasons page: their own 24 / 28 px became the same 10 */
  html.bx-side .shell > .content > .panel-wrap { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
  html.bx-side body > .trending-wrap, html.bx-side body > .main:not(:has(> .rpanel)) { padding-left: 10px; padding-right: 10px; }
  html.bx-side body > main#sp.sp { padding-left: 10px; padding-right: 10px; margin-top: -10px; }   /* its top at the menu's, not 20 px under the bar */
}