/* NexumBit m8 — native-app layer for phones (<=600px). Spec: research/MOBILE-NATIVE-SPEC.md
   All rules are scoped to body.m8 inside the media query so desktop/tablet is untouched. */
.m8-lt,.m8-tbar-title,#m8-dash{display:none}
@media (max-width:600px){
body.m8{
  --m8-bg:#0B0918; --m8-s1:#151127; --m8-s2:#1C1733; --m8-s3:#251F40;
  --m8-sep:rgba(255,255,255,.07); --m8-fg:#F4F1EA; --m8-fg2:rgba(244,241,234,.66); --m8-fg3:rgba(244,241,234,.44);
  --m8-vio:#A78BFA; --m8-act:#FF8A1F; --m8-ok:#34D399; --m8-bad:#F87171;
  --m8-r:16px; --m8-r2:12px; --m8-g:16px;
  --m8-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,sans-serif;
  --m8-tab:calc(56px + env(safe-area-inset-bottom));
  background:var(--m8-bg)!important; font-family:var(--m8-font)!important; -webkit-font-smoothing:antialiased;
}
body.m8 *{-webkit-tap-highlight-color:transparent}
body.m8 .view{padding:0 var(--m8-g) calc(var(--m8-tab) + 24px)!important;max-width:none!important}
body.m8 .site-footer,body.m8 .hx-art,body.m8 .site-footer__glow{display:none!important}
body.m8 main,body.m8 .main,body.m8 .container{padding-left:0!important;padding-right:0!important;max-width:none!important}

/* ---------- top bar: 44 + safe area ---------- */
body.m8 .header{background:rgba(11,9,24,.82)!important;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border-bottom:.5px solid transparent!important;transition:border-color .2s}
body.m8.m8-collapsed .header{border-bottom-color:var(--m8-sep)!important}
body.m8 .header-inner{position:relative;height:44px!important;min-height:44px!important;padding:0 8px 0 var(--m8-g)!important;padding-top:env(safe-area-inset-top)!important}
body.m8 .brand-name{display:none!important}
body.m8 .brand svg{width:28px!important;height:28px!important}
body.m8 .header-actions{gap:4px!important}
body.m8 #backend-status{display:none!important}
body.m8 #wallet-btn{height:32px!important;min-height:32px!important;padding:0 12px!important;border-radius:999px!important;background:var(--m8-s2)!important;color:var(--m8-fg)!important;border:0!important;box-shadow:none!important;font:600 15px/1 var(--m8-font)!important;position:relative}
body.m8 #wallet-btn::after{content:"";position:absolute;inset:-6px -2px}
body.m8 #wallet-btn-icon{display:none!important}
body.m8 .mx-gear{width:36px!important;height:36px!important;min-height:36px!important;border:0!important;background:none!important;position:relative}
body.m8 .mx-gear::after{content:"";position:absolute;inset:-4px}
body.m8 .mx-gear svg{width:22px;height:22px}
body.m8 #rx-sec-btn{display:none!important}
.m8-tbar-title{position:absolute;left:96px;right:96px;bottom:0;height:44px;display:flex!important;align-items:center;justify-content:center;font:600 17px/1 var(--m8-font);color:var(--m8-fg);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.m8) .m8-tbar-title{display:none!important}
body.m8.m8-collapsed .m8-tbar-title{opacity:1;transform:none}

/* ---------- large title 34 ---------- */
body.m8 .m8-lt{display:flex;align-items:center;gap:10px;margin:8px 0 16px;font:700 34px/41px var(--m8-font);letter-spacing:-.4px;color:var(--m8-fg)}
.m8-live{width:8px;height:8px;border-radius:50%;background:var(--m8-fg3)}
.m8-live.is-live{background:var(--m8-ok);box-shadow:0 0 0 4px rgba(52,211,153,.16)}
body.m8 #home-title,body.m8 #activity-title,body.m8 .activity-hero-sub,body.m8 #lend-title,body.m8 .lend-lead,body.m8 #history-title,body.m8 .view-header.history-header,body.m8 .nb-ticket-head,body.m8 #view-orders .activity-hub-hero>div:first-child{display:none!important}

/* ---------- tab bar 49 + safe area ---------- */
body.m8 .mx-tabbar{height:var(--m8-tab)!important;padding:4px 4px env(safe-area-inset-bottom)!important;background:rgba(11,9,24,.88)!important;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border-top:.5px solid var(--m8-sep)!important;box-shadow:none!important}
body.m8 .mx-tab{min-height:48px!important;gap:3px!important;color:var(--m8-fg3)!important;background:none!important}
body.m8 .mx-tab__ic{width:auto!important;height:auto!important;padding:0!important;background:none!important;border-radius:0!important}
body.m8 .mx-tab__ic svg{width:24px!important;height:24px!important}
body.m8 .mx-tab__l{font:600 10px/12px var(--m8-font)!important;letter-spacing:.1px}
body.m8 .mx-tab[aria-current=page],body.m8 .mx-tab.is-active,body.m8 .mx-tab.active{color:var(--m8-vio)!important}

/* ---------- press feedback, transitions, skeletons ---------- */
body.m8 button:not(:disabled):active,body.m8 .m8-act:active,body.m8 a.wp-sheet__opt:active{transform:scale(.97);transition:transform .09s}
body.m8 .view.m8-enter{animation:m8In .22s cubic-bezier(.2,.8,.2,1)}
@keyframes m8In{from{opacity:0;transform:translateY(12px)}}
.m8-sk{display:inline-block;height:16px;border-radius:6px;background:linear-gradient(90deg,var(--m8-s2) 0,var(--m8-s3) 50%,var(--m8-s2) 100%);background-size:200% 100%;animation:m8Sk 1.2s linear infinite;vertical-align:middle}
.m8-sk--num{width:180px;height:40px;border-radius:10px}
@keyframes m8Sk{to{background-position:-200% 0}}
body.m8 .section-load__veil{background:var(--m8-bg)!important}

/* ================= HOME (dashboard) ================= */
body.m8 #view-docs .hm{padding:0!important;gap:0!important;display:block!important}
body.m8 #view-docs .hm-hero{display:block!important;padding:0!important;min-height:0!important;margin:0!important;background:none!important;border:0!important}
body.m8 #view-docs .hm-hero__copy>h1,body.m8 #view-docs .hm-lead,body.m8 #view-docs .hm-hero .home-actions{display:none!important}
body.m8 #view-docs .hm-door--swap,body.m8 #view-docs .hm-flow,body.m8 #view-docs .hm-acct,body.m8 #view-docs .hm-cmp,body.m8 #view-docs .hm-faq,body.m8 #view-docs .hm-close{display:none!important}
body.m8 #view-docs .hm-doors{display:block!important;padding:0 0 8px!important}
body.m8 #m8-dash{display:block;padding:8px 20px 0}
.m8-intro{position:relative;margin:0 0 16px;padding:16px 16px 14px;border-radius:var(--m8-r);background:linear-gradient(135deg,rgba(167,139,250,.20),rgba(167,139,250,.06));}
.m8-intro[hidden]{display:none}
.m8-intro__t{margin:0;font:700 22px/28px var(--m8-font);color:var(--m8-fg);letter-spacing:-.3px}
.m8-intro__t span:last-child{color:var(--m8-act)}
.m8-intro__b{margin:6px 0 12px;font:400 15px/20px var(--m8-font);color:var(--m8-fg2)}
.m8-intro__x{height:36px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:var(--m8-fg);font:600 15px/1 var(--m8-font)}
.m8-rate{position:relative;overflow:hidden;padding:4px 0 20px}
.m8-rate::before{content:"";position:absolute;right:-60px;top:-50px;width:220px;height:220px;background:radial-gradient(closest-side,rgba(167,139,250,.22),transparent);pointer-events:none}
.m8-rate__k{display:flex;align-items:center;gap:8px;margin:0;font:500 15px/20px var(--m8-font);color:var(--m8-fg2)}
.m8-pair{display:inline-flex}.m8-pair img{border-radius:50%;box-shadow:0 0 0 2px var(--m8-bg)}.m8-pair img+img{margin-left:-6px}
.m8-rate__v{margin:6px 0 4px;min-height:48px;display:flex;align-items:baseline;gap:6px}
.m8-rate__v b{font:700 40px/48px var(--m8-font);letter-spacing:-.8px;color:var(--m8-fg);font-variant-numeric:tabular-nums}
.m8-rate__v b.is-na{color:var(--m8-fg3)}
.m8-rate__v small{font:600 17px/1 var(--m8-font);color:var(--m8-fg2)}
.m8-rate__s{margin:0;font:400 13px/18px var(--m8-font);color:var(--m8-fg3)}
.m8-rate__s.is-stale{color:#FBBF24}
.m8-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 24px}
.m8-act{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:76px;padding:0;border:0;background:none;color:var(--m8-fg);font:500 13px/16px var(--m8-font);cursor:pointer}
.m8-act__ic{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--m8-s2)}
.m8-act:first-child .m8-act__ic{background:var(--m8-act);color:#1A0E00}
.m8-act__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* markets: grouped list */
body.m8 #view-docs .hm-book{margin:0 0 24px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;position:static!important;width:auto!important;transform:none!important}
body.m8 #view-docs .hm-book__head{margin:0 0 8px!important;padding:0!important}
body.m8 #view-docs .hm-book__head h2,body.m8 .m8-h{font:700 22px/28px var(--m8-font)!important;letter-spacing:-.3px;color:var(--m8-fg)!important;margin:0!important;text-transform:none!important}
body.m8 #view-docs .hm-mkts{margin:0 0 24px!important;padding:0 16px!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;border:0!important;list-style:none}
body.m8 #view-docs .hm-mkt{min-height:64px;padding:12px 0!important;border:0!important;border-bottom:.5px solid var(--m8-sep)!important;background:none!important;border-radius:0!important;margin:0!important;gap:12px!important}
body.m8 #view-docs .hm-mkt:last-child{border-bottom:0!important}
body.m8 #view-docs .hm-mkt__icons img{width:32px!important;height:32px!important}
body.m8 #view-docs .hm-mkt b,body.m8 #view-docs .hm-mkt strong{font:600 17px/22px var(--m8-font)!important}
body.m8 #view-docs .hm-mkt small,body.m8 #view-docs .hm-mkt em,body.m8 #view-docs .hm-mkt p{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important}
body.m8 #view-docs .hm-book__stats{display:block!important;margin:0 0 16px!important;padding:0 16px!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;border:0!important}
body.m8 #view-docs .hm-book__stats>div{display:flex!important;justify-content:space-between;align-items:center;min-height:52px;border:0!important;border-bottom:.5px solid var(--m8-sep)!important;padding:0!important;background:none!important}
body.m8 #view-docs .hm-book__stats>div:last-child{border-bottom:0!important}
body.m8 #view-docs .hm-book__stats dt{font:400 17px/22px var(--m8-font)!important;color:var(--m8-fg)!important;text-transform:none!important;letter-spacing:0!important}
body.m8 #view-docs .hm-book__stats dd{margin:0!important;font:400 17px/22px var(--m8-font)!important;color:var(--m8-fg2)!important;font-variant-numeric:tabular-nums}
body.m8 #view-docs .hm-book>.rx-btn{display:none!important}
body.m8 #view-docs .hm-door--borrow{margin:0 0 24px!important;padding:20px 16px!important;border:0!important;border-radius:16px!important;background:var(--m8-s1)!important;box-shadow:none!important}
body.m8 #view-docs .hm-door--borrow h2{font:600 22px/1.2 var(--m8-font)!important}
body.m8 #view-docs .hm-door--borrow .rx-btn{width:100%;min-height:52px}
/* ledger strip inside the dashboard */
body.m8 #m8-dash .rx-ledger{margin:0 0 24px;max-width:none;padding:16px;border-radius:var(--m8-r);background:var(--m8-s1)}
body.m8 #m8-dash .rx-ledger__head{margin-bottom:12px}
body.m8 #view-docs #m8-dash .rx-ledger .rx-ledger__head h2{font:600 17px/22px var(--m8-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--m8-fg)!important}
body.m8 #m8-dash .rx-ledger__head span{font:400 13px/18px var(--m8-font)}
body.m8 #m8-dash .rx-ledger__last{font:400 13px/18px var(--m8-font);color:var(--m8-fg2)}

/* ================= SWAP ================= */
body.m8 #view-swap .nb-product-shell{padding:0!important;gap:0!important}
body.m8 #view-swap .nb-bridge-mode,body.m8 #view-lend .lend-door{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px!important;height:36px;padding:2px!important;margin:0 0 16px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;width:100%!important;box-shadow:none!important}
body.m8 #view-swap .nb-mode-btn,body.m8 #view-lend .lend-door button{min-height:32px!important;height:32px!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:none!important;color:var(--m8-fg2)!important;font:600 13px/1 var(--m8-font)!important;box-shadow:none!important;position:relative}
body.m8 #view-swap .nb-mode-btn::after,body.m8 #view-lend .lend-door button::after{content:"";position:absolute;inset:-6px 0}
body.m8 #view-swap .nb-mode-btn.active,body.m8 #view-lend .lend-door button.active,body.m8 #view-lend .lend-door button[aria-pressed=true],body.m8 #view-lend .lend-door button.is-on{background:var(--m8-s3)!important;color:var(--m8-fg)!important;box-shadow:0 3px 8px rgba(0,0,0,.25)!important}
body.m8 #view-swap .nb-bridge-grid{display:block!important;gap:0!important}
body.m8 #view-swap .swap-card{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
body.m8 #view-swap .swap-card::before,body.m8 #view-swap .swap-card::after{display:none!important}
body.m8 #view-swap .swap-panels{position:relative;display:grid!important;gap:4px!important;margin:0 0 12px!important}
body.m8 #view-swap .swap-panel{padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important;min-height:0!important}
body.m8 #view-swap .swap-panel:focus-within{background:var(--m8-s2)!important;box-shadow:none!important;outline:0!important}
body.m8 #view-swap .swap-panel-label{font:500 15px/20px var(--m8-font)!important;color:var(--m8-fg2)!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 4px!important}
body.m8 #view-swap .swap-est,body.m8 #view-swap .swap-panel-label .rx-src{font:400 13px/1 var(--m8-font)!important;color:var(--m8-fg3)!important}
body.m8 #view-swap .swap-amount,body.m8 #view-swap #rx-recv-net{font:600 44px/52px var(--m8-font)!important;letter-spacing:-1px!important;height:52px!important;padding:0!important;color:var(--m8-fg)!important;font-variant-numeric:tabular-nums}
body.m8 #view-swap #recv-amount{color:var(--m8-fg2)!important}
body.m8 #view-swap .chain-picker-trigger{height:40px!important;min-height:40px!important;padding:0 10px 0 6px!important;border:0!important;border-radius:999px!important;background:var(--m8-s3)!important;font:600 17px/1 var(--m8-font)!important;box-shadow:none!important}
body.m8 #view-swap .chain-picker-logo img,body.m8 #view-swap .chain-picker-logo{width:28px!important;height:28px!important}
body.m8 #view-swap .swap-direction-btn{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:40px!important;height:40px!important;margin:0!important;border-radius:12px!important;border:4px solid var(--m8-bg)!important;background:var(--m8-s2)!important;z-index:2}
body.m8 #view-swap .swap-direction-btn:active{transform:translate(-50%,-50%) scale(.92)!important}
body.m8 #view-swap .rx-fiat{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important;margin-top:4px!important}
body.m8 #view-swap .rx-chips{margin-top:8px}
body.m8 #view-swap .rx-chips button{height:32px!important;min-width:48px;border:0!important;background:var(--m8-s3)!important;font:600 13px/1 var(--m8-font)!important;position:relative}
body.m8 #view-swap .rx-chips button::after{content:"";position:absolute;inset:-6px -2px}
body.m8 #view-swap .rx-chips__bal{font:400 13px/18px var(--m8-font)!important}
/* quote row: one grouped row */
body.m8 #view-swap .rx-quote{margin:0 0 24px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important}
body.m8 #view-swap .rx-quote__bar{min-height:52px!important;padding:0 16px!important}
body.m8 #view-swap .rx-quote__rate,body.m8 #view-swap #rx-quote-rate-txt{font:600 15px/20px var(--m8-font)!important}
body.m8 #view-swap .rx-quote dl div,body.m8 #view-swap #rx-quote-rows>div{font:400 15px/20px var(--m8-font)!important;min-height:44px}
body.m8 #view-swap .rx-quote dd{font-family:var(--m8-font)!important;font-variant-numeric:tabular-nums}
/* details group: address, slippage, terms */
body.m8 #view-swap .claim-addr-row,body.m8 #view-swap .nb-swap-fields,body.m8 #view-swap .swap-advanced,body.m8 #view-swap .swap-terms{margin:0 0 12px!important;padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important}
body.m8 #view-swap .claim-addr-label,body.m8 #view-swap .nb-swap-fields label,body.m8 #view-swap .swap-advanced summary{font:600 15px/20px var(--m8-font)!important;color:var(--m8-fg)!important;text-transform:none!important;letter-spacing:0!important}
body.m8 #view-swap .claim-addr-field{height:48px!important;margin-top:8px!important;border-radius:var(--m8-r2)!important;background:var(--m8-s2)!important;border:0!important;font:400 16px/1 var(--m8-font)!important;padding:0 14px!important}
body.m8 #view-swap .claim-addr-hint,body.m8 #view-swap .nb-field-note,body.m8 #view-swap .nb-swap-fields p{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important;margin-top:8px!important}
body.m8 #view-swap .swap-terms-label{font:400 15px/20px var(--m8-font)!important;color:var(--m8-fg2)!important;gap:12px!important;align-items:flex-start}
body.m8 #view-swap .swap-terms-label input{width:22px!important;height:22px!important;flex:none;margin-top:0!important;accent-color:var(--m8-act)}
body.m8 #view-swap #rx-size-help{margin:-4px 0 16px!important;font:400 13px/18px var(--m8-font)!important}
/* sticky primary CTA above the tab bar */
body.m8 #create-btn,body.m8 #escrow-continue{position:fixed!important;left:var(--m8-g)!important;right:var(--m8-g)!important;bottom:calc(var(--m8-tab) + 12px)!important;width:auto!important;z-index:40;height:52px!important;min-height:52px!important;margin:0!important;border-radius:14px!important;font:600 17px/1 var(--m8-font)!important;box-shadow:0 -20px 24px 4px var(--m8-bg),0 8px 24px rgba(255,138,31,.25)!important}
body.m8 #view-swap,body.m8 #view-lend{padding-bottom:calc(var(--m8-tab) + 96px)!important}
body.m8 #view-swap .nb-market-context,body.m8 #view-swap .nb-deal-room{margin-top:24px!important}
body.m8 #view-swap .nb-context-block,body.m8 #view-swap .nb-deal-room{padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important}
body.m8 #view-swap .nb-context-block h3,body.m8 #view-swap .nb-deal-room-head{font:600 17px/22px var(--m8-font)!important}
body.m8 #view-swap .nb-deal-room-head{min-height:44px}

/* ================= BOOK ================= */
body.m8 #view-orders .activity-view{padding:0!important;gap:16px!important}
body.m8 #view-orders .activity-hub-hero{padding:0!important;margin:0!important;display:block!important}
body.m8 #view-orders .activity-hub-pulse{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;padding:12px 0!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important;margin:0!important;width:100%!important}
body.m8 #view-orders .activity-hub-pulse-item{padding:0 16px!important;border:0!important;border-left:.5px solid var(--m8-sep)!important;background:none!important;min-height:0!important}
body.m8 #view-orders .activity-hub-pulse-item:first-child{border-left:0!important}
body.m8 #view-orders .activity-hub-pulse-item *{font-family:var(--m8-font)!important}
body.m8 #view-orders .activity-hub-pulse-item .activity-hub-pulse-lbl{font:400 13px/18px var(--m8-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--m8-fg3)!important}
body.m8 #view-orders .activity-hub-pulse-item{display:flex!important;flex-direction:column-reverse;gap:2px}
body.m8 #view-orders .activity-hub-pulse-item .activity-hub-pulse-val{color:var(--m8-fg)!important;font:600 22px/28px var(--m8-font)!important}
body.m8 #view-orders .rx-btabs{position:sticky;top:44px;margin:0!important;height:36px;padding:2px!important;border:0!important;border-radius:10px!important;background:rgba(36,30,62,.92)!important}
body.m8 #view-orders .rx-btabs button{min-height:32px!important;height:32px;font:600 13px/1 var(--m8-font)!important;border-radius:8px!important}
body.m8 #view-orders .rx-btabs button::after{content:"";position:absolute;inset:-6px 0}
body.m8 #view-orders .rx-btabs__ink{top:2px;bottom:2px;left:2px;width:calc((100% - 4px)/3);border-radius:8px;background:var(--m8-s3);box-shadow:0 3px 8px rgba(0,0,0,.25)}
body.m8 #view-orders .book-chart-hero{padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important}
body.m8 #view-orders .book-chart-hero::before,body.m8 #view-orders .book-chart-hero::after{display:none!important}
body.m8 #view-orders #book-chart-last{font:700 28px/34px var(--m8-font)!important;letter-spacing:-.4px}
body.m8 #view-orders #book-chart-note{font:400 13px/18px var(--m8-font)!important}
body.m8 #view-orders .book-chart-ranges,body.m8 #view-orders .book-chart-kind{height:32px;padding:2px!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important}
body.m8 #view-orders .book-chart-ranges button,body.m8 #view-orders .book-chart-kind button,body.m8 #view-orders #book-chart-dots-toggle{min-height:28px!important;height:28px!important;font:600 13px/1 var(--m8-font)!important;border-radius:7px!important;position:relative}
body.m8 #view-orders .book-chart-ranges button::after,body.m8 #view-orders .book-chart-kind button::after,body.m8 #view-orders #book-chart-dots-toggle::after{content:"";position:absolute;inset:-8px -2px}
body.m8 #view-orders .book-chart-dot span{width:6px!important;height:6px!important;box-shadow:0 0 0 1.5px #151127!important}
/* depth as list */
body.m8 #rx-ladder{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.m8 #rx-ladder .activity-section-heading{font:700 22px/28px var(--m8-font)!important;letter-spacing:-.3px;text-transform:none!important}
body.m8 #rx-ladder .rx-lad__meta{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important}
body.m8 #rx-ladder .rx-lad__k{font:600 15px/20px var(--m8-font)!important;margin:16px 0 8px!important}
body.m8 #rx-ladder .rx-lad__list{padding:0 16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important}
body.m8 #rx-ladder .rx-lad__head{min-height:36px;font:400 13px/18px var(--m8-font)!important;text-transform:none!important;color:var(--m8-fg3)!important;border-bottom:.5px solid var(--m8-sep)}
body.m8 #rx-ladder .rx-lad__row{min-height:48px;align-items:center;font:500 15px/20px var(--m8-font)!important;font-variant-numeric:tabular-nums;border-bottom:.5px solid var(--m8-sep);margin:0 -16px!important;padding:0 16px!important}
body.m8 #rx-ladder .rx-lad__row:last-child{border-bottom:0}
body.m8 #rx-ladder .rx-lad__row span{font-family:var(--m8-font)!important}
/* chips + toolbar + offers */
body.m8 #view-orders .activity-hub-chain-strip{margin:0!important;gap:8px!important}
body.m8 #view-orders .activity-hub-chain-tile{height:36px!important;min-height:36px!important;border:0!important;background:var(--m8-s1)!important;font:600 15px/1 var(--m8-font)!important}
body.m8 #view-orders .activity-hub-chain-tile.active{background:var(--m8-s3)!important;color:var(--m8-fg)!important;box-shadow:none!important}
body.m8 #view-orders .activity-hub-toolbar{padding:0!important;border:0!important;background:none!important}
body.m8 #view-orders .arc-compact,body.m8 #view-orders .activity-hub-route-market>*{border-radius:var(--m8-r)!important}
body.m8 #view-orders .activity-completions{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.m8 #view-orders .activity-section-head h2,body.m8 #view-orders .activity-section-head h3{font:700 22px/28px var(--m8-font)!important;text-transform:none!important;letter-spacing:-.3px}
body.m8 #view-orders .activity-completions-list{padding:0 16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important}

/* ================= LOANS ================= */
body.m8 #view-lend .lend-wrap{padding:0!important;gap:16px!important;display:flex!important;flex-direction:column}
body.m8 #view-lend .lend-hero{display:none!important}
body.m8 #view-lend .lend-panel,body.m8 #view-lend .escrow-card{padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important;margin:0!important}
body.m8 #view-lend .lend-how{order:9;padding:0 16px!important}
body.m8 #view-lend .lend-how-bar{min-height:52px;display:flex!important;align-items:center;justify-content:space-between;cursor:pointer}
body.m8 #view-lend .lend-how-bar::after{content:"";width:8px;height:8px;border-right:2px solid var(--m8-fg3);border-bottom:2px solid var(--m8-fg3);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
body.m8 #view-lend .lend-how.m8-open .lend-how-bar::after{transform:rotate(-135deg)}
body.m8 #view-lend .lend-how:not(.m8-open) .lend-how-track{display:none!important}
body.m8 #view-lend .lend-how-track{padding-bottom:16px}
body.m8 #view-lend .lend-panel-title{font:600 17px/22px var(--m8-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--m8-fg)!important}
body.m8 #view-lend .lend-desk-main{display:flex!important;flex-direction:column;gap:16px}
body.m8 #view-lend .lend-market{min-height:60px;border:0!important;border-bottom:.5px solid var(--m8-sep)!important;border-radius:0!important;background:none!important;padding:8px 0!important}
body.m8 #view-lend .lend-market:last-child{border-bottom:0!important}
body.m8 #view-lend .lend-market.is-on{color:var(--m8-fg)!important}
body.m8 #view-lend .lend-compose-head h3,body.m8 #view-lend .lend-compose-head h2{font:700 22px/28px var(--m8-font)!important;letter-spacing:-.3px}
body.m8 #view-lend .lend-hero-amount{padding:16px!important;border:0!important;border-radius:var(--m8-r2)!important;background:var(--m8-s2)!important}
body.m8 #view-lend .lend-hero-amount input{font:600 44px/52px var(--m8-font)!important;letter-spacing:-1px;height:52px!important}
body.m8 #view-lend .lend-term{height:36px;padding:2px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important}
body.m8 #view-lend .lend-term button{min-height:32px!important;height:32px!important;font:600 13px/1 var(--m8-font)!important;border-radius:8px!important;position:relative}
body.m8 #view-lend .lend-term button::after{content:"";position:absolute;inset:-6px 0}
body.m8 #view-lend .lend-summary,body.m8 #view-lend .lend-health,body.m8 #view-lend .nb-maker-group{border:0!important;border-radius:var(--m8-r2)!important;background:var(--m8-s2)!important;box-shadow:none!important}
body.m8 #view-lend .nb-field-note,body.m8 #view-lend .escrow-trust{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important}
body.m8 #view-lend .escrow-trust{order:10;padding:0 4px!important;border:0!important;background:none!important}

/* ================= ACTIVITY ================= */
body.m8 #view-history .history-body{padding:0!important}
body.m8 #view-history .hist-card{padding:16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;box-shadow:none!important;margin:0 0 12px!important}
body.m8 #view-history .hist-card>*{font-family:var(--m8-font)}
body.m8 #view-history .pos-pair{font:600 17px/22px var(--m8-font)!important}
body.m8 #view-history .hist-status{font:600 13px/1 var(--m8-font)!important}
body.m8 #view-history .hist-amounts,body.m8 #view-history .hist-card p{font:400 15px/20px var(--m8-font)!important}
body.m8 #view-history .hist-card [class*=leg],body.m8 #view-history .hist-card .modal-note,body.m8 #view-history .pos-legs>*{border:0!important;background:var(--m8-s2)!important;border-radius:var(--m8-r2)!important}
body.m8 #view-history .hist-action-btn{min-height:44px!important;border-radius:12px!important;font:600 15px/1 var(--m8-font)!important}
body.m8 #view-history [class*=summary],body.m8 #view-history .nb-pos-sum{border-radius:var(--m8-r)!important;border:0!important;background:var(--m8-s1)!important}
body.m8 #view-history .empty-state{padding:32px 16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s1)!important;font:400 15px/20px var(--m8-font)!important}
body.m8 .rx-action{width:auto!important;margin:8px 0 16px!important;border-radius:var(--m8-r)!important;padding:12px 12px 12px 16px!important;font:400 15px/20px var(--m8-font)!important}
body.m8 .rx-action .rx-btn{height:36px!important;min-height:36px!important;border-radius:999px!important}
body.m8 main>.rx-action{margin:8px var(--m8-g) 0!important}

/* ================= SHEETS (wallet, review, security, settings, filters) ================= */
body.m8 .rx-sheet,body.m8 .mx-sheet,body.m8 #picker-overlay .picker-card,body.m8 dialog#rx-sec,body.m8 #rx-sec{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:92vh!important;margin:0!important;border:0!important;border-radius:20px 20px 0 0!important;background:var(--m8-s1)!important;box-shadow:0 -12px 40px rgba(0,0,0,.45)!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;font-family:var(--m8-font)!important}
body.m8 #picker-overlay{align-items:flex-end!important;padding:0!important}
body.m8 #picker-overlay .picker-card{position:relative!important;padding-top:20px!important}
body.m8 #picker-overlay .picker-card::before{content:"";position:absolute;top:8px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgba(255,255,255,.22)}
body.m8 .rx-sheet__grab,body.m8 .mx-sheet__grab,body.m8 .rx-sec__grab{display:block!important;width:36px!important;height:5px!important;margin:8px auto 0!important;border-radius:3px!important;background:rgba(255,255,255,.22)!important}
body.m8 .rx-sheet__head,body.m8 .mx-sheet__head,body.m8 .picker-header,body.m8 .rx-sec__head{min-height:52px;padding:4px 8px 4px 20px!important;margin:0!important;display:flex;align-items:center;justify-content:space-between;border:0!important}
body.m8 .rx-sheet__head h2,body.m8 .mx-sheet__head h2,body.m8 .picker-header h3,body.m8 .rx-sec__head h2{font:600 17px/22px var(--m8-font)!important;letter-spacing:0!important;margin:0!important}
body.m8 .rx-sheet__x,body.m8 .mx-sheet__x,body.m8 .picker-close,body.m8 .rx-sec__x{width:44px!important;height:44px!important;margin:0!important;border:0!important;border-radius:50%!important;background:none!important;display:grid!important;place-items:center;color:var(--m8-fg2)!important;font-size:24px!important;box-shadow:none!important;position:relative}
body.m8 .rx-sheet__x::before,body.m8 .mx-sheet__x::before,body.m8 .picker-close::before,body.m8 .rx-sec__x::before{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
body.m8 .rx-sheet__body,body.m8 .mx-sheet__body{padding:4px 20px 8px!important}
body.m8 .rx-sheet__foot{padding:12px 20px 4px!important;grid-template-columns:1fr 2fr}
body.m8 .rx-sheet__foot .rx-btn{height:52px;border-radius:14px!important;font:600 17px/1 var(--m8-font)!important}
body.m8 .rx-rev__sigs strong{font:600 15px/20px var(--m8-font)!important}
body.m8 .rx-rev__sigs span{font:400 13px/18px var(--m8-font)!important}
body.m8 .rx-rev__rows{padding:4px 16px!important;border:0!important;background:var(--m8-s2)!important}
body.m8 .rx-rev__rows div{min-height:44px;align-items:center;padding:0!important;border-bottom:.5px solid var(--m8-sep);font:400 15px/20px var(--m8-font)!important;margin:0!important}
body.m8 .rx-rev__rows div:last-child{border-bottom:0}
body.m8 .rx-rev__rows dd{font-family:var(--m8-font)!important;font-variant-numeric:tabular-nums}
body.m8 .rx-rev__rows dt{font:400 15px/20px var(--m8-font)!important}
body.m8 .rx-rev__refund{font:400 13px/18px var(--m8-font)!important}
/* security sheet rows */
body.m8 #rx-sec{position:fixed!important;inset:auto 0 0 0!important;overflow:auto}
body.m8 .rx-sec__lead{padding:0 20px!important;font:400 15px/20px var(--m8-font)!important;color:var(--m8-fg2)!important}
body.m8 #rx-sec dl{margin:16px 20px!important;padding:0 16px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s2)!important}
body.m8 .rx-sec__row{min-height:52px;align-items:center;padding:8px 0!important;border-bottom:.5px solid var(--m8-sep)!important;font:400 15px/20px var(--m8-font)!important}
body.m8 .rx-sec__row:last-child{border-bottom:0!important}
body.m8 .rx-sec__row dt,body.m8 .rx-sec__row dd{font:400 15px/20px var(--m8-font)!important}
body.m8 #rx-sec h3{padding:0 20px!important;font:600 17px/22px var(--m8-font)!important}
body.m8 #rx-sec ol{padding:0 20px 0 40px!important;font:400 15px/20px var(--m8-font)!important}
body.m8 #rx-sec .rx-btn,body.m8 #rx-sec a.rx-btn,body.m8 #rx-sec [class*=guide]{margin-left:20px!important;margin-right:20px!important;min-height:52px!important;border-radius:14px!important;font:600 17px/1 var(--m8-font)!important}
/* wallet sheet */
body.m8 .wp-sheet__opt,body.m8 .picker-option,body.m8 #picker-overlay .wallet-option{min-height:64px!important;border:0!important;border-radius:var(--m8-r)!important;background:var(--m8-s2)!important;font:600 17px/22px var(--m8-font)!important;box-shadow:none!important}
body.m8 #picker-overlay small,body.m8 #picker-overlay .wp-sub,body.m8 #picker-overlay p{font:400 13px/18px var(--m8-font)!important}
body.m8 #picker-overlay .wp-advanced summary,body.m8 #picker-overlay .wp-advanced-link{min-height:44px;display:flex;align-items:center;justify-content:center;font:500 15px/20px var(--m8-font)!important;color:var(--m8-fg2)!important}
/* settings sheet */
body.m8 .mx-set-lang{display:block!important;padding:0 16px!important;border-radius:var(--m8-r)!important;background:var(--m8-s2)!important}
body.m8 .mx-set-lang button,body.m8 .mx-set-lang [role=option],body.m8 .mx-set-lang label{display:flex!important;align-items:center;width:100%;min-height:48px!important;padding:0!important;border:0!important;border-bottom:.5px solid var(--m8-sep)!important;border-radius:0!important;background:none!important;font:400 17px/22px var(--m8-font)!important;color:var(--m8-fg)!important;box-shadow:none!important}
body.m8 .mx-set-lang button:last-child{border-bottom:0!important}
body.m8 .mx-set-lang [aria-pressed=true],body.m8 .mx-set-lang .active,body.m8 .mx-set-lang [aria-selected=true]{color:var(--m8-vio)!important;font-weight:600!important}
body.m8 .mx-set-note{font:400 13px/18px var(--m8-font)!important;color:var(--m8-fg3)!important;padding:8px 4px 0!important}
body.m8 .mx-sheet__done{height:52px!important;border-radius:14px!important;font:600 17px/1 var(--m8-font)!important}

@media (prefers-reduced-motion:reduce){body.m8 .view.m8-enter{animation:none}.m8-sk{animation:none}.m8-tbar-title{transition:none}}
}
@media (max-width:600px){
body.m8 .mx-set-lang .lang-switch,body.m8 .mx-set-lang select{width:100%!important;max-width:none!important;height:52px!important;padding:0 4px!important;border:0!important;background-color:transparent!important;font:400 17px/22px var(--m8-font)!important;color:var(--m8-fg)!important;box-shadow:none!important}
}
@media (max-width:600px){
/* a backdrop-filter/transform on an ancestor would trap the fixed CTA */
body.m8 #view-swap .swap-card,body.m8 #view-swap .nb-bridge-grid,body.m8 #view-swap .nb-product-shell,body.m8 #view-lend .escrow-card,body.m8 #view-lend .lend-desk-main,body.m8 #view-lend .lend-wrap{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important}
body.m8 .view.m8-enter{animation:m8Fade .2s ease-out}
body.m8 .view.m8-enter>*:not(.nb-product-shell):not(.lend-wrap){animation:m8In .24s cubic-bezier(.2,.8,.2,1)}
@keyframes m8Fade{from{opacity:0}}
body.m8 .rx-sec__x{outline:0!important;box-shadow:none!important;border:0!important}
}
@media (max-width:600px){
body.m8 .mx-set-lang .lang-switch{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:0!important;height:52px!important}
body.m8 .mx-set-lang .lang-switch__label{display:block!important;font:400 17px/22px var(--m8-font)!important;color:var(--m8-fg)!important;text-transform:none!important;letter-spacing:0!important}
body.m8 .mx-set-lang select{width:auto!important;height:44px!important;text-align:right;color:var(--m8-fg2)!important;outline:0}
}
@media (max-width:600px){
body.m8 #view-docs .hm-hero::before,body.m8 #view-docs .hm-hero::after,body.m8 #view-docs .hm::before,body.m8 #view-docs .hm::after,.m8-rate::before{display:none!important}
body.m8 #view-docs .hm-hero__copy{padding:0!important;margin:0!important;min-height:0!important}
body.m8 #view-docs .hm-hero{gap:0!important;grid-template-columns:1fr!important}
body.m8 #view-docs .hm-mkt__icons{flex:none;width:52px}
body.m8 #view-docs .hm-mkt__icons img{width:30px!important;height:30px!important}
}
@media (max-width:600px){body.m8 #nb-deal-empty strong{display:none!important}}


/* prod hero pitch on mobile */
.m8-pitch{margin:0 0 16px}
.m8-pitch__k{margin:0 0 6px;font:500 12px/1.3 var(--m8-font);color:var(--m8-fg3);letter-spacing:.02em}
.m8-pitch__t{margin:0 0 10px;font:500 clamp(32px,8.6vw,42px)/1.12 var(--m8-font)!important;letter-spacing:-.03em;color:var(--m8-fg);text-wrap:balance}
.m8-pitch__b{margin:0;font:400 14px/1.45 var(--m8-font);color:var(--m8-fg2);text-wrap:pretty}

body.m8 #view-docs .m8-rate{margin:0 0 20px;padding:14px 0 0;border-top:.5px solid var(--m8-sep)}
body.m8 #view-docs .m8-rate__v b{font-size:28px!important;line-height:34px!important}
body.m8 #view-docs .hm-hero .hm-kicker{display:none!important}
body.m8 #view-docs .hx-art{opacity:.22!important}