@font-face{font-family:BinancePlex;src:url('/assets/bPlex-Regular.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:uniicons;src:url('/assets/xm-mobile-uniicons.ttf') format('truetype');font-weight:400;font-style:normal}
:root:dir(rtl) input,:root:dir(rtl) output,:root:dir(rtl) [data-symbol],:root:dir(rtl) time,:root:dir(rtl) small{direction:ltr;unicode-bidi:embed}
*{box-sizing:border-box}html:not([data-app-booted]) body{visibility:hidden}html,body,#app{margin:0;width:100%;min-height:100%;background:#000;color:#fff;font-family:BinancePlex,Arial,sans-serif}button{font:inherit}.mobile-page{min-height:100vh;background:#000}.mobile-header{height:49.2px;position:relative}.back{position:absolute;left:0;top:4.2px;width:48px;height:41.6px;padding:10px 15px;border:0;background:transparent;color:transparent;font-size:0;line-height:18px;text-align:center}.back:before{content:none;display:block;width:18px;height:18px;color:#333;font-family:uniicons;font-size:18px;font-weight:400;line-height:18px}.title{position:absolute;left:48px;top:.4px;right:0;height:49.2px;padding:15px;font-size:16px;line-height:19.2px;color:#000}.orders-link{position:absolute;right:10px;top:12px;height:26.4px;padding:5px;border:1px solid var(--brand-accent,#00F0FF);border-radius:5px;color:var(--brand-accent,#00F0FF);background:transparent;font-size:12px;line-height:14.4px;text-decoration:none}.cards{padding:15px 15px 0}.ieo-card{height:121.2px;margin:0 0 10px;padding:10px;border-radius:5px;background:#1a1b24;color:rgba(0,0,0,.9);position:relative;text-decoration:none;display:block}.card-top{height:24.4px;margin:0 0 5px;position:relative}.card-name{position:absolute;left:0;top:1.6px;color:#fff;font-size:16px;font-weight:700;line-height:19.2px}.join{position:absolute;right:0;top:0;height:24.4px;padding:5px 10px;border:0;border-radius:4px;background:var(--brand-accent,#00F0FF);color:#101625;font-size:12px;line-height:14.4px}.status{position:absolute;left:10px;top:39.4px;height:22.4px;padding:3px 5px;border:1px solid #51bc86;border-radius:4px;color:#51bc86;font-size:12px;line-height:14.4px}.status.lottery{border-color:#f59e0b;color:#f59e0b}.amount-row{position:absolute;left:10px;right:10px;top:70.8px;height:15px;display:flex;align-items:center;color:#999faa;font-size:12px;line-height:15px}.amount-row strong{font-weight:700}.amount-row .gap{display:inline-block;width:5px;flex:0 0 5px}.remaining{margin-left:auto}.progress{position:absolute;left:10px;right:10px;bottom:10px;height:15px;border-radius:8px;background:#e6e8ef;overflow:hidden}.progress-fill{height:15px;background:var(--brand-accent,#00F0FF);position:relative}.progress-label{position:absolute;right:5px;top:0;color:#000;font-size:12px;line-height:15px}.orders-page .mobile-header .title{color:#fff;text-align:center;padding-right:48px}.orders-table{padding:15px;color:#999faa;font-size:12px}.orders-row{height:38px;border-bottom:1px solid #1a1b24;display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));align-items:center;min-width:720px}.orders-scroll{overflow-x:auto}.orders-empty{text-align:center;padding-top:40px;color:#999faa}
.funds-mobile .title{color:#fff;text-align:center;padding-right:48px}.funds-mobile form{padding:24px 16px;display:grid;gap:14px}.funds-mobile label{display:grid;gap:6px;color:#999faa}.funds-mobile select,.funds-mobile input{height:42px;padding:9px;background:#1a1b24;border:1px solid #474956;border-radius:5px;color:#fff}.funds-mobile button{height:42px;border:0;border-radius:5px;background:var(--brand-accent,#00F0FF);color:#000}.funds-mobile button:disabled{opacity:.5}.funds-mobile a,.funds-mobile output{color:var(--brand-accent,#00F0FF)}

/* CURRENT_LIVE Stage 3 fixtures.  These are deliberately separate from the
   healthy funds workflow above: the live originals contain a maintenance
   transfer state and an empty/NaN exchange state. */
.stage3-mobile-live{min-height:100vh;background:#0c0716;color:#eee;font-family:Arial,"PingFang TC",sans-serif;font-size:12px;overflow:hidden}.stage3-mobile-live-header{height:48px;position:relative;display:flex;align-items:center;justify-content:center;background:#0c0716}.stage3-mobile-live-header .back{position:absolute;left:0;top:0;width:48px;height:48px;padding:0;background:transparent;color:#d9e1ec;border:0}.stage3-mobile-live-header .back-glyph{font-family:element-icons;font-size:18px;line-height:48px}.stage3-mobile-live-header h1{margin:0;color:#e6e8ef;font-size:15px;font-weight:400;line-height:48px}.live-transfer-accounts{height:120px;margin:11px 15px 0;border:1px solid #22243a;border-radius:2px;background:#0d0818;padding:14px 14px 0}.live-account-row{height:45px;position:relative;display:flex;align-items:flex-start;padding-left:21px;color:#ecedf2;font-size:13px}.live-account-row:first-child{border-bottom:1px solid #27283a}.live-account-row .account-dot{position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:#2ce8f2}.live-account-row .account-dot.pink{background:#fa507b}.live-account-row span{padding-top:7px}.live-account-row b{display:block;flex:1;height:20px;margin:2px 0 0 12px}.live-transfer-entry{margin-top:10px;padding:18px 15px 0;background:#0b0615;min-height:646px}.live-transfer-entry>label,.live-exchange-entry>label{display:block;color:#0e0a16;font-size:13px;line-height:18px}.live-amount-line{height:46px;display:flex;align-items:flex-end;border-bottom:1px solid #2a2b3a;color:#878591}.live-amount-line span{padding:0 0 10px;color:#77747e;font-size:13px}.live-amount-line button{margin:0 0 7px auto;padding:0;background:transparent;border:0;color:#d9dee9;font-size:12px}.live-rule{height:12px}.live-primary{display:block;width:100%;height:48px;border:0;border-radius:2px;background:#6ef0f5;color:#080b13;font-size:15px}.live-primary:disabled{opacity:1}.live-maintenance{width:196px;min-height:70px;margin:21px auto 0;padding:18px 18px 10px;background:rgba(44,42,55,.86);border-radius:4px;color:#f0f0f3;font:12px/18px Arial;text-align:center}.live-records{margin:10px -15px 0;padding:0 15px;position:relative}.live-records h2{margin:0;height:34px;color:#16101f;font-size:14px;line-height:34px;font-weight:400}.live-record-head{height:29px;border-bottom:1px solid #201a2a;display:grid;grid-template-columns:1.2fr 1fr .8fr;color:#17101f;font-size:12px}.live-record-head span:nth-child(2),.live-record-head span:nth-child(3){text-align:right}.live-empty{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#181120;font-size:12px}.live-empty i{width:44px;height:42px;margin-bottom:7px;position:relative;border:2px solid #242233;border-radius:4px}.live-empty i:after{content:"";position:absolute;left:8px;right:8px;top:11px;height:2px;background:#242233;box-shadow:0 8px #242233}.live-exchange-entry{margin-top:0;padding:16px 15px 0;min-height:796px;background:#0b0615}.live-exchange-pair{height:57px;display:grid;grid-template-columns:1fr 52px 1fr;gap:15px;align-items:center;margin-bottom:14px}.live-exchange-pair span{height:41px;background:#34424e;border-radius:1px}.live-exchange-pair i{height:31px;color:#2ac8d4;font-size:30px;font-style:normal;line-height:30px;text-align:center}.live-exchange-entry .live-amount-line{height:48px}.live-exchange-summary{display:grid;gap:14px;margin-top:14px;color:#161020;font-size:12px}.live-exchange-summary div{display:flex;justify-content:space-between}.live-exchange-summary b{font-weight:400;color:#17111f}.live-exchange-entry .live-primary{margin-top:66px;height:41px;font-size:14px}
@media (min-width:750px){.stage3-mobile-live{font-size:24px}.stage3-mobile-live-header{height:66px}.stage3-mobile-live-header .back{width:66px;height:66px}.stage3-mobile-live-header .back-glyph{font-size:28px;line-height:66px}.stage3-mobile-live-header h1{font-size:27px;line-height:66px}.live-transfer-accounts{height:206px;margin:9px 30px 0;padding:25px 28px 0;border-width:2px}.live-account-row{height:78px;padding-left:42px;font-size:25px}.live-account-row .account-dot{top:20px;width:15px;height:15px}.live-account-row span{padding-top:12px}.live-account-row b{height:38px;margin:3px 0 0 22px}.live-transfer-entry{margin-top:42px;padding:34px 30px 0;min-height:650px}.live-transfer-entry>label,.live-exchange-entry>label{font-size:25px;line-height:32px}.live-amount-line{height:88px;border-width:2px}.live-amount-line span{padding-bottom:18px;font-size:25px}.live-amount-line button{margin-bottom:14px;font-size:23px}.live-rule{height:20px}.live-primary{height:93px;border-radius:3px;font-size:28px}.live-maintenance{width:392px;min-height:110px;margin-top:30px;padding:23px 34px 12px;font:21px/28px Arial}.live-records{margin:20px -30px 0;padding:0 30px}.live-records h2{height:58px;font-size:25px;line-height:58px}.live-record-head{height:51px;border-width:2px;font-size:22px}.live-empty{height:260px;font-size:21px}.live-empty i{width:80px;height:76px;border-width:3px}.live-empty i:after{left:15px;right:15px;top:20px;height:3px;box-shadow:0 15px #242233}.live-exchange-entry{padding:18px 30px 0;min-height:958px}.live-exchange-pair{height:137px;grid-template-columns:1fr 104px 1fr;gap:30px;margin-bottom:27px}.live-exchange-pair span{height:81px}.live-exchange-pair i{height:62px;font-size:57px;line-height:62px}.live-exchange-entry .live-amount-line{height:92px}.live-exchange-summary{gap:27px;margin-top:27px;font-size:24px}.live-exchange-entry .live-primary{height:82px;margin-top:123px;font-size:26px}}

/* Targeted second-pass geometry for the 390px CURRENT_LIVE transfer state. */
.mobile-transfer-live{min-height:844px;background:linear-gradient(to bottom,#0c0819 0 180px,#000 180px 190px,#0c0819 190px 384px,#000 384px 394px,#0c0819 394px 816px,#000 816px)}.mobile-exchange-live{background:#0c0819}.mobile-transfer-live .live-transfer-accounts{height:106px;padding-top:8px}.mobile-transfer-live .live-account-row{height:48px}.mobile-transfer-live .account-dot{top:14px;width:6px;height:6px}.mobile-transfer-live .live-account-row span{padding-top:11px}.mobile-transfer-live .live-transfer-entry{position:relative;margin-top:14px;background:transparent}.mobile-transfer-live .live-primary{margin-top:43px}.mobile-transfer-live .live-records{margin-top:34px}.mobile-transfer-live .live-maintenance{position:absolute;z-index:2;top:207px;left:50%;width:196px;min-height:71px;margin:0;padding:12px 18px 8px;transform:translateX(-50%);background:rgba(24,22,31,.92)}.mobile-transfer-live .live-empty i{border-color:#cfcbd7}.mobile-transfer-live .live-empty i:after{background:#cfcbd7;box-shadow:0 8px #cfcbd7}.stage3-mobile-live-header .back-glyph{font-size:0;font-family:Arial!important}.stage3-mobile-live-header .back-glyph:after{content:"‹";font-size:34px;font-weight:200;line-height:45px}
.mobile-exchange-live .live-exchange-entry{padding-top:8px;background:#0c0819}.mobile-exchange-live .live-exchange-entry>label{color:#fff;font-size:16px;font-weight:600}.mobile-exchange-live .live-exchange-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:14px;color:#fff;font-size:13px}.mobile-exchange-live .live-exchange-summary div{display:flex;flex-direction:column;gap:16px}.mobile-exchange-live .live-exchange-summary div:nth-child(2){align-items:center}.mobile-exchange-live .live-exchange-summary div:nth-child(3){align-items:flex-end}.mobile-exchange-live .live-exchange-summary b{color:#fff;font-weight:400}.mobile-exchange-live .live-exchange-pair i{font-size:0;position:relative}.mobile-exchange-live .live-exchange-pair i:before,.mobile-exchange-live .live-exchange-pair i:after{content:"";position:absolute;width:24px;height:24px;border:2px solid #2ac8d4;border-left-color:transparent;border-radius:50%}.mobile-exchange-live .live-exchange-pair i:before{left:12px;top:1px}.mobile-exchange-live .live-exchange-pair i:after{right:12px;bottom:1px;transform:rotate(180deg)}.mobile-exchange-live .live-exchange-entry .live-primary{margin-top:82px}
.stage3-mobile-live-header{background:#0c0819}.stage3-mobile-live .live-primary{background:var(--brand-accent,#00F0FF)}.stage3-mobile-live .live-exchange-pair span{background:#353f49}
@media (max-width:380px){.mobile-transfer-live{min-height:812px;background:linear-gradient(to bottom,#0c0819 0 176px,#000 176px 186px,#0c0819 186px 378px,#000 378px 388px,#0c0819 388px 794px,#000 794px)}}
@media (min-width:750px){.mobile-transfer-live{min-height:1024px;background:linear-gradient(to bottom,#0c0819 0 312px,#000 312px 332px,#0c0819 332px 718px,#000 718px 738px,#0c0819 738px 896px,#000 896px)}.mobile-transfer-live .stage3-mobile-live-header h1{font-size:15px;line-height:66px}.mobile-transfer-live .stage3-mobile-live-header .back-glyph:after{font-size:20px}.mobile-transfer-live .live-transfer-accounts{height:206px;padding-top:25px}.mobile-transfer-live .live-account-row{height:78px}.mobile-transfer-live .live-account-row:first-child:after{content:"";position:absolute;left:6px;top:35px;width:2px;height:41px;background:#263042}.mobile-transfer-live .account-dot{top:20px;width:15px;height:15px}.mobile-transfer-live .live-transfer-entry{margin-top:42px}.mobile-transfer-live .live-primary{margin-top:88px}.mobile-transfer-live .live-records{margin-top:68px}.mobile-transfer-live .live-maintenance{top:159px;width:392px;min-height:48px;padding:9px 34px 6px;font:14px/18px Arial}.mobile-transfer-live .live-empty{justify-content:flex-start;padding-top:120px}}
.mobile-log-controls{display:flex;gap:10px}.mobile-log-controls select{flex:1}.mobile-log-controls button{width:86px}.mobile-record-list{display:grid;gap:10px}.mobile-record{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px;border:1px solid #353743;border-radius:6px;background:#1a1b24;color:#999faa}.mobile-record b{color:#fff}.mobile-record time,.mobile-record small{font-size:11px;color:#747987}.mobile-record small{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis}.mobile-empty{padding:28px 0;text-align:center;color:#999faa}

/* Recovered CURRENT LIVE Stage 3 glyphs and copy geometry.  These selectors
   apply only to the explicit visual fixture and leave the healthy funds UI
   untouched. */
.mobile-transfer-live .live-empty .uni-empty-glyph{width:auto;height:auto;margin:0 0 7px;border:0;border-radius:0;color:#cfcbd7;background:transparent;font-family:uniicons;font-size:44px;font-style:normal;line-height:42px}.mobile-transfer-live .live-empty .uni-empty-glyph:after{content:none}.mobile-transfer-live .live-maintenance{white-space:pre-line}.mobile-exchange-live .live-exchange-pair .uni-exchange-glyph{height:31px;color:#2ac8d4;font-family:uniicons;font-size:30px;font-style:normal;line-height:31px;text-align:center}.mobile-exchange-live .live-exchange-pair i:before,.mobile-exchange-live .live-exchange-pair i:after{content:none}
.stage3-mobile-live-header .back-glyph{display:block;position:relative;top:-.78125px;width:18px;height:18px;margin:auto;color:#fff;font-family:uniicons!important;font-size:18px!important;font-weight:400;line-height:18px}.stage3-mobile-live-header .back-glyph:after{content:none!important}.mobile-exchange-live .live-exchange-pair{margin-bottom:25px}.mobile-exchange-live .live-exchange-pair .uni-exchange-glyph{font-size:36px}.mobile-exchange-live .live-exchange-entry .live-primary{margin-top:73px}
/* CURRENT LIVE exchange fixture: these are independently measured text
   baselines, not a page-level translation. */
@media (max-width:749px){.mobile-exchange-live .stage3-mobile-live-header h1{transform:translateY(-2px)}.mobile-exchange-live .live-exchange-entry>label{transform:translateY(-2px)}.mobile-exchange-live .live-amount-line button{transform:translate(-16px,-5px)}.mobile-exchange-live .live-exchange-summary{transform:translateY(-1px)}}
@media (max-width:380px){.mobile-exchange-live .live-exchange-entry>label{font-weight:400;transform:translateY(-3px)}.mobile-exchange-live .live-amount-line{border-bottom-color:#4d5562}.mobile-exchange-live .live-amount-line button{transform:translate(-16px,-6px)}.mobile-exchange-live .live-exchange-summary{height:49px;font-size:12px;line-height:18px;transform:translateY(-3px)}.mobile-exchange-live .live-exchange-summary b{line-height:15px;transform:translateY(-2px)}.mobile-exchange-live .live-exchange-entry .live-primary{margin-top:69px;border-radius:4px}.mobile-exchange-live .live-exchange-pair .uni-exchange-glyph{color:#48d2b9}.mobile-exchange-live .stage3-mobile-live-header h1{color:#fff}.mobile-exchange-live .back-glyph{font-size:0!important}.mobile-exchange-live .back-glyph:after{content:"\e586"!important;font-family:uniicons!important;font-size:18px!important;line-height:18px!important}}
@media (min-width:381px) and (max-width:749px){.mobile-exchange-live .stage3-mobile-live-header h1{color:#fff;font-size:16px}.mobile-exchange-live .live-exchange-entry>label{font-weight:400}.mobile-exchange-live .live-amount-line{position:relative;border-bottom:0}.mobile-exchange-live .live-amount-line:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#4d5562}.mobile-exchange-live .live-exchange-summary{height:49px;font-size:12px;line-height:18px}.mobile-exchange-live .live-exchange-summary b{line-height:15px;transform:translateY(-1px)}}
@media (min-width:750px){.mobile-transfer-live .live-empty .uni-empty-glyph{font-size:80px;line-height:76px}.mobile-exchange-live .live-exchange-pair .uni-exchange-glyph{height:62px;font-size:57px;line-height:62px}}
/* Stage 3 CURRENT LIVE tablet exchange fixture.  The live page has a
   small navigation header but rpx-sized form controls below it; these rules
   deliberately come last so the phone defaults above cannot override that
   mixed responsive geometry. */
@media (min-width:750px){
  .mobile-exchange-live .stage3-mobile-live-header{height:48px}
  .mobile-exchange-live .stage3-mobile-live-header .back{width:48px;height:48px}
  .mobile-exchange-live .stage3-mobile-live-header h1{color:#fff;font-size:16px;line-height:48px}
  .mobile-exchange-live .stage3-mobile-live-header .back-glyph{width:18px;height:18px;margin:auto;line-height:18px;font-size:18px}
  .mobile-exchange-live .live-exchange-entry{padding-top:8px}
  .mobile-exchange-live .live-exchange-pair{margin-bottom:27px}
  .mobile-exchange-live .live-exchange-pair .uni-exchange-glyph{height:62px;color:#6edab7;font-size:72px;line-height:62px}
  .mobile-exchange-live .live-exchange-entry>label{font-size:32px;font-weight:400;line-height:32px;transform:translateY(8px)}
  .mobile-exchange-live .live-exchange-entry .live-amount-line{height:114px;border-bottom:2px solid #4d5562}
  .mobile-exchange-live .live-amount-line span{font-size:31px;padding-bottom:18px}
  .mobile-exchange-live .live-amount-line button{margin-bottom:14px;font-size:32px}
  .mobile-exchange-live .live-exchange-summary{gap:0;margin-top:27px;font-size:24px;line-height:normal}
  .mobile-exchange-live .live-exchange-summary div{gap:27px}
  .mobile-exchange-live .live-exchange-summary div span{transform:translateY(1px)}
  .mobile-exchange-live .live-exchange-summary b{font-weight:400;transform:translateY(3px)}
  .mobile-exchange-live .live-exchange-entry .live-primary{height:82px;margin-top:155px;font-size:26px;border-radius:3px}
}

/* Stage 6B independent mobile contract portal. */
.mobile-contract-portal{min-height:100vh;background:#071116;color:#dce8eb;padding-bottom:64px;font:14px/1.4 Arial,sans-serif;box-sizing:border-box}.mobile-contract-header{height:52px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;background:#0c1b23;border-bottom:1px solid #1d3944;text-align:center}.mobile-contract-header .back{grid-column:1;grid-row:1;border:0;background:transparent;color:#dce9ed;font-size:28px}.mobile-contract-header strong{grid-column:2;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-contract-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1921;padding:8px;gap:8px;position:sticky;top:0;z-index:4}.mobile-contract-tabs button,.mobile-contract-records nav button,.delivery-records nav button,.contract-toggle button,.contract-percentages button{min-height:36px;border:1px solid #274650;background:#10232c;color:#9eb4bc;border-radius:4px}.mobile-contract-tabs button.active,.mobile-contract-records nav button.active,.delivery-records nav button.active,.contract-toggle button.active{border-color:#40d5dd;color:#71e9ef;background:#10313a}.mobile-contract-market,.mobile-contract-form,.mobile-contract-records,.mobile-contract-portal .delivery-market,.mobile-contract-portal .delivery-order-card,.mobile-contract-portal .delivery-records{margin:8px;background:#0c1a22;border:1px solid #1d3944;border-radius:7px;padding:12px;box-sizing:border-box}.mobile-contract-market{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.mobile-contract-market select,.mobile-contract-form input,.mobile-contract-form select,.mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select,.mobile-contract-portal .delivery-market select{min-height:40px;width:100%;background:#07131a;color:#e2edf0;border:1px solid #294b57;border-radius:4px;padding:7px;box-sizing:border-box}.mobile-contract-market>span{grid-column:1/-1;color:#78a1ad}.mobile-contract-market>[data-mobile-contract-chart]{grid-column:1/-1;height:170px;overflow:hidden}.mobile-contract-form .contract-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.mobile-contract-form form{display:grid;gap:9px}.mobile-contract-form label,.mobile-contract-portal .delivery-order-card label{display:grid;grid-template-columns:minmax(110px,1fr) minmax(130px,1.2fr);align-items:center;gap:8px;color:#8ba6b0}.mobile-contract-form .contract-percentages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mobile-contract-form form>button[type=submit],.mobile-contract-portal .delivery-actions button{min-height:44px;border:0;border-radius:4px;color:white;font-weight:700}.mobile-contract-form .buy,.mobile-contract-portal .buy{background:#0a946d}.mobile-contract-form .sell,.mobile-contract-portal .sell{background:#b84153}.mobile-contract-records nav,.mobile-contract-portal .delivery-records nav{display:flex;gap:5px;overflow:auto}.mobile-contract-records>[data-mobile-contract-records]{margin-top:10px}.mobile-contract-portal .contract-table-scroll{overflow:auto}.mobile-contract-portal table{min-width:720px;width:100%;border-collapse:collapse}.mobile-contract-portal th,.mobile-contract-portal td{padding:8px;border-bottom:1px solid #19323d;white-space:nowrap}.mobile-contract-portal th{color:#7999a4;background:#10242d}.mobile-contract-portal td button,.mobile-contract-portal .delivery-order-row button{border:1px solid #28505c;background:#102a33;color:#6ae4eb;padding:6px;border-radius:3px}.mobile-contract-portal .delivery-market header{display:grid;grid-template-columns:1fr auto;gap:8px}.mobile-contract-portal .delivery-market header span{grid-column:1/-1;color:#7da3ae}.mobile-contract-portal .delivery-chart{height:120px;margin-top:10px;background:linear-gradient(180deg,#102630,#09141b)}.mobile-contract-portal .delivery-order-card form{display:grid;gap:9px}.mobile-contract-portal .delivery-order-card fieldset{border:1px solid #294b56}.mobile-contract-portal .delivery-periods{display:flex;gap:6px;overflow-x:auto}.mobile-contract-portal .delivery-periods button{min-width:62px;border:1px solid #294b56;background:#0f222b;color:#b4c8ce;padding:8px}.mobile-contract-portal .delivery-periods button.active{border-color:#39d0da;color:#63e5eb}.mobile-contract-portal .delivery-periods button:disabled{opacity:.35}.mobile-contract-portal .delivery-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-contract-portal [data-delivery-orders]{display:grid;gap:9px;margin-top:10px}.mobile-contract-portal .delivery-order-row{padding:10px;border:1px solid #1f3d49;border-radius:5px;background:#0b1820}.mobile-contract-portal .delivery-order-row header{display:flex;justify-content:space-between}.mobile-contract-portal .delivery-order-row dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobile-contract-portal .delivery-order-row dt{font-size:12px;color:#78949f}.mobile-contract-portal .delivery-order-row dd{margin:2px 0}.mobile-contract-bottom{position:fixed;bottom:0;left:0;right:0;height:56px;display:grid;grid-template-columns:repeat(3,1fr);background:#0b1b23;border-top:1px solid #24434e;z-index:6}.mobile-contract-bottom a{display:flex;align-items:center;justify-content:center;color:#7898a3;text-decoration:none}.mobile-contract-bottom a.active{color:#52dce4}.mobile-contract-portal dialog{width:88vw;max-height:75vh;overflow:auto;background:#0e2028;color:#dce8eb;border:1px solid #2b5360}.mobile-contract-portal dialog::backdrop{background:#000b}.mobile-contract-portal dialog dl{display:grid;gap:6px}.mobile-contract-portal dialog dl div{padding:8px;background:#102630}.mobile-contract-portal dialog dd{margin:2px 0;word-break:break-all}.mobile-contract-portal bdi{direction:ltr;unicode-bidi:isolate}.mobile-contract-portal .contract-empty{text-align:center;color:#738f99;padding:24px}
@media(min-width:700px){.mobile-contract-portal{max-width:none;padding:12px 18px 72px}.mobile-contract-header,.mobile-contract-tabs{max-width:100%}.mobile-contract-portal>[data-mobile-perpetual]:not([hidden]){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.mobile-contract-portal>[data-mobile-perpetual] .mobile-contract-market{grid-column:1}.mobile-contract-portal>[data-mobile-perpetual] .mobile-contract-form{grid-column:2;grid-row:1}.mobile-contract-portal>[data-mobile-perpetual] .mobile-contract-records{grid-column:1/-1}.mobile-contract-portal>[data-mobile-delivery]:not([hidden]){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.mobile-contract-portal>[data-mobile-delivery] .delivery-records{grid-column:1/-1}.mobile-contract-portal>[data-mobile-delivery] [data-delivery-orders]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-contract-market>[data-mobile-contract-chart]{height:260px}}
.mobile-contract-tabs a{min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #274650;border-radius:4px;background:#10232c;color:#9eb4bc;text-decoration:none}.mobile-contract-tabs a.active{border-color:#40d5dd;color:#71e9ef;background:#10313a}.mobile-contract-book{margin:8px;padding:12px;border:1px solid #1d3944;border-radius:7px;background:#0c1a22;box-sizing:border-box}.mobile-contract-book h2{margin:0 0 8px;font-size:15px}.mobile-contract-book header,.mobile-contract-book button{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-contract-book header{color:#7899a4;font-size:12px}.mobile-contract-book button{width:100%;padding:4px 0;border:0;background:transparent;color:#cfe0e5;text-align:left}.mobile-contract-book button bdi:last-child{text-align:right}.mobile-contract-bottom{grid-template-columns:repeat(6,1fr)}.mobile-contract-bottom a{min-width:0;font-size:11px;text-align:center}
@media(min-width:700px){.mobile-contract-portal>[data-mobile-perpetual] .mobile-contract-book{grid-column:1}.mobile-contract-portal>[data-mobile-perpetual] .mobile-contract-form{grid-row:1/3}}

/* CURRENT LIVE Stage 4 withdrawal maintenance fixture.  It is scoped away
   from the healthy form, address fixture and Stage 3 mobile pages. */
.stage4-withdrawal-live{min-height:100vh;background:#0c0819;color:#fff;font-family:BinancePlex,Arial,Helvetica,sans-serif;overflow:hidden}.stage4-withdrawal-header{position:relative;height:44px;background:#0c0819}.stage4-withdrawal-header h1{position:absolute;top:7px;right:70px;left:70px;height:30px;margin:0;color:#fff;font:700 16px/30px BinancePlex,Arial,Helvetica,sans-serif;text-align:center}.stage4-withdrawal-back{position:absolute;z-index:2;top:7px;left:3px;width:31px;height:30px;padding:0;border:0;background:transparent}.stage4-withdrawal-back i{display:block;width:18px;height:18px;margin:4.5px 6.5px;font-family:uniicons;font-size:0;line-height:18px}.stage4-withdrawal-back i:after{content:"\e582";color:#fff;font-family:uniicons;font-size:18px;font-style:normal;font-weight:400;line-height:18px}.stage4-withdrawal-summary{box-sizing:border-box;height:87px;padding:20px;border-bottom:1px solid #394150;background:#0c0819}.stage4-withdrawal-summary b{display:block;font:400 18px/21.6px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-summary span{display:block;margin-top:10px;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-panel{box-sizing:border-box;height:397.140625px;padding:20px;background:#0c0819}.stage4-withdrawal-group{margin:0 0 20px}.stage4-withdrawal-group h2{height:19.1875px;margin:0;color:#fff;font:400 16px/19.2px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-line{box-sizing:border-box;height:42px;display:flex;align-items:center;border-bottom:1px solid #394150}.stage4-withdrawal-line input,.stage4-withdrawal-password>input{min-width:0;height:40px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:400 12px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-line input{flex:1}.stage4-withdrawal-line input::placeholder,.stage4-withdrawal-password>input::placeholder{color:#8e8995;opacity:1}.stage4-withdrawal-set{width:72.46875px;height:16.796875px;padding:0 10px;border:0;background:transparent;color:#fff;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif;white-space:nowrap}.stage4-withdrawal-all-wrap{display:flex;align-items:center;height:16.796875px}.stage4-withdrawal-all-wrap em{box-sizing:border-box;height:16.796875px;padding-right:10px;border-right:1px solid #394150;color:#6b7280;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif;font-style:normal}.stage4-withdrawal-all{height:16.796875px;padding:0 10px;border:0;background:transparent;color:#fff;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-password{height:60.1875px}.stage4-withdrawal-password>input{box-sizing:border-box;width:100%;height:41px;border-bottom:1px solid #394150}.stage4-withdrawal-net{height:19.1875px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.stage4-withdrawal-net b,.stage4-withdrawal-net strong{font:400 16px/19.2px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-fee{height:14.390625px;margin:0 0 20px;color:#fff;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-submit{width:100%;height:41px;margin-top:0;border:0;border-radius:5px;background:var(--brand-accent,#00F0FF);color:#000;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-validation{display:none}.stage4-withdrawal-records{box-sizing:border-box;height:329.1875px;padding:20px;background:#0c0819}.stage4-withdrawal-records h2{height:19.1875px;margin:0 0 10px;color:#fff;font:400 16px/19.2px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-empty{height:260px;display:flex;flex-direction:column;align-items:center;padding:52px 0;box-sizing:border-box;text-align:center}.stage4-withdrawal-empty img{width:62px;height:62px;object-fit:contain}.stage4-withdrawal-empty span{margin-top:10px;color:#fff;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-withdrawal-toast{position:fixed;z-index:3;top:50%;left:50%;box-sizing:border-box;width:195px;height:71px;margin:0;padding:10px 20px;transform:translate(-50%,-50%);border-radius:5px;background:rgba(17,17,17,.7);color:#fff;font:400 13px/normal BinancePlex,Arial,Helvetica,sans-serif;text-align:center;word-break:break-word}
@media (max-width:380px){.stage4-withdrawal-live .stage4-withdrawal-line{height:41px}.stage4-withdrawal-live .stage4-withdrawal-password{height:59.1875px}.stage4-withdrawal-live .stage4-withdrawal-password>input{height:40px}.stage4-withdrawal-live .stage4-withdrawal-panel{height:393.140625px}.stage4-withdrawal-live .stage4-withdrawal-submit{height:40px}.stage4-withdrawal-live .stage4-withdrawal-records{height:319.1875px}.stage4-withdrawal-live .stage4-withdrawal-empty{height:250px;padding:50px 0}.stage4-withdrawal-live .stage4-withdrawal-empty img{width:60px;height:60px}.stage4-withdrawal-live .stage4-withdrawal-toast{width:187.5px;height:71px}}
@media (min-width:750px){
  .stage4-withdrawal-live{min-height:1659px;overflow:visible}
  .stage4-withdrawal-live .stage4-withdrawal-header{height:44px}
  .stage4-withdrawal-live .stage4-withdrawal-header h1{top:7px;height:30px;font:700 16px/30px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-back{top:7px;left:3px;width:31px;height:30px}
  .stage4-withdrawal-live .stage4-withdrawal-summary{height:173.984375px;padding:40px;border-bottom-width:2px}
  .stage4-withdrawal-live .stage4-withdrawal-summary b{font:400 36px/43.2px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-summary span{margin-top:20px;font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-panel{height:790.359375px;padding:40px}
  .stage4-withdrawal-live .stage4-withdrawal-group{margin-bottom:40px}
  .stage4-withdrawal-live .stage4-withdrawal-group h2{height:38.390625px;font:400 32px/38.4px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-line{height:83px;border-bottom-width:2px}
  .stage4-withdrawal-live .stage4-withdrawal-line input,.stage4-withdrawal-live .stage4-withdrawal-password>input{height:81px;font:400 24px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-set{width:144.921875px;height:33.59375px;padding:0 20px;font:400 28px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-all-wrap{height:33.59375px}
  .stage4-withdrawal-live .stage4-withdrawal-all-wrap em{height:33.59375px;padding-right:20px;border-right-width:2px;font:400 28px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-all{height:33.59375px;padding:0 20px;font:400 28px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-password{height:119.390625px}
  .stage4-withdrawal-live .stage4-withdrawal-password>input{border-bottom-width:2px}
  .stage4-withdrawal-live .stage4-withdrawal-net{height:38.390625px;margin-bottom:40px}
  .stage4-withdrawal-live .stage4-withdrawal-net b,.stage4-withdrawal-live .stage4-withdrawal-net strong{font:400 32px/38.4px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-fee{height:28.796875px;margin-bottom:40px;font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-submit{height:81px;border-radius:10px;font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-records{height:650.390625px;padding:40px}
  .stage4-withdrawal-live .stage4-withdrawal-records h2{height:38.390625px;margin-bottom:20px;font:400 32px/38.4px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-empty{height:512px;padding:102px 0}
  .stage4-withdrawal-live .stage4-withdrawal-empty img{width:122px;height:122px}
  .stage4-withdrawal-live .stage4-withdrawal-empty span{margin-top:20px;font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-withdrawal-live .stage4-withdrawal-toast{width:384px;height:54px;padding:10px 20px;border-radius:5px;font:400 13px/normal BinancePlex,Arial,Helvetica,sans-serif}
}
/* The 390px CURRENT_LIVE transfer capture has its own spacing, timeline and
   empty-record geometry.  Keep these last so neither the 375 nor tablet
   transfer fixtures inherit its phone-specific measurements. */
@media (min-width:381px) and (max-width:749px){
  .mobile-transfer-live .live-transfer-accounts{background:#0c0819;border-color:#212936}
  .mobile-transfer-live .stage3-mobile-live-header h1{color:#fff;font-size:16px;font-weight:600;transform:translateY(-1px)}
  .mobile-transfer-live .back-glyph{font-size:0!important}
  .mobile-transfer-live .back-glyph:after{content:"\e586"!important;font-family:uniicons!important;font-size:18px!important;line-height:18px!important}
  .mobile-transfer-live .stage3-mobile-live-header .back-glyph{transform:translate(-7px,-4px)}
  .mobile-transfer-live .stage3-mobile-live-header .back-glyph{font-size:24px!important}
  .mobile-transfer-live .live-account-row{height:44px;color:#9da3ae;font-size:12px}
  .mobile-transfer-live .live-account-row:first-child{border-bottom:0}
  .mobile-transfer-live .live-account-row:first-child:after{content:"";position:absolute;right:-15px;bottom:0;left:21px;height:1px;background:#212936}
  .mobile-transfer-live .live-account-row span{color:#9da3ae}
  .mobile-transfer-live .live-account-row:first-child span{transform:translate(0,-3px)}
  .mobile-transfer-live .live-account-row:nth-child(2) span{transform:translate(0,6px)}
  .mobile-transfer-live .account-dot{width:5px;height:5px;left:1px}
  .mobile-transfer-live .account-dot.cyan{top:23px;background:#66c5c7}
  .mobile-transfer-live .account-dot.pink{top:15px;background:#e65861}
  .mobile-transfer-live .live-amount-line{height:72px;border-bottom-color:#212936}
  .mobile-transfer-live .live-amount-line span{padding-bottom:18px;color:#787879;font-size:12px}
  .mobile-transfer-live .live-amount-line button{margin-bottom:18px;color:#000}
  .mobile-transfer-live .live-primary{height:47px;margin-top:18px;border-radius:5px;color:#000}
  .mobile-transfer-live .live-records{margin-top:47px}
  .mobile-transfer-live .live-records h2,.mobile-transfer-live .live-record-head,.mobile-transfer-live .live-empty{color:#0e0b16}
  .mobile-transfer-live .live-record-head{border-bottom-color:#212936}
  .mobile-transfer-live .live-records h2{transform:translateY(-10px)}
  .mobile-transfer-live .stage3-mobile-live-header .back-glyph{transform:translate(-8px,-3px)}
  .mobile-transfer-live .live-maintenance{top:207px;min-height:71px;padding:11px 18px 8px;background:rgba(18,18,18,.67);color:#fff;font:13px/17px Arial}
  .mobile-transfer-live .live-empty{justify-content:flex-start;padding-top:52px}
  .mobile-transfer-live .live-empty .uni-empty-glyph{display:block;width:62.4px;height:62.4px;margin:0;object-fit:contain}
}
/* The 375px CURRENT LIVE capture uses the same recovered anonymous.png
   asset as 390, but its image box is 60px and sits lower in the empty row. */
@media (max-width:380px){
  .mobile-transfer-live .live-transfer-accounts{height:102px;margin-top:11px;padding-top:8px;background:#0c0819;border-color:#212936}
  .mobile-transfer-live .stage3-mobile-live-header h1{color:#fff;font-size:16px;font-weight:600;transform:translateY(-1px)}
  .mobile-transfer-live .live-account-row{height:44px;color:#9da3ae;font-size:12px}
  .mobile-transfer-live .live-account-row:first-child{border-bottom:0}
  .mobile-transfer-live .live-account-row:first-child:after{content:"";position:absolute;right:-15px;bottom:0;left:21px;height:1px;background:#212936}
  .mobile-transfer-live .live-account-row span{color:#9da3ae}
  .mobile-transfer-live .live-account-row:first-child span{transform:translateY(-4px)}
  .mobile-transfer-live .live-account-row:nth-child(2) span{transform:translateY(3px)}
  .mobile-transfer-live .account-dot{width:5px;height:5px;left:1px}
  .mobile-transfer-live .account-dot.cyan{top:22px;background:#66c5c7}
  .mobile-transfer-live .account-dot.pink{top:13px;background:#e65861}
  .mobile-transfer-live .live-transfer-entry{margin-top:18px}
  .mobile-transfer-live .live-transfer-entry>label{font-size:12px}
  .mobile-transfer-live .live-transfer-entry>label{color:#000;transform:translateY(7px)}
  .mobile-transfer-live .live-empty{justify-content:flex-start;padding-top:50px}
  .mobile-transfer-live .live-empty .uni-empty-glyph{display:block;width:60px;height:60px;margin:0 0 7px;object-fit:contain}
  .mobile-transfer-live .live-maintenance{top:192px;width:186px;height:71px;min-height:0;padding:10px 18px 8px;background:rgba(17,17,17,.7);font:400 13px/17px Helvetica,Arial,sans-serif}
  .mobile-transfer-live .live-amount-line{height:66px;border-bottom-color:#212936}
  .mobile-transfer-live .live-amount-line span{padding-bottom:17px;color:#7d7d7d;font-size:12px}
  .mobile-transfer-live .live-amount-line button{margin-bottom:13px;color:#0e0b16}
  .mobile-transfer-live .live-primary{height:47px;margin-top:18px;border-radius:5px;font-weight:500}
  .mobile-transfer-live .live-records{margin-top:47px}
  .mobile-transfer-live .live-records h2,.mobile-transfer-live .live-record-head,.mobile-transfer-live .live-empty{color:#0e0b16}
  .mobile-transfer-live .live-record-head{border-bottom-color:#212936}
}
.mobile-check{display:flex!important;align-items:center;gap:8px}.mobile-check input{width:auto!important;height:auto!important}.funds-mobile #stage4-list{margin-top:6px}.funds-mobile #stage4-list .mobile-record button{height:28px;padding:0 9px;background:#3b3d4a;color:#e6f8fa;font-size:12px}.funds-mobile #stage4-list .mobile-record button[data-delete]{background:#5d333d}

/* Stage 4 CURRENT LIVE visual fixture: the observed mobile binding route is
   a button-driven single-line form, not the normal full address-book form.
   These selectors are fixture-scoped so real address management keeps its
   complete label/default/list controls. */
.stage4-address-live{min-height:100vh;overflow:hidden;background:#000;color:#fff;font-family:BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-header{position:relative;height:44px;background:#0d081a}.stage4-address-header h1{position:absolute;top:7px;right:70px;left:70px;height:30px;margin:0;color:#fff;font:700 16px/30px BinancePlex,Arial,Helvetica,sans-serif;text-align:center}.stage4-address-back{position:absolute;z-index:1;top:7px;left:3px;width:31px;height:30px;padding:0;border:0;background:transparent;color:#fff}.stage4-address-back i{display:inline-block;width:27px;height:27px;margin:0 2px;color:#fff;font-family:unibtn;font-size:27px;font-style:normal;font-weight:400;line-height:27px}.stage4-address-live form{padding:10px 15px 0}.stage4-address-live h2{margin:0 0 15px;color:#fff;font:700 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-currencies,.stage4-address-networks{overflow:visible}.stage4-address-networks{margin-top:20px}.stage4-address-button-row{display:flex;align-items:center;gap:20px;min-width:max-content}.stage4-address-button-row button{box-sizing:border-box;min-width:0;padding:5px 10px;border:1px solid #e5e5e5;border-radius:0;background:#000;color:#fff;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif;white-space:nowrap}.stage4-address-button-row button.selected{padding:5px 10px;border:0;background:var(--brand-accent,#00F0FF);color:#000}.stage4-address-networks .stage4-address-button-row{gap:10px}.stage4-address-networks .stage4-address-button-row button{padding:5px 10px;border-color:#6b7280;border-radius:3px;color:#fff;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-networks .stage4-address-button-row button.selected{border-color:#000;background:var(--brand-accent,#00F0FF);color:#000}.stage4-address-line{display:flex;align-items:center;height:41px;margin-top:15px;color:#fff;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-line span{flex:0 0 auto;white-space:nowrap}.stage4-address-line input{min-width:0;flex:1;height:41px;padding:0 15px;border:0;border-bottom:1px solid #1f2937;outline:0;background:transparent;color:#fff;font:400 12px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-line input::placeholder{color:#808080;opacity:1}.stage4-address-submit{display:block;width:100%;margin:52px 0 31px;padding:10px;border:0;border-radius:5px;background:var(--brand-accent,#00F0FF);color:#fff;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-address-submit:active{filter:brightness(.94)}#stage4-address-status{min-height:18px;margin:8px 0;color:var(--brand-accent,#00F0FF);text-align:center;font-size:12px}
@media (min-width:750px){.stage4-address-header{height:48px}.stage4-address-header h1{height:48px;line-height:48px;font-size:16px}.stage4-address-back{width:48px;height:48px}.stage4-address-back i{font-size:20px;line-height:48px}.stage4-address-live form{padding:17px 30px 0}.stage4-address-live h2{margin-bottom:30px;font-size:28px;line-height:34px}.stage4-address-networks{margin-top:42px;transform:translateY(-1px)}.stage4-address-button-row{gap:41px}.stage4-address-button-row button{height:52px;min-width:85px;padding:0 18px;font-size:24px;line-height:50px}.stage4-address-networks .stage4-address-button-row{gap:20px}.stage4-address-networks .stage4-address-button-row button{min-width:125px;border-radius:5px}.stage4-address-line{height:69px;margin-top:58px;border-bottom-width:1px;font-size:24px;line-height:68px}.stage4-address-line span{margin-right:42px}.stage4-address-line input{height:67px;font-size:24px;line-height:68px}.stage4-address-submit{height:74px;margin-top:102px;border-radius:7px;font-size:28px;line-height:74px}}

/* Stage 3 CURRENT LIVE tablet transfer fixture.  The source has a compact
   navigation bar above rpx-sized content.  Keep this final, transfer-scoped
   correction separate from the 375/390 captures and from the exchange page. */
@media (min-width:750px){
  .mobile-transfer-live{min-height:1024px;background:linear-gradient(to bottom,#0c0819 0 312px,#000 312px 332px,#0c0819 332px 718px,#000 718px 738px,#0c0819 738px 1024px)}
  .mobile-transfer-live .stage3-mobile-live-header{height:48px}
  .mobile-transfer-live .stage3-mobile-live-header .back{width:48px;height:48px}
  .mobile-transfer-live .stage3-mobile-live-header h1{color:#fff;font-size:16px;font-weight:600;line-height:48px;transform:translateY(-1px)}
  .mobile-transfer-live .stage3-mobile-live-header .back-glyph{width:18px;height:18px;font-size:18px!important;line-height:18px;transform:translate(-7px,-5px)}

  .mobile-transfer-live .live-transfer-accounts{height:208px;margin-top:26px;padding-top:21px;background:#0c0819;border-color:#212936}
  .mobile-transfer-live .live-account-row{height:78px;color:#9da3ae;font-size:24px}
  .mobile-transfer-live .live-account-row:first-child{height:104px;border-bottom:0}
  .mobile-transfer-live .live-account-row span{padding-top:12px;color:#9da3ae}
  .mobile-transfer-live .live-account-row:first-child span{transform:translateY(1px)}
  .mobile-transfer-live .live-account-row:nth-child(2) span{transform:none}
  .mobile-transfer-live .live-account-row:first-child:after{left:6px;top:61px;width:2px;height:37px;background:#1a1b23}
  .mobile-transfer-live .live-account-row:first-child b{position:absolute;left:42px;right:-30px;top:79px;height:1px;margin:0;background:#212936}
  .mobile-transfer-live .account-dot{left:2px;width:10px;height:10px}
  .mobile-transfer-live .live-account-row:first-child .account-dot{top:41px;background:#66c5c7}
  .mobile-transfer-live .live-account-row:nth-child(2) .account-dot{top:7px;background:#e65861}

  .mobile-transfer-live .live-transfer-entry{margin-top:41px;padding-top:34px;background:transparent}
  .mobile-transfer-live .live-transfer-entry>label{font-size:25px;line-height:32px}
  .mobile-transfer-live .live-amount-line{height:136px;border-bottom:2px solid #212936}
  .mobile-transfer-live .live-amount-line span{padding-bottom:34px;color:#7d7d7d;font-size:24px}
  .mobile-transfer-live .live-amount-line button{margin-bottom:35px;color:#000;font-size:23px}
  .mobile-transfer-live .live-primary{height:93px;margin-top:40px;border-radius:3px;color:#000;font-size:28px}
  .mobile-transfer-live .live-maintenance{top:162px;width:384px;min-height:0;padding:9px 20px 9px;background:rgba(17,17,17,.7);color:#fff;font:13px/18px Arial;white-space:normal}

  .mobile-transfer-live .live-records{margin-top:78px}
  .mobile-transfer-live .live-records h2{height:84px;color:#0e0b16;font-size:25px;line-height:84px;transform:none}
  .mobile-transfer-live .live-record-head{height:58px;border-bottom:2px solid #212936;color:#0e0b16;font-size:22px}
  .mobile-transfer-live .live-empty{justify-content:flex-start;padding-top:102px;color:#0e0b16;font-size:21px}
  .mobile-transfer-live .live-empty .uni-empty-glyph{display:block;width:120px;height:120px;margin:0;object-fit:contain}
}

/* Public mobile home intentionally has no video. */
.mobile-home{min-height:100vh;padding-bottom:50px;background:#000;color:#fff;font-family:PingFangTC,Avenir,Arial,sans-serif}.mobile-home a{color:inherit;text-decoration:none}.mobile-home-header{height:50px;display:flex;align-items:center;padding:0 12px;gap:10px;background:#080808;position:relative;z-index:3}.mobile-home-brand{margin-right:auto;width:64px;height:34px;overflow:hidden;display:flex;align-items:center}.mobile-home-brand img{width:84px;height:35px;object-fit:fill}.mobile-home-header button{height:30px;min-width:30px;border:0;background:#1a1b24;color:#fff;font-size:16px;border-radius:2px}.mobile-home-hero{height:510px;position:relative;overflow:hidden;background:#070b11}.mobile-hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 73%,#126174 0,rgba(0,29,45,.6) 20%,transparent 53%),linear-gradient(180deg,#000 0%,#001822 65%,#07131d 100%)}.mobile-home-coin{position:absolute;width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.coin-a{left:16%;top:72px}.coin-b{right:15%;top:170px;width:80px;height:80px}.mobile-home-stats{position:absolute;left:10px;right:10px;top:340px;height:49px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-radius:30px;background:rgba(37,50,58,.88);border:1px solid rgba(100,192,207,.35)}.mobile-home-stats article{text-align:center;border-right:1px solid rgba(255,255,255,.18)}.mobile-home-stats article:last-child{border:0}.mobile-home-stats b{display:block;font-size:12px}.mobile-home-stats span{display:block;margin-top:2px;font-size:9px;color:#eef4f6}.mobile-start-trade{position:absolute;top:430px;left:calc(50% - 88px);width:176px;height:35px;border-radius:3px;background:#61e8f7;color:#000!important;display:grid;place-items:center;font-size:13px}.mobile-home-notice{height:38px;padding:0 13px;display:flex;align-items:center;gap:10px;background:#060d13;color:#d9ecf0;border-top:1px solid #14242b}.mobile-home-notice>span{color:#60e4f2}.mobile-news-window{height:24px;overflow:hidden;flex:1}.mobile-news-track{animation:mobile-news 90.5s linear infinite}.mobile-news-track a{display:block;height:24px;line-height:24px;color:#dde8ea;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes mobile-news{0%,3.333%{transform:translateY(0)}100%{transform:translateY(-720px)}}.mobile-home-entries{height:95px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px 10px;background:#020202}.mobile-home-entries a{display:grid;justify-items:center;gap:8px;text-align:center;font-size:10px;color:#e8eef2}.mobile-home-entries i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#143b47;color:#70e8f4;font-size:18px;font-style:normal}.mobile-home-market{padding:20px 15px 0;background:#000}.mobile-home-market header{display:flex;align-items:center;justify-content:space-between}.mobile-home-market h2{margin:0;font-size:18px}.mobile-home-market header button{border:0;border-radius:15px;padding:5px 18px;background:#54d9e9;color:#001116;font-size:11px}.mobile-market-head,.mobile-home-market>#mobile-home-markets>a{display:grid;grid-template-columns:1.4fr 1fr .65fr;align-items:center}.mobile-market-head{height:38px;color:#78828b;font-size:11px}.mobile-market-head span:nth-child(n+2),.mobile-home-market>#mobile-home-markets>a span,.mobile-home-market>#mobile-home-markets>a em{text-align:right}.mobile-home-market>#mobile-home-markets>a{height:54px;border-top:1px solid #1c242a;font-size:12px}.mobile-home-market>#mobile-home-markets>a span{color:#fff}.mobile-home-market>#mobile-home-markets>a em{color:#27d19a;font-style:normal}.mobile-home-support{position:fixed;right:36px;bottom:255px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#54d9e9;color:#001016!important;font-size:25px;z-index:5;box-shadow:0 5px 18px rgba(0,238,255,.36)}.mobile-home-bottom{position:fixed;left:0;right:0;bottom:0;height:50px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;background:#090b0e;border-top:1px solid #252a2f;text-align:center;color:#a7b0be;z-index:8}.mobile-home-bottom a{display:grid;justify-items:center;gap:2px;font-size:15px}.mobile-home-bottom small{font-size:9px}.mobile-home-bottom a.active{color:#61e8f7}@media (min-width:750px){.mobile-home{padding-bottom:100px}.mobile-home-header{height:100px;padding:0 24px;gap:20px}.mobile-home-brand{width:128px;height:68px}.mobile-home-brand img{width:168px;height:70px}.mobile-home-header button{height:60px;min-width:60px;font-size:32px}.mobile-home-hero{height:1020px}.mobile-home-coin{width:140px;height:140px}.coin-a{top:144px}.coin-b{top:340px;width:160px;height:160px}.mobile-home-stats{left:20px;right:20px;top:680px;height:98px;border-radius:60px}.mobile-home-stats b{font-size:24px}.mobile-home-stats span{font-size:18px}.mobile-start-trade{top:860px;left:calc(50% - 176px);width:352px;height:70px;font-size:26px}.mobile-home-notice{height:76px;padding:0 26px;gap:20px}.mobile-news-window{height:48px}.mobile-news-track a{height:48px;line-height:48px;font-size:22px}.mobile-home-entries{height:190px;padding:16px 20px}.mobile-home-market{padding:40px 30px 0}.mobile-home-market h2{font-size:36px}.mobile-home-market header button{padding:10px 36px;font-size:22px}.mobile-market-head{height:76px;font-size:22px}.mobile-home-market>#mobile-home-markets>a{height:108px;font-size:24px}.mobile-home-support{right:72px;bottom:510px;width:90px;height:90px;font-size:50px}.mobile-home-bottom{height:100px}.mobile-home-bottom a{font-size:30px}.mobile-home-bottom small{font-size:18px}}

/* Stage 4 address fixture: the archived `unibtn` subset is unavailable as a
   standalone file, so use the verified internal Uniicons back glyph here. */
.stage4-address-live .stage4-address-back i{width:18px;height:18px;margin:4.5px 6.5px;font-family:uniicons;font-size:0;line-height:18px}.stage4-address-live .stage4-address-back i::after{content:"\e582";font-family:uniicons;font-size:18px;line-height:18px}
.stage4-address-live .stage4-address-header{background:#0c0819}.stage4-address-live .stage4-address-button-row button.selected,.stage4-address-live .stage4-address-submit{background:var(--brand-accent,#00F0FF)}.stage4-address-live .stage4-address-networks .stage4-address-button-row button.selected{border:1px solid #000}.stage4-address-live .stage4-address-line input{border-bottom-color:#20253a}.stage4-address-live .stage4-address-line span{transform:translateY(-1px)}
@media (max-width:380px){.stage4-address-live .stage4-address-currencies .stage4-address-button-row{width:345px;overflow:hidden}.stage4-address-live .stage4-address-line{transform:translateY(-1px)}.stage4-address-live .stage4-address-submit{margin-top:49px}}
@media (min-width:750px){.stage4-address-live .stage4-address-header{height:44px}.stage4-address-live .stage4-address-header h1{top:7px;right:70px;left:70px;height:30px;font-size:16px;line-height:30px}.stage4-address-live .stage4-address-back{top:7px;left:3px;width:31px;height:30px}.stage4-address-live form{padding:20px 30px 0}.stage4-address-live h2{margin-bottom:30px;font-size:28px;line-height:33.6px}.stage4-address-live .stage4-address-currencies .stage4-address-button-row{gap:40px}.stage4-address-live .stage4-address-currencies .stage4-address-button-row button{height:auto;min-width:0;padding:10px 20px;border-width:2px;font-size:24px;line-height:28.8px}.stage4-address-live .stage4-address-currencies .stage4-address-button-row button.selected{border:0}.stage4-address-live .stage4-address-networks{margin-top:41px}.stage4-address-live .stage4-address-networks .stage4-address-button-row{gap:20px}.stage4-address-live .stage4-address-networks .stage4-address-button-row button{height:auto;min-width:0;padding:10px 20px;border-width:2px;border-radius:6px;font-size:28px;line-height:33.6px}.stage4-address-live .stage4-address-networks .stage4-address-button-row button.selected{border:2px solid #000}.stage4-address-live .stage4-address-line{height:80px;margin-top:30px;font-size:24px;line-height:28.8px;transform:none}.stage4-address-live .stage4-address-line span{margin-right:0;transform:none}.stage4-address-live .stage4-address-line input{height:80px;padding:0 30px;font-size:24px;line-height:33.6px}.stage4-address-live .stage4-address-submit{height:auto;margin-top:102px;padding:20px;border-radius:10px;font-size:28px;line-height:33.6px}}

/* CURRENT LIVE Stage 4 deposit fixture.  This is intentionally scoped away
   from the healthy recharge form and from the frozen address-page fixture. */
.stage4-deposit-live{min-height:100vh;background:#000;color:#05030a;font-family:BinancePlex,Arial,Helvetica,sans-serif;overflow:hidden}.stage4-deposit-header{position:relative;height:44px;background:#0c0819}.stage4-deposit-header h1{position:absolute;top:7px;right:70px;left:70px;height:30px;margin:0;color:#fff;font:700 16px/30px BinancePlex,Arial,Helvetica,sans-serif;text-align:center}.stage4-deposit-back{position:absolute;z-index:2;top:7px;left:3px;width:31px;height:30px;padding:0;border:0;background:transparent}.stage4-deposit-back i{display:block;width:18px;height:18px;margin:4.5px 6.5px;font-family:uniicons;font-size:0;line-height:18px}.stage4-deposit-back i:after{content:"\e582";color:#fff;font-family:uniicons;font-size:18px;font-style:normal;font-weight:400;line-height:18px}.stage4-deposit-currency{height:48px;padding:0 15px;border-bottom:1px solid #394150;background:#0c0819;display:flex;align-items:center;justify-content:space-between;color:#000;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-deposit-currency b{font-weight:400}.stage4-deposit-panel{position:relative;height:523px;margin-top:10px;background:#0c0819}.stage4-deposit-address{position:absolute;top:178px;right:15px;left:15px;height:47px;padding:15px;text-align:center}.stage4-deposit-address h2{margin:0;color:#000;font:400 14px/16.8px BinancePlex,Arial,Helvetica,sans-serif}.stage4-deposit-copy{position:absolute;top:57px;left:50%;width:83px;height:31px;padding:0;border:0;border-radius:5px;background:var(--brand-accent,#00F0FF);color:#000;font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;transform:translateX(-50%)}.stage4-deposit-toast{position:fixed;z-index:3;top:50%;left:50%;width:195px;height:73px;min-height:0;margin:0;padding:10px 20px;transform:translate(-50%,-50%);border-radius:5px;background:rgba(19,18,18,.3);color:rgba(255,255,255,.45);font:400 13px/normal BinancePlex,Arial,Helvetica,sans-serif;text-align:center;word-break:break-word}.stage4-deposit-instructions{position:absolute;top:296px;right:15px;left:15px;color:var(--brand-accent,#00F0FF);font:400 12px/14.4px BinancePlex,Arial,Helvetica,sans-serif}.stage4-deposit-instructions p{margin:0 0 5px}.stage4-deposit-instructions p:last-child{margin-bottom:0}
@media (max-width:380px){.stage4-deposit-address{top:194px}.stage4-deposit-toast{top:268px;width:187px}.stage4-deposit-instructions{top:295px}}
@media (min-width:750px){.stage4-deposit-header{height:44px}.stage4-deposit-header h1{top:7px;height:30px;font-size:16px;line-height:30px}.stage4-deposit-back{top:7px;left:3px;width:31px;height:30px}.stage4-deposit-currency{height:97px;padding:0 30px;border-bottom-width:2px;font-size:24px;line-height:29px}.stage4-deposit-panel{height:873px;margin-top:10px}.stage4-deposit-address{top:237px}.stage4-deposit-address h2{margin-bottom:45px;font-size:28px;line-height:34px}.stage4-deposit-copy{height:62px;padding:0 16px;border-radius:10px;font-size:24px;line-height:62px}.stage4-deposit-toast{top:343px;width:316px;min-height:38px;padding:10px 12px 7px;border-radius:7px;font:400 14px/18px Arial,Helvetica,sans-serif;word-break:normal}.stage4-deposit-instructions{top:440px;right:30px;left:30px;font-size:24px;line-height:31px}.stage4-deposit-instructions p{margin-bottom:14px}}
/* The live 375px capture keeps the same compact hierarchy as 390px, but the
   source uses the narrower 80px copy control and a 187.5px centred toast. */
@media (max-width:380px){
  .stage4-deposit-live .stage4-deposit-address{top:178px}
  .stage4-deposit-live .stage4-deposit-copy{top:56.984375px;width:80px;height:30px}
  .stage4-deposit-live .stage4-deposit-toast{position:fixed;top:50%;left:50%;width:187.5px;height:73px;min-height:0;padding:10px 20px;transform:translate(-50%,-50%)}
  .stage4-deposit-live .stage4-deposit-instructions{top:295px}
}

/* The live tablet page deliberately mixes a compact page head with rpx-sized
   content.  Keep this last so the compact rules above cannot overwrite it. */
@media (min-width:750px){
  .stage4-deposit-live{min-height:1044.34375px;overflow:visible}
  .stage4-deposit-live .stage4-deposit-header{height:44px}
  .stage4-deposit-live .stage4-deposit-header h1{top:7px;height:30px;font:700 16px/30px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-deposit-live .stage4-deposit-back{top:7px;left:3px;width:31px;height:30px}
  .stage4-deposit-live .stage4-deposit-currency{height:95.59375px;padding:30px;border-bottom-width:2px;font:400 28px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-deposit-live .stage4-deposit-panel{height:884.75px;margin-top:20px}
  .stage4-deposit-live .stage4-deposit-address{top:195.796875px;right:30px;left:30px;height:93.59375px;padding:30px}
  .stage4-deposit-live .stage4-deposit-address h2{margin:0;color:#000;font:400 28px/33.6px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-deposit-live .stage4-deposit-copy{top:113.59375px;width:163px;height:61px;padding:0;border-radius:10px;background:var(--brand-accent,#00F0FF);font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif;white-space:nowrap}
  .stage4-deposit-live .stage4-deposit-toast{position:fixed;top:50%;left:50%;width:316.703125px;height:38px;min-height:0;padding:10px 20px;transform:translate(-50%,-50%);border-radius:5px;background:rgba(17,17,17,.7);color:#fff;font:400 13px/normal BinancePlex,Arial,Helvetica,sans-serif;white-space:nowrap;word-break:normal}
  .stage4-deposit-live .stage4-deposit-instructions{top:430.390625px;right:30px;left:30px;color:var(--brand-accent,#00F0FF);font:400 24px/28.8px BinancePlex,Arial,Helvetica,sans-serif}
  .stage4-deposit-live .stage4-deposit-instructions p{margin:0 0 10px}
}
/* Stage 5B mobile spot portal; scoped so it cannot alter frozen funds views. */
.mobile-spot-trade{min-height:100vh;padding-bottom:58px;background:#0c0819;color:#f3f6fb;font:14px/1.4 BinancePlex,Arial,Helvetica,sans-serif}.mobile-spot-header{height:48px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:0 12px;border-bottom:1px solid #394150}.mobile-spot-header .back{position:static}.mobile-spot-header select{border:0;background:transparent;color:#fff;font-weight:700}.mobile-spot-header strong{color:var(--brand-accent,#00F0FF)}.mobile-spot-chart{min-height:132px;padding:8px 12px;border-bottom:1px solid #394150}.mobile-spot-chart .kline-svg{display:block;width:100%;height:116px}.mobile-spot-sides,.mobile-spot-tabs{display:flex;border-bottom:1px solid #394150}.mobile-spot-sides button,.mobile-spot-tabs button{flex:1;padding:11px;border:0;background:transparent;color:#9ba5b4}.mobile-spot-sides .active,.mobile-spot-tabs .active{color:var(--brand-accent,#00F0FF);border-bottom:2px solid var(--brand-accent,#00F0FF)}.mobile-spot-form{padding:14px 15px;border-bottom:9px solid #000}.mobile-spot-form form{display:grid;gap:10px}.mobile-spot-form label{display:grid;gap:5px;color:#aeb9c7}.mobile-spot-form input{height:38px;padding:0 10px;border:1px solid #4d5562;border-radius:4px;background:#353f49;color:#fff}.mobile-spot-form output,.mobile-spot-form p{margin:0;color:#aeb9c7}.mobile-spot-form form>div{display:flex;justify-content:space-between}.mobile-spot-form [data-pct]{border:0;background:transparent;color:var(--brand-accent,#00F0FF)}.mobile-spot-form [type=submit]{height:44px;border:0;border-radius:5px;background:var(--brand-accent,#00F0FF);color:#05030a;font-weight:700}.mobile-spot-book,.mobile-spot-trades,.mobile-spot-orders{padding:14px 15px;border-bottom:9px solid #000}.mobile-spot-book h2,.mobile-spot-trades h2,.mobile-spot-orders h2{margin:0 0 9px;font-size:15px}.mobile-spot-book button{display:flex;width:100%;justify-content:space-between;padding:4px 0;border:0;background:transparent;color:#d5dde7}.mobile-spot-trades p{margin:4px 0;color:#9daaba}.mobile-spot-orders{position:relative}.mobile-spot-orders>a{position:absolute;top:14px;right:15px;color:var(--brand-accent,#00F0FF);text-decoration:none}.mobile-spot-orders article{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #394150}.mobile-spot-orders article button{border:0;background:transparent;color:var(--brand-accent,#00F0FF)}.mobile-spot-bottom{position:fixed;right:0;bottom:0;left:0;z-index:4;display:flex;height:55px;background:#14111e;border-top:1px solid #394150}.mobile-spot-bottom a{flex:1;display:grid;place-items:center;color:#9ca7b7;text-decoration:none}.mobile-spot-bottom a.active{color:var(--brand-accent,#00F0FF)}@media(min-width:750px){.mobile-spot-trade{font-size:20px}.mobile-spot-header{height:54px;padding:0 30px}.mobile-spot-chart{min-height:212px;padding:14px 30px}.mobile-spot-chart .kline-svg{height:184px}.mobile-spot-form,.mobile-spot-book,.mobile-spot-trades,.mobile-spot-orders{padding-right:30px;padding-left:30px}.mobile-spot-form input{height:58px;font-size:22px}.mobile-spot-form [type=submit]{height:62px;font-size:22px}}
.mobile-spot-order-tabs{display:flex;gap:6px;margin:0 0 10px}.mobile-spot-order-tabs button{min-height:34px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9ba5b4}.mobile-spot-order-tabs button.active{border-bottom-color:var(--brand-accent,#00F0FF);color:var(--brand-accent,#00F0FF)}.mobile-spot-bottom a{min-width:0;font-size:11px;text-align:center}

/* Stage 5C visual fixtures are isolated from the healthy trading styles above. */
body:has(.stage5-mobile-visual){margin:0;background:#000;color:#f2f5ff;font-family:BinancePlex,Arial,sans-serif}
.stage5-mobile-visual{box-sizing:border-box;min-height:100vh;padding:0 0 50px!important;background:linear-gradient(#0d081a 0 649px,#000 649px 100%);color:#f2f5ff;font:12px/1.2 BinancePlex,Arial,sans-serif}
.stage5-mobile-visual *{box-sizing:border-box}.stage5-mobile-visual button,.stage5-mobile-visual input{font:inherit}
.stage5-mobile-visual .mobile-spot-header{height:45px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#0d081a}
.s5m-title{display:flex;align-items:center;color:#fff;font-size:16px}.s5m-title img{width:20px;height:20px}.s5m-title strong{color:#fff;font-weight:700}
.s5m-trade-grid{height:356px;display:grid;grid-template-columns:calc(50% - 4.5px) 1fr;gap:17px;padding:0 5px 0 19px;background:#0d081a}
.stage5-mobile-visual .mobile-spot-form,.stage5-mobile-visual .mobile-spot-book{min-width:0;padding:0;border:0;background:transparent}
.stage5-mobile-visual .mobile-spot-sides{height:45px;display:flex;border:0}.stage5-mobile-visual .mobile-spot-sides button{position:relative;flex:1;padding:8px 0 14px;border:0;background:transparent;color:#999faa;font-size:16px}.stage5-mobile-visual .mobile-spot-sides button.active{color:var(--brand-accent,#00F0FF)}.stage5-mobile-visual .mobile-spot-sides button.active:after{content:"";position:absolute;left:25%;right:25%;bottom:2px;height:3px;background:var(--brand-accent,#00F0FF)}.stage5-mobile-visual .mobile-spot-sides button.sell.active{color:var(--brand-accent,#00F0FF)}
.s5m-order-type{height:33px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;margin:2px 0 5px;padding:0 5px;border-radius:5px;background:#1a1b24;color:#fff;font-size:14px;text-align:center}.s5m-order-type i{width:15px;height:15px;border-radius:50%;background:#999faa;color:#1a1b24;font-style:normal;font-weight:700}.s5m-order-type b{justify-self:end;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #777d86}
.stage5-mobile-visual #mspot-form{display:block}.s5m-field{height:67px;display:block!important;margin-bottom:2px;padding:7px 9px;background:#1a1b24;color:#fff;font-size:14px}.s5m-field span{display:block;height:22px;font-weight:700}.s5m-field em{color:#ff4059;font-style:normal;font-weight:400}.s5m-field input{display:block;width:100%;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-weight:700;outline:0}.s5m-field input::placeholder{color:#777d86;font-weight:400}.s5m-field.quantity{height:66px}
.s5m-percent{height:24px!important;display:flex!important;gap:9px;padding-top:4px}.s5m-percent button{flex:1;height:18px;padding:0;border:0;border-radius:2px;background:#1a1b24;color:#999faa}.s5m-balance,.s5m-notional{height:24px;display:flex!important;align-items:center;justify-content:space-between!important;color:#999faa}.s5m-balance b,.s5m-notional b{font-weight:400}.s5m-notional b{color:#fff;font-weight:700}.stage5-mobile-visual #mspot-submit{width:100%;height:40px;margin-top:3px;border:0;border-radius:2px;background:#00e4f0;color:#fff;font-size:14px;font-weight:700}.stage5-mobile-visual #mspot-submit.sell{background:#ff493e}
.stage5-mobile-visual .mobile-spot-book>header{height:45px;display:flex;align-items:center;justify-content:space-between;color:#999faa;font-size:14px}.stage5-mobile-visual .mobile-spot-book>header span:last-child{padding-right:15px}.stage5-mobile-visual #mspot-book{height:274px}.s5m-book-row{position:relative;height:23px;display:flex;align-items:center;justify-content:space-between;color:#999faa;isolation:isolate}.s5m-book-row:before{content:"";position:absolute;z-index:-1;right:0;width:var(--depth);height:100%;opacity:.14}.s5m-book-row.ask:before{background:#ff4059}.s5m-book-row.bid:before{background:var(--brand-accent,#00F0FF)}.s5m-book-row span:first-child{color:#ff4059}.s5m-book-row.bid span:first-child{color:var(--brand-accent,#00F0FF)}.s5m-book-row span:last-child{padding-right:15px}.s5m-mid{height:23px;display:flex;align-items:center;justify-content:center;color:#ff4059;font-size:16px}.stage5-mobile-visual .latest-entry{width:calc(100% - 5px);height:25px;padding:0;border:0;border-radius:4px;background:#1a1b24;color:#fff}
.stage5-mobile-visual .mobile-spot-orders{height:248px;padding:0;border:0;background:#0d081a}.stage5-mobile-visual .mobile-spot-orders>header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #9a9fa9}.stage5-mobile-visual .mobile-spot-orders h2{margin:0;color:var(--brand-accent,#00F0FF);font-size:16px;font-weight:400}.stage5-mobile-visual .mobile-spot-orders a{position:static;width:96px;height:27px;display:grid;place-items:center;border-radius:4px;background:#1a1b24;color:#fff;font-size:14px}.stage5-mobile-visual #mspot-orders{text-align:center;color:#999faa}.stage5-mobile-visual #mspot-orders img{display:block;width:52px;height:52px;margin:31px auto 0}.stage5-mobile-visual #mspot-orders p{margin:3px 0 0}
.stage5-mobile-visual .mobile-spot-bottom{position:fixed;z-index:5;left:0;right:0;bottom:0;height:50px;display:flex;border:0;background:#0d081a}.stage5-mobile-visual .mobile-spot-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#999faa;font-size:10px}.stage5-mobile-visual .mobile-spot-bottom img{width:24px;height:24px;object-fit:contain}.stage5-mobile-visual .mobile-spot-bottom a.active{color:var(--brand-accent,#00F0FF)}.stage5-mobile-visual .mobile-spot-bottom small{font-size:10px}
.mobile-spot-latest.stage5-mobile-visual{padding:0!important;background:#000}.mobile-spot-latest.stage5-mobile-visual header{position:relative;height:45px;display:grid;place-items:center;background:#0d081a;font-size:16px}.mobile-spot-latest.stage5-mobile-visual .back{position:absolute;left:9px;top:7px;width:25px;height:30px;padding:0;border:0;background:transparent;color:#fff;font-size:24px;font-weight:300}.mobile-spot-latest .latest-head{height:34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 9px;background:#000;color:#fff;font-size:12px;font-weight:700}.mobile-spot-latest .latest-head span:nth-child(2),.mobile-spot-latest .latest-head span:nth-child(3){text-align:right}
@media(min-width:700px){.s5m-trade-grid{grid-template-columns:386px 1fr}.stage5-mobile-visual{font-size:12px!important}.stage5-mobile-visual .mobile-spot-header{height:45px!important;padding:0!important}.stage5-mobile-visual .mobile-spot-form,.stage5-mobile-visual .mobile-spot-book,.stage5-mobile-visual .mobile-spot-orders{padding:0}.stage5-mobile-visual input,.stage5-mobile-visual #mspot-submit{font-size:12px!important}.stage5-mobile-visual #mspot-submit{height:40px}}

/* Source-sampled Stage 5 palette. */
.stage5-mobile-visual{background:linear-gradient(#0c0819 0 649px,#000 649px 100%)}
.stage5-mobile-visual .mobile-spot-header,.s5m-trade-grid,.stage5-mobile-visual .mobile-spot-orders,.stage5-mobile-visual .mobile-spot-bottom,.mobile-spot-latest.stage5-mobile-visual header{background:#0c0819}
.s5m-order-type,.s5m-field,.s5m-percent button,.stage5-mobile-visual .latest-entry,.stage5-mobile-visual .mobile-spot-orders a{background:#1a1b23}
.stage5-mobile-visual #mspot-submit{background:var(--brand-accent,#00F0FF)}

/* Component geometry recovered from the frozen 390px source state. */
.stage5-mobile-visual .mobile-spot-sides{width:calc(100% - 20px);height:45px}
.stage5-mobile-visual .mobile-spot-sides button.active,.stage5-mobile-visual .mobile-spot-sides button.sell.active{color:var(--brand-accent,#00F0FF)}
.stage5-mobile-visual .mobile-spot-sides button.active:after{background:var(--brand-accent,#00F0FF)}
.s5m-order-type{border-radius:4px}.s5m-order-type i{background:#9a9fa9}
.s5m-field{height:67px;padding:9px 9px 0;border-radius:4px;color:#fff}.s5m-field span{height:22px;font-weight:400}.s5m-field.quantity{height:67px;margin-top:3px}
.s5m-field em{color:#d85e66}.s5m-field input{font-weight:400}
.s5m-percent{height:24px!important;gap:10px;padding-top:4px}.s5m-percent button{color:#848b98}
.s5m-balance{height:25px;margin-top:3px;color:#9a9fa9}.s5m-notional{height:24px;color:#9a9fa9}
.stage5-mobile-visual #mspot-submit{height:41px;margin-top:10px;font-weight:400}
.stage5-mobile-visual .mobile-spot-book>header{height:45px;color:#9a9fa9}
.stage5-mobile-visual #mspot-book{height:281.36px;padding-top:13px}
.s5m-book-row{height:23.328125px;color:#848b98}.s5m-book-row span:first-child{color:#d85e66}.s5m-book-row.bid span:first-child{color:var(--brand-accent,#00F0FF)}
.s5m-book-row:before{opacity:1}.s5m-book-row.ask:before{background:#231120}.s5m-book-row.bid:before{background:#141a25}
.s5m-mid{width:calc(100% - 10px);height:19.2px;margin:5.84px 10px 4.17px 0;color:#d85e66}
.stage5-mobile-visual .latest-entry{width:100%;height:24.390625px;color:#fff}
.stage5-mobile-visual .mobile-spot-orders h2,.stage5-mobile-visual .mobile-spot-bottom a.active{color:var(--brand-accent,#00F0FF)}

/* Frozen bitmap alignment: the source grid reaches the right viewport edge. */
.s5m-trade-grid{grid-template-columns:178.5px 1fr;height:356px;padding-right:0}
.stage5-mobile-visual .mobile-spot-sides{height:43px}
.s5m-field.quantity{margin-top:0}
.s5m-percent{padding-top:2px}
.stage5-mobile-visual #mspot-submit{height:40px;margin-top:11px}
.stage5-mobile-visual #mspot-book{height:276.36px}
.stage5-mobile-visual .latest-entry{width:calc(100% - 5px)}

.s5m-book-row span:last-child{padding-right:20px}
.s5m-mid{width:calc(100% - 15px);margin-right:15px}
.stage5-mobile-visual .mobile-spot-orders>header{height:38px}
.stage5-mobile-visual .mobile-spot-bottom{height:49px}

/* Source fractional row raster positions at 390px. */
.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(1){transform:translateY(-1px)}
.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(2),.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(3),.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(4){transform:translateY(-2px)}
.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(5){transform:translateY(-3px)}
.stage5-mobile-visual #mspot-book>.s5m-mid{font-weight:400;transform:translateY(-4px)}
.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(7),.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(8),.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(9),.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(10){transform:translateY(-3px)}
.stage5-mobile-visual #mspot-book>.s5m-book-row:nth-child(11){transform:translateY(-4px)}

.s5m-field{height:66px;margin-bottom:3px}.s5m-field.quantity{height:66px}
.s5m-field span,.s5m-field input{font-weight:700}.s5m-field input::placeholder{color:#8a8a8a;font-weight:400}
.stage5-mobile-visual #mspot-submit{margin-top:9px}
.stage5-mobile-visual .mobile-spot-sides button{color:#9a9fa9}
.stage5-mobile-visual .mobile-spot-sides button.active:after{left:21.5%;right:21.5%;bottom:3px}

.stage5-mobile-visual .s5m-title{transform:translateY(-1px)}
.stage5-mobile-visual .s5m-field,.stage5-mobile-visual .s5m-field span{color:#fff}
.stage5-mobile-visual .s5m-field input{transform:translateY(1px)}
.stage5-mobile-visual .s5m-notional{transform:translateY(-2px)}
.stage5-mobile-visual .mobile-spot-book>header span:last-child{padding-right:20px}
.stage5-mobile-visual .mobile-spot-orders{height:235px}

.stage5-mobile-visual{background:linear-gradient(#0c0819 0 636px,#000 636px 100%)}
.stage5-mobile-visual .s5m-field span{font-weight:400}
.stage5-mobile-visual .s5m-balance b,.stage5-mobile-visual .s5m-notional b{font-weight:800}
.stage5-mobile-visual .mobile-spot-bottom a{color:#9a9fa9}

.stage5-mobile-visual .mobile-spot-sides button,.stage5-mobile-visual .mobile-spot-book>header span{transform:translateY(1px)}
.stage5-mobile-visual .s5m-field em{margin-left:20px}
.stage5-mobile-visual .latest-entry{text-align:center}
.stage5-mobile-visual .mobile-spot-bottom{height:49px;box-shadow:0 -1px #0a0715}

.stage5-mobile-visual .latest-entry{display:grid;place-items:center}
.stage5-mobile-visual .s5m-order-type i{transform:translateX(3px)}
.stage5-mobile-visual .s5m-order-type b{transform:translateX(-2px)}
.stage5-mobile-visual .s5m-order-type i{background:#8a8a8a}
.stage5-mobile-visual .s5m-order-type b{border-top-color:#8a8a8a}
.stage5-mobile-visual .mobile-spot-bottom a:nth-child(1) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(2) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(4) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(5) img{filter:url('/assets/stage5-filters.svg#inactive')}

.stage5-mobile-visual .s5m-field input::placeholder{color:#808080}
.stage5-mobile-visual .latest-entry{justify-content:center}
.stage5-mobile-visual .mobile-spot-bottom a:nth-child(1) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(2) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(4) img,.stage5-mobile-visual .mobile-spot-bottom a:nth-child(5) img{filter:none}
.stage5-mobile-visual .mobile-spot-bottom a{color:#838b99}
.stage5-mobile-visual .mobile-spot-bottom a.active{color:var(--brand-accent,#00F0FF)}
.stage5-mobile-visual .mobile-spot-bottom small{position:relative;top:4px}

.stage5-mobile-visual .s5m-field input::placeholder{font-size:12px;line-height:16.8px}
.stage5-mobile-visual .s5m-balance{transform:translateY(-2px)}
.stage5-mobile-visual #mspot-orders{transform:translateY(-3px)}

@media(max-width:380px){
  .s5m-trade-grid{grid-template-columns:170px 1fr}
  .stage5-mobile-visual .mobile-spot-bottom{height:49px;box-shadow:0 -1px #0a0715}
  .stage5-mobile-visual #mspot-book>.s5m-mid:only-child{transform:translateY(113px)}
  .stage5-mobile-visual .mobile-spot-sides button.active:after{left:calc(50% - .5px);bottom:4px}
}
@media(min-width:700px){
  .s5m-trade-grid{grid-template-columns:386px 1fr}
}

.stage5-mobile-visual .mobile-spot-sides button.active:after{left:50%;right:auto;width:45px;transform:translateX(-50%)}

/* Healthy mobile spot trading uses the same useful first-screen order/book
   hierarchy as the live page, but never consumes a visual fixture.  It stays
   deliberately separate from .stage5-mobile-visual: data, balances, orders
   and every action below are supplied by the real local client. */
.healthy-source-spot{min-height:100dvh;padding:0 0 calc(60px + env(safe-area-inset-bottom));background:linear-gradient(#0c0819 0 620px,#000 620px 100%);color:#f2f5ff;font:12px/1.2 BinancePlex,Arial,sans-serif}
.healthy-source-spot *{box-sizing:border-box}.healthy-source-spot button,.healthy-source-spot input,.healthy-source-spot select{font:inherit}
.healthy-source-spot .mobile-spot-header{position:sticky;top:0;z-index:6;height:45px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;padding:0 10px;border:0;background:#0c0819}
.healthy-source-spot .mobile-spot-header .back{width:28px;height:34px;padding:0;border:0;background:transparent;color:#fff}.healthy-source-spot .mobile-spot-header .back-glyph{font-size:23px}
.healthy-spot-symbol{min-width:0;display:flex;align-items:center;gap:8px}.healthy-source-spot #mspot-symbol{display:flex;align-items:center;gap:5px;min-width:0;max-width:142px;height:34px;padding:0;border:0;background:transparent;color:#fff;font-weight:700;outline:0;cursor:pointer}.healthy-source-spot #mspot-symbol>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.healthy-source-spot #mspot-symbol>i{color:var(--brand-accent,#00F0FF);font-size:15px;font-style:normal}.healthy-source-spot #mspot-symbol:focus-visible{outline:2px solid var(--brand-accent,#00F0FF);outline-offset:3px;border-radius:3px}.healthy-source-spot #mspot-last{min-width:0;color:var(--brand-accent,#00F0FF);font-size:12px;overflow:hidden;text-overflow:ellipsis}.healthy-spot-chart-link{padding:6px 8px;color:#9aa2ad;text-decoration:none;font-size:11px}.healthy-source-spot #mspot-market-source{display:block;grid-column:1 / -1;padding:0 10px 6px;color:#9aa2ad;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.healthy-source-spot .s5m-trade-grid{height:356px;display:grid;grid-template-columns:178.5px minmax(0,1fr);gap:17px;padding:0 0 0 19px;background:#0c0819}
.healthy-source-spot .mobile-spot-form,.healthy-source-spot .mobile-spot-book{min-width:0;padding:0;border:0;background:transparent}
.healthy-source-spot .mobile-spot-sides{width:calc(100% - 20px);height:43px;display:flex;border:0}.healthy-source-spot .mobile-spot-sides button{position:relative;flex:1;padding:8px 0 14px;border:0;background:transparent;color:#9a9fa9;font-size:16px}.healthy-source-spot .mobile-spot-sides button.active{color:var(--brand-accent,#00F0FF)}.healthy-source-spot .mobile-spot-sides button.active:after{content:"";position:absolute;left:50%;bottom:3px;width:45px;height:3px;background:var(--brand-accent,#00F0FF);transform:translateX(-50%)}
.healthy-source-spot .s5m-order-type{height:32px;display:flex;gap:5px;margin-right:20px;border:0;background:transparent}.healthy-source-spot .s5m-order-type button{min-width:0;flex:1;height:25px;padding:0;border:0;border-radius:3px;background:#1a1b23;color:#9a9fa9}.healthy-source-spot .s5m-order-type button.active{background:#293642;color:#fff}
.healthy-source-spot #mspot-form{display:block}.healthy-source-spot .s5m-field{height:66px;display:block!important;margin:2px 20px 0 0;padding:7px 9px;background:#1a1b23;color:#fff;font-size:12px}.healthy-source-spot .s5m-field span{display:block;height:22px;color:#fff;font-weight:400}.healthy-source-spot .s5m-field em{margin-left:5px;color:#ff6174;font-style:normal;font-weight:400}.healthy-source-spot .s5m-field input{display:block;width:100%;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-weight:700;outline:0}.healthy-source-spot .s5m-field input::placeholder{color:#808080;font-weight:400}.healthy-source-spot .s5m-field.quantity{height:66px}
.healthy-source-spot .s5m-percent{height:24px!important;display:flex!important;gap:9px;margin-right:20px;padding-top:4px}.healthy-source-spot .s5m-percent button{flex:1;height:18px;padding:0;border:0;border-radius:2px;background:#1a1b23;color:#9a9fa9}.healthy-source-spot .s5m-balance,.healthy-source-spot .s5m-notional{height:24px;display:flex!important;align-items:center;justify-content:space-between!important;margin-right:20px;color:#9a9fa9}.healthy-source-spot .s5m-balance b,.healthy-source-spot .s5m-notional b{font-weight:700}.healthy-source-spot .s5m-notional b{color:#fff}.healthy-source-spot #mspot-submit{width:calc(100% - 20px);height:40px;margin-top:8px;border:0;border-radius:2px;background:var(--brand-accent,#00F0FF);color:#071019;font-size:14px;font-weight:700}.healthy-source-spot[data-side="SELL"] #mspot-submit{background:#ff493e;color:#fff}.healthy-source-spot #mspot-status{min-height:18px;margin:3px 20px 0 0;color:#ff8792;overflow-wrap:anywhere}
.healthy-source-spot .mobile-spot-book>header{height:45px;display:flex;align-items:center;justify-content:space-between;color:#9a9fa9;font-size:12px}.healthy-source-spot .mobile-spot-book>header span:last-child{padding-right:14px}.healthy-source-spot #mspot-book{height:276px;padding-top:8px}.healthy-source-spot .s5m-book-row{width:100%;height:23px;padding:0;border:0;background:transparent}.healthy-source-spot .s5m-mid{height:23px;display:flex;align-items:center;justify-content:center;color:#ff6174;font-size:14px}.healthy-source-spot .latest-entry{display:grid;place-items:center;width:calc(100% - 5px);height:24px;padding:0;border:0;border-radius:4px;background:#1a1b23;color:#fff;text-decoration:none}
.healthy-source-spot .s5m-book-empty{display:grid;place-items:center;height:100%;margin:0;color:#9a9fa9}
.healthy-source-spot .mobile-spot-orders{min-height:235px;padding:0;border:0;background:#0c0819}.healthy-source-spot .mobile-spot-orders>header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #45454d}.healthy-source-spot .mobile-spot-orders h2{margin:0;color:var(--brand-accent,#00F0FF);font-size:16px;font-weight:400}.healthy-source-spot .mobile-spot-orders>header a{position:static;width:86px;height:26px;display:grid;place-items:center;border-radius:4px;background:#1a1b23;color:#fff;text-decoration:none}.healthy-source-spot .mobile-spot-order-tabs{display:flex;gap:14px;padding:10px 12px 4px;border:0}.healthy-source-spot .mobile-spot-order-tabs button{padding:0;border:0;background:transparent;color:#9a9fa9}.healthy-source-spot .mobile-spot-order-tabs button.active{color:var(--brand-accent,#00F0FF)}.healthy-source-spot #mspot-orders{min-height:135px;padding:8px 12px;color:#9a9fa9;text-align:center}.healthy-source-spot #mspot-orders article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #24212e;text-align:left}.healthy-source-spot #mspot-orders article span{color:#9a9fa9}.healthy-source-spot #mspot-orders article button{border:0;background:transparent;color:var(--brand-accent,#00F0FF)}.healthy-source-spot #mspot-orders p{margin:42px 0 0;color:#9a9fa9}
.healthy-source-spot .healthy-spot-chart{min-height:245px;padding:16px 14px;border-top:9px solid #000;border-bottom:9px solid #000;background:#0c0819}.healthy-source-spot .healthy-spot-chart>header{display:flex;align-items:center;justify-content:space-between}.healthy-source-spot .healthy-spot-chart h2,.healthy-source-spot .healthy-spot-trades h2{margin:0;color:#fff;font-size:15px}.healthy-source-spot .healthy-spot-chart a{color:var(--brand-accent,#00F0FF);text-decoration:none}.healthy-source-spot .healthy-spot-chart .kline-head{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;margin-top:8px;color:#8f9baa;font-size:9px}.healthy-source-spot .healthy-spot-chart .kline-head h3{margin:0;color:#dce5ef;font-size:11px}.healthy-source-spot .healthy-spot-chart .kline-legend{display:flex;align-items:center;gap:4px;justify-self:end}.healthy-source-spot .healthy-spot-chart .kline-legend i,.healthy-source-spot .healthy-spot-chart .kline-legend b{display:inline-block;width:11px;height:2px;background:#ecbb48}.healthy-source-spot .healthy-spot-chart .kline-legend b{background:#a870e7}.healthy-source-spot .healthy-spot-chart .kline-hover{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.healthy-source-spot .healthy-spot-chart .kline-svg{display:block;width:100%;height:202px;margin-top:4px}.healthy-source-spot .healthy-spot-chart .k-grid{stroke:#283343;stroke-width:1;vector-effect:non-scaling-stroke}.healthy-source-spot .healthy-spot-chart .k-axis,.healthy-source-spot .healthy-spot-chart .k-time-axis{fill:#788696;font-size:10px}.healthy-source-spot .healthy-spot-chart .k-ma{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}.healthy-source-spot .healthy-spot-chart .k-ma-five{stroke:#ecbb48}.healthy-source-spot .healthy-spot-chart .k-ma-ten{stroke:#a870e7}.healthy-source-spot .healthy-spot-trades{padding:16px 14px 85px;border-bottom:0;background:#0c0819}.healthy-source-spot .healthy-spot-trades p{margin:7px 0;color:#a7b2bf}
.healthy-source-spot .mobile-spot-bottom{height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border:0;background:#0c0819;box-shadow:0 -1px #0a0715}.healthy-source-spot .mobile-spot-bottom a{display:grid;place-items:center;min-width:0;padding:0 2px;color:#838b99;font-size:10px;text-align:center}.healthy-source-spot .mobile-spot-bottom a.active{color:var(--brand-accent,#00F0FF)}
/* Do not delegate market selection to the platform's tiny native select.
   The live terminal now owns a readable, touch-sized bottom sheet.  It stops
   above the persistent trade navigation so neither navigation bar is clipped
   or displaced while a market is being selected. */
.mobile-market-picker{position:fixed;inset:auto 0 calc(54px + env(safe-area-inset-bottom));width:100%;max-width:none;max-height:min(56dvh,560px);margin:0;padding:0;border:1px solid #2d4055;border-radius:16px 16px 0 0;background:#101925;color:#eff7ff;box-shadow:0 -18px 40px rgba(0,0,0,.42)}.mobile-market-picker::backdrop{background:rgba(0,0,0,.48)}.mobile-market-picker header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid #27394d;background:#101925}.mobile-market-picker header strong{font-size:17px}.mobile-market-picker header button{width:40px;height:40px;border:0;border-radius:20px;background:#19283a;color:#f3f7fd;font-size:26px;line-height:1}.mobile-market-picker>p{margin:12px 16px 8px;color:#8398af;font-size:12px}.mobile-market-picker [data-mspot-market-options]{display:grid;gap:7px;max-height:calc(min(56dvh,560px) - 112px);padding:0 12px calc(14px + env(safe-area-inset-bottom));overflow:auto}.mobile-market-picker [data-mspot-market-options] button{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;border:1px solid #2a3c51;border-radius:9px;background:#142031;color:#eaf2fa;text-align:left}.mobile-market-picker [data-mspot-market-options] button.active{border-color:var(--brand-accent,#00F0FF);background:#12323a;color:#79f1f7}.mobile-market-picker [data-mspot-market-options] bdi{font-size:15px;font-weight:700}.mobile-market-picker [data-mspot-market-options] span{color:#8ca1b5;font-size:11px}
/* Public market directory: mirrors the CURRENT LIVE information hierarchy
   (search → All → symbol / last / change) without embedding the trade form.
   The directory keeps all controls touch-sized at phone widths and becomes a
   wider reading layout on tablets without zooming the page. */
.mobile-market-page{min-height:100dvh;padding:0 0 calc(62px + env(safe-area-inset-bottom));background:#080b14;color:#eef3fa;font:14px/1.35 BinancePlex,Arial,sans-serif}.mobile-market-page *{box-sizing:border-box}.mobile-market-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;min-height:52px;padding:0 13px;border-bottom:1px solid #202b3b;background:#101722}.mobile-market-brand{justify-self:start;display:flex;align-items:center;min-height:40px}.mobile-market-brand img{display:block;width:72px;max-height:28px;object-fit:contain}.mobile-market-header h1{margin:0;color:#f3f7fb;font-size:17px;font-weight:650}.mobile-market-account{justify-self:end;color:#95a6ba;font-size:12px;text-decoration:none}.mobile-market-directory{padding:15px 14px 26px}.mobile-market-search{display:block;position:relative}.mobile-market-search:before{content:'⌕';position:absolute;z-index:1;left:13px;top:50%;color:#90a4ba;font-size:21px;line-height:1;transform:translateY(-55%)}.mobile-market-search input{display:block;width:100%;min-height:44px;padding:0 13px 0 41px;border:1px solid #2a3b51;border-radius:8px;background:#141e2d;color:#edf4fb;outline:none}.mobile-market-search input:focus{border-color:var(--brand-accent,#00F0FF);box-shadow:0 0 0 2px rgba(110,236,252,.12)}.mobile-market-filters{display:flex;gap:8px;padding:15px 0 12px}.mobile-market-filters button{min-height:33px;padding:0 16px;border:0;border-radius:17px;background:#1a2637;color:#aab8c8}.mobile-market-filters button.active{background:#00d9eb;color:#06111b;font-weight:700}.mobile-market-columns,.mobile-market-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(88px,.9fr) minmax(72px,.72fr);gap:8px;align-items:center}.mobile-market-columns{min-height:32px;padding:0 5px;color:#8596aa;font-size:12px}.mobile-market-columns span:nth-child(n+2),.mobile-market-row span,.mobile-market-row em{text-align:right}.mobile-market-rows{border-top:1px solid #1d2939}.mobile-market-row{min-height:59px;padding:0 5px;border-bottom:1px solid #1d2939;color:#edf4fb;text-decoration:none}.mobile-market-row:hover,.mobile-market-row:focus-visible{background:#142132;outline:0}.mobile-market-row bdi{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-market-row span{color:#dfeafa;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-market-row em{font-style:normal;font-variant-numeric:tabular-nums}.mobile-market-row.positive em{color:#24cf9a}.mobile-market-row.negative em{color:#ff6875}.mobile-market-empty{display:grid;min-height:160px;place-items:center;margin:0;color:#8294a9}.mobile-market-bottom{position:fixed;z-index:6;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border:0;background:#101722;box-shadow:0 -1px #1b293a}.mobile-market-bottom a{display:grid;place-items:center;min-width:0;padding:0 2px;color:#8b9caf;font-size:10px;text-align:center;text-decoration:none}.mobile-market-bottom a.active{color:#00d9eb}.mobile-market-loading,.mobile-market-error{display:grid;place-content:center;gap:14px;padding:24px;text-align:center}.mobile-market-error button{min-height:42px;padding:0 18px;border:0;border-radius:7px;background:#00d9eb;color:#06111b;font-weight:700}
@media(min-width:700px){.healthy-source-spot{font-size:15px}.healthy-source-spot .mobile-spot-header{height:64px;padding:0 28px;grid-template-columns:48px minmax(0,1fr) auto}.healthy-source-spot #mspot-symbol{max-width:200px;font-size:18px}.healthy-source-spot #mspot-last{font-size:16px}.healthy-source-spot .s5m-trade-grid{height:520px;grid-template-columns:386px minmax(0,1fr);gap:28px;padding-left:40px}.healthy-source-spot .mobile-spot-sides{height:64px}.healthy-source-spot .mobile-spot-sides button{font-size:22px}.healthy-source-spot .s5m-order-type{height:44px;margin-right:34px}.healthy-source-spot .s5m-order-type button{height:36px;font-size:16px}.healthy-source-spot .s5m-field{height:90px;margin-right:34px;padding:12px 14px;font-size:16px}.healthy-source-spot .s5m-field span{height:30px}.healthy-source-spot .s5m-field input{height:36px!important;font-size:18px}.healthy-source-spot .s5m-field.quantity{height:90px}.healthy-source-spot .s5m-percent{height:36px!important;margin-right:34px;padding-top:7px}.healthy-source-spot .s5m-percent button{height:25px}.healthy-source-spot .s5m-balance,.healthy-source-spot .s5m-notional{height:34px;margin-right:34px}.healthy-source-spot #mspot-submit{width:calc(100% - 34px);height:54px;font-size:18px}.healthy-source-spot .mobile-spot-book>header{height:64px;font-size:16px}.healthy-source-spot #mspot-book{height:397px;padding-top:10px}.healthy-source-spot .s5m-book-row,.healthy-source-spot .s5m-mid{height:34px;font-size:16px}.healthy-source-spot .latest-entry{height:32px;font-size:15px}.healthy-source-spot .mobile-spot-orders{min-height:310px}.healthy-source-spot .mobile-spot-orders>header{height:56px;padding:0 30px}.healthy-source-spot .mobile-spot-order-tabs{padding:16px 30px 8px;font-size:16px}.healthy-source-spot #mspot-orders{min-height:180px;padding:12px 30px;font-size:16px}.healthy-source-spot .healthy-spot-chart{min-height:390px;padding:24px 30px}.healthy-source-spot .healthy-spot-chart .kline-svg{height:320px}.healthy-source-spot .healthy-spot-trades{padding:24px 30px 120px;font-size:16px}.mobile-market-picker{right:18px;left:18px;width:auto;max-width:720px;margin:auto;border-radius:16px}.mobile-market-picker [data-mspot-market-options]{grid-template-columns:1fr 1fr}}

/* Stage 6B mobile contract cards shrink independently at 375/390/768 widths. */
.mobile-contract-portal .delivery-market,.mobile-contract-portal .delivery-order-card,.mobile-contract-portal .delivery-records{min-width:0}
.mobile-contract-portal .delivery-order-card fieldset{min-width:0}
.mobile-market-empty[hidden]{display:none}

/* M4 normal-runtime market directory: source-discovered codes that do not
   have a local trading rule are intentionally visible but cannot be clicked
   into an order form.  The sheet remains large enough to search at phone
   widths and bounded above the persistent navigation. */
.mobile-market-picker{max-height:min(62dvh,620px)}
.mspot-market-search{display:block;margin:10px 12px 0}.mspot-market-search input{box-sizing:border-box;width:100%;min-height:42px;padding:0 12px;border:1px solid #2a4057;border-radius:8px;background:#0d1724;color:#edf4fa;outline:none}.mspot-market-search input:focus{border-color:var(--brand-accent,#00F0FF);box-shadow:0 0 0 2px rgba(110,230,239,.12)}
.mobile-market-picker [data-mspot-market-options]{max-height:calc(min(62dvh,620px) - 164px)}
.mobile-market-picker [data-mspot-market-options] button:disabled{border-color:#253243;background:#0c1420;color:#7d8d9f;cursor:not-allowed;opacity:.82}
.mobile-market-row bdi{display:grid;gap:2px}.mobile-market-row bdi small{color:#71849b;font-size:10px;font-weight:400}.mobile-market-row.unavailable{cursor:not-allowed;opacity:.82}.mobile-market-row.unavailable>span:not(.mobile-market-status),.mobile-market-row.unavailable em{color:#7c8998}.mobile-market-status{grid-column:2/-1;color:#94a8bc!important;font-size:10px}

/* MOB-P1-002 badge + sortable headers */
.mobile-market-columns,.mobile-market-row{grid-template-columns:28px minmax(0,1fr) minmax(88px,.9fr) minmax(72px,.72fr)}
.mobile-market-icon{display:block;width:26px;height:26px;border-radius:50%;object-fit:contain}
.mobile-market-sort{display:inline-flex;align-items:center;gap:3px;padding:4px 0;border:0;background:transparent;color:#8596aa;font:inherit;text-align:right;cursor:pointer}
.mobile-market-sort:first-child{text-align:left;grid-column-start:2}
.mobile-market-sort[aria-sort="asc"]:after,.mobile-market-sort[aria-sort="desc"]:after{content:"▾";display:inline-block;color:var(--brand-accent,#00F0FF)}
.mobile-market-sort[aria-sort="asc"]:after{content:"▴"}
.mobile-market-sort[aria-sort="none"]:after{content:"⇅";opacity:.4;color:inherit}
.mobile-home-market-symbol{display:flex;align-items:center;gap:8px;min-width:0;text-align:left!important}.mobile-home-market-symbol img{display:block;width:24px;height:24px;border-radius:50%;object-fit:contain;flex:0 0 24px}.mobile-home-market-symbol b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-home-market>#mobile-home-markets>a em.positive{color:#24cf9a}.mobile-home-market>#mobile-home-markets>a em.negative{color:#ff6875}
@import url('/shared/staking-visual-pages.css');

/* Healthy-runtime asset/account screens; formal visual roots are unaffected. */
.mobile-assets,.healthy-mobile-mine{min-height:100dvh;padding-bottom:76px;background:#070b14;color:#eef4ff}
.mobile-assets .mobile-header,.healthy-mobile-mine .mobile-header{position:sticky;top:0;z-index:3;background:#0b111d;border-bottom:1px solid #20283a}
.mobile-assets .mobile-header .title,.healthy-mobile-mine .mobile-header .title{color:#eef4ff}
.mobile-assets .healthy-assets-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}.mobile-assets .healthy-assets-actions a{min-width:0;padding:12px 4px;border:1px solid #253149;border-radius:8px;background:#101725;color:var(--brand-accent,#00F0FF);text-align:center;text-decoration:none;font-size:12px}
.mobile-assets .healthy-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px}.mobile-assets .healthy-assets-grid article{min-width:0;padding:14px;border:1px solid #202a3e;border-radius:10px;background:#0e1421}.mobile-assets .healthy-assets-grid article header{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#8290aa}.mobile-assets .healthy-assets-grid article>b{display:block;margin:16px 0 4px;font-size:17px;overflow-wrap:anywhere}
.mobile-assets-hero{margin:14px 14px 0;padding:18px;border:1px solid #244051;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(76,224,235,.16),transparent 48%),#0d1724}.mobile-assets-hero span,.mobile-assets-hero small{display:block;color:#8495ac;font-size:12px}.mobile-assets-hero strong{display:block;margin:7px 0 3px;color:#f3f7fb;font-size:26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mobile-assets-section{padding-bottom:20px}.mobile-assets-section>header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.mobile-assets-section h2{margin:0;color:#edf4fb;font-size:16px}.mobile-assets-section>header button{padding:6px 10px;border:1px solid #2b4056;border-radius:6px;background:#111d2c;color:#72e5ef}.mobile-assets .healthy-assets-grid article>div{display:flex;gap:8px;margin-top:12px}.mobile-assets .healthy-assets-grid article>div a{flex:1;min-width:0;padding:6px 3px;border:1px solid #294258;border-radius:5px;color:#73e5ef;font-size:11px;text-align:center;text-decoration:none}.mobile-assets [data-assets-state]{min-height:18px;margin:10px 14px;color:#8290aa;font-size:12px}.mobile-assets-loading,.mobile-assets-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;margin:0;color:#8290aa}
.funds-mobile{min-height:100dvh;padding-bottom:78px;background:#070b14;color:#eaf1f9}.funds-mobile .mobile-header{position:sticky;top:0;z-index:5;background:#0b111d;border-bottom:1px solid #20283a}.funds-mobile .mobile-header>a{color:#75e7ef;font-size:12px;text-decoration:none}.funds-mobile-intro{padding:18px 16px 14px;background:linear-gradient(135deg,#0d2630,#0c121d 62%)}.funds-mobile-intro span{display:block;color:#7fe7ec;font-size:12px}.funds-mobile-intro h1{margin:7px 0 0;font-size:23px;font-weight:650}.funds-mobile #funds-form{display:grid;gap:13px;padding:16px}.funds-mobile #funds-form>label{display:grid;gap:7px;color:#9daabe;font-size:12px}.funds-mobile #funds-form input,.funds-mobile #funds-form select{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid #2a4057;border-radius:8px;background:#0d1724;color:#edf4fa;outline:none}.funds-mobile #funds-form input:focus,.funds-mobile #funds-form select:focus{border-color:#6ee6ef;box-shadow:0 0 0 2px rgba(110,230,239,.12)}.funds-mobile #funds-form output{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #263a51;border-radius:8px;background:#0c1521;color:#c9d8e9;overflow-wrap:anywhere}.funds-mobile #funds-form>button,.funds-mobile #funds-form [type="submit"]{min-height:46px;border:0;border-radius:8px;background:linear-gradient(90deg,#68e5ed,#52c7de);color:#061017;font-weight:750}.funds-mobile #funds-form button:disabled{opacity:.52}.funds-mobile #funds-status{min-height:20px;margin:2px 0 0;color:#8fa2b9;font-size:12px;overflow-wrap:anywhere}.funds-mobile #stage4-list{margin-top:4px}.funds-mobile .mobile-record-list{display:grid;gap:9px}.funds-mobile .mobile-record{display:grid;gap:5px;padding:13px;border:1px solid #22364c;border-radius:9px;background:#0d1622}.funds-mobile .mobile-record b{color:#eaf2fa}.funds-mobile .mobile-record span,.funds-mobile .mobile-record time,.funds-mobile .mobile-record small{color:#90a0b4;font-size:12px;overflow-wrap:anywhere}.funds-mobile .mobile-record button{justify-self:start;min-height:32px;padding:0 10px;border:1px solid #365269;border-radius:6px;background:#132235;color:#77e5ed}.funds-mobile .mobile-empty{min-height:160px;display:grid;place-items:center;color:#8395aa}.funds-mobile .mobile-check{display:flex!important;align-items:center;gap:8px}.funds-mobile .mobile-check input{width:auto!important;min-height:auto!important}.funds-mobile #pay-password-setup{display:grid;gap:10px;padding:14px;border:1px solid #2b4459;border-radius:10px;background:#0e1a27}.funds-mobile #pay-password-setup label{display:grid;gap:7px;color:#a9b6c6;font-size:12px}.funds-mobile #pay-password-setup input{min-height:42px;padding:0 12px;border:1px solid #2a4057;border-radius:7px;background:#09121c;color:#fff}.funds-mobile #pay-password-setup button{min-height:42px;border:0;border-radius:7px;background:#6ee6ef;color:#061017;font-weight:700}
.funds-mobile .mobile-funds-picker-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.funds-mobile .mobile-funds-picker-trigger{display:flex;align-items:center;justify-content:space-between;inline-size:100%;min-height:var(--ui-touch-target);padding:0 13px;border-color:#2a4057;background:#0d1724;color:#edf4fa;text-align:start}.funds-mobile .mobile-funds-picker-trigger::after{content:'⌄';margin-inline-start:12px;color:#8da5be;font-size:18px}.funds-mobile .mobile-funds-picker-trigger:focus-visible{outline:0;box-shadow:var(--ui-focus-ring)}.mobile-funds-picker{inline-size:min(100vw - 24px,560px);max-inline-size:none;max-block-size:calc(100dvh - 96px);margin:auto;background:#0b1623;color:var(--ui-color-text)}.mobile-funds-picker::backdrop{background:rgba(2,7,13,.72)}.mobile-funds-picker-sheet{display:grid;max-block-size:calc(100dvh - 128px);grid-template-rows:auto minmax(0,1fr)}.mobile-funds-picker-sheet header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 16px;border-bottom:1px solid #274057}.mobile-funds-picker-sheet header strong{font-size:16px}.mobile-funds-picker-sheet header button{font-size:26px;line-height:1}.mobile-funds-picker [role="listbox"]{display:grid;gap:8px;overflow:auto;padding:12px}.mobile-funds-picker [role="option"]{min-height:var(--ui-touch-target);padding:0 14px;border-color:#2d485f;border-radius:9px;background:#122235;color:#edf8ff;text-align:start}.mobile-funds-picker [role="option"][aria-selected="true"]{border-color:var(--brand-accent,#00F0FF);background:rgba(99,221,234,.14);color:#7eeaf2}.mobile-funds-picker [role="option"]:disabled{opacity:.45}
.healthy-mobile-mine .cards{display:grid;gap:12px;padding:16px}.healthy-mobile-mine .ieo-card{display:flex;justify-content:space-between;gap:12px;padding:18px;border:1px solid #202a3e;border-radius:10px;background:#0e1421;color:inherit;text-decoration:none}.healthy-mobile-mine .ieo-card span{color:#8290aa}
.healthy-mobile-logout{display:block;width:calc(100% - 32px);margin:10px 16px 20px;padding:14px;border:1px solid #e45c68;border-radius:10px;background:transparent;color:#ff7b86}
.mobile-account-page{min-height:100dvh;padding-bottom:64px;background:#06090f;color:#eef4f8}.mobile-account-page>p[role=status]{margin:0;padding:48px 16px;text-align:center;color:#8e9ca9}.mobile-account-hub{background:#06090f;color:#eef4f8}.mobile-account-identity{min-height:108px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;padding:18px 16px;background:linear-gradient(145deg,#111927,#081019);border-bottom:1px solid #1d2934}.mobile-account-avatar{width:50px;height:50px;border:2px solid var(--brand-accent,#00F0FF);border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--brand-accent,#00F0FF) 0 7px,transparent 8px),radial-gradient(circle at 50% 88%,var(--brand-accent,#00F0FF) 0 17px,transparent 18px)}.mobile-account-identity strong{display:block;overflow:hidden;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.mobile-account-identity p{display:flex;flex-wrap:wrap;gap:4px 7px;margin:8px 0 0;color:#8496a5;font-size:11px}.mobile-account-identity p b{margin-right:8px;color:#d8e5eb;font-weight:500}.mobile-account-assets{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 12px 0;padding:15px 17px;border:1px solid #20343f;border-radius:10px;background:#0d1720;color:inherit;text-decoration:none}.mobile-account-assets span{color:#91a3b0}.mobile-account-assets strong{color:var(--brand-accent,#00F0FF);font-size:18px}.mobile-account-money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 12px}.mobile-account-money a{min-width:0;min-height:70px;display:grid!important;place-items:center;align-content:center;gap:7px;padding:8px 3px!important;border:1px solid #1b303a!important;border-radius:9px;background:#0b151d;color:#dfe9ed;text-align:center;text-decoration:none}.mobile-account-money i{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--brand-accent,#00F0FF);border-radius:8px;background:linear-gradient(135deg,rgba(110,236,252,.32),rgba(110,236,252,.04));color:#74edf9;font:700 18px/1 Inter,Arial,sans-serif}.mobile-account-money a[data-account-action="withdrawal"] i{color:#ffb6c6;border-color:#ff829d;background:linear-gradient(135deg,rgba(255,95,137,.32),rgba(255,95,137,.04))}.mobile-account-money a[data-account-action="transfer"] i{color:#9be7ff;border-color:#65bde1}.mobile-account-money a[data-account-action="exchange"] i{color:#a9e9c8;border-color:#55d49a;background:linear-gradient(135deg,rgba(85,212,154,.28),rgba(85,212,154,.04))}.mobile-account-money span{overflow:hidden;width:100%;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mobile-account-services{margin:0 12px 14px;border:1px solid #1d2b36;border-radius:10px;background:#0b121a;overflow:hidden}.mobile-account-services a{min-height:48px;display:flex!important;align-items:center;justify-content:space-between;padding:0 15px!important;border:0!important;border-bottom:1px solid #192630!important;color:#dce6eb;text-decoration:none}.mobile-account-services a:last-child{border-bottom:0!important}.mobile-account-services b{color:#566b78;font-size:22px;font-weight:300}.mobile-account-page .healthy-mobile-logout{margin-top:4px}.mobile-home-drawer{overflow-y:auto}.mobile-home-drawer>.mobile-account-hub{min-height:calc(100dvh - 58px)}.mobile-home-drawer .mobile-account-money a{min-height:70px}
.healthy-mobile-nav{position:fixed;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#080d17;border-top:1px solid #20283a}.healthy-mobile-nav a{min-width:0;color:#8290aa;text-align:center;text-decoration:none;font-size:12px}.healthy-mobile-nav a.active{color:var(--brand-accent,#00F0FF)}
.kyc-auth-center{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#0c0819;color:#f2f5ff}.kyc-auth-center .mobile-header{position:sticky;top:0;z-index:4;background:#0c0819;border-bottom:1px solid #212936}.kyc-auth-center .mobile-header .title{color:#fff}.kyc-auth-center .back{color:#fff}.kyc-auth-center .back:before{content:'‹';color:#fff;font:32px/1 Arial,sans-serif}.kyc-auth-center .cards{display:grid;gap:14px;padding:20px}.kyc-auth-center .ieo-card{display:grid;gap:8px;padding:18px;border:1px solid #212936;border-radius:9px;background:#12101d;color:#f2f5ff;text-decoration:none}.kyc-auth-center .ieo-card span{color:#9a94a5}
.mobile-route-failure{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);background:#070b14;color:#eef4ff}.mobile-route-failure .mobile-header{position:sticky;top:0;z-index:4;background:#0b111d;border-bottom:1px solid #20283a}.mobile-route-failure .mobile-header .title{color:#eef4ff}.mobile-route-failure .back{color:#eef4ff}.mobile-route-failure .back:before{content:'‹';color:#eef4ff;font:32px/1 Arial,sans-serif}.mobile-route-failure>section{display:grid;justify-items:center;gap:14px;padding:72px 24px;text-align:center}.mobile-route-failure h1{margin:0;font-size:20px}.mobile-route-failure p{max-width:100%;margin:0;color:#9baac0;overflow-wrap:anywhere}.mobile-route-failure button{min-width:140px;min-height:42px;border:0;border-radius:7px;background:var(--brand-accent,#00F0FF);color:#061017;font-weight:700}
@media(min-width:750px){.mobile-assets .healthy-assets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px}.mobile-assets .healthy-assets-actions{padding:24px}.healthy-mobile-mine .cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}}
body:has(.mobile-home),.mobile-home{overflow-x:clip}
.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-book{min-height:260px}.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-trades{min-height:130px}.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-orders{min-height:56px}
.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-available,.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-fee,.mobile-spot-trade:not(.stage5-mobile-visual) #mspot-status{display:block;min-height:20px}

/* MOB-P0-003 mobile-route focus: five routes share one shell but each has a
   distinct primary section. `[data-focus-view]` values: full, orders, fills,
   chart, orderbook. `full` shows every section (spot terminal). The rest hide
   the sections that do not belong to the requested URL so visiting
   /pages/market/kline never silently renders the order form. */
.mobile-spot-trade[data-focus-view="orders"] [data-section="trade-entry"],
.mobile-spot-trade[data-focus-view="orders"] [data-section="chart"],
.mobile-spot-trade[data-focus-view="orders"] [data-section="trades"]{display:none!important}
.mobile-spot-trade[data-focus-view="fills"] [data-section="trade-entry"],
.mobile-spot-trade[data-focus-view="fills"] [data-section="chart"]{display:none!important}
.mobile-spot-trade[data-focus-view="chart"] [data-section="trade-entry"],
.mobile-spot-trade[data-focus-view="chart"] [data-section="orders"],
.mobile-spot-trade[data-focus-view="chart"] [data-section="trades"]{display:none!important}
.mobile-spot-trade[data-focus-view="orderbook"] [data-section="trade-entry"] [data-kind="order-form"],
.mobile-spot-trade[data-focus-view="orderbook"] [data-section="orders"],
.mobile-spot-trade[data-focus-view="orderbook"] [data-section="chart"],
.mobile-spot-trade[data-focus-view="orderbook"] [data-section="trades"]{display:none!important}
.mobile-spot-trade[data-focus-view="chart"] [data-section="chart"],
.mobile-spot-trade[data-focus-view="orderbook"] [data-section="trade-entry"] [data-kind="orderbook"]{min-height:60vh}
/* Normal-runtime spot layout must use the available CSS viewport width.  The
   old global 120px symbol minimum overrode the healthy header's min-width:0
   and made a narrow, scroll-bar-reduced mobile viewport wider than the page.
   Keep the terminal's two-column hierarchy, but let its flex/grid children
   shrink and ellipsize rather than force a horizontal document scroll. */
.healthy-source-spot .mobile-spot-header>*,.healthy-source-spot .s5m-trade-grid>*,.healthy-source-spot .healthy-spot-symbol{min-width:0}
.healthy-source-spot .s5m-trade-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,178.5px) minmax(0,1fr)}
.healthy-source-spot #mspot-symbol{flex:0 1 auto;min-width:0;max-width:min(142px,100%)}
.healthy-source-spot #mspot-last{white-space:nowrap}

/* Healthy mobile public authentication. The layout follows the CURRENT LIVE
   UniApp login hierarchy while retaining the local authoritative auth API. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body:has(.mobile-source-login){overflow-x:hidden;background:#000}
.mobile-source-login{min-height:100dvh;overflow-x:hidden;background:#000 url('/assets/stage11d-current-live-v1/m.xmtradexc.com/h5/static/theme2/login_mobilebg.png') center top/cover no-repeat;color:#fff;font:14px/1.35 BinancePlex,Arial,sans-serif}
.mobile-source-login-header{position:relative;height:42px;display:grid;grid-template-columns:58px 1fr 90px;align-items:center;text-align:center}
.mobile-source-login-header h1{margin:0;font-size:16px;font-weight:400}.mobile-login-back{width:34px;height:34px;margin-left:10px;display:grid;place-items:center;background:rgba(24,25,52,.92);color:#fff;text-decoration:none}.mobile-login-back span{font-size:30px;font-weight:200;line-height:1;transform:translateY(-2px)}
.mobile-login-register{justify-self:end;margin-right:20px;color:var(--brand-accent,#00F0FF);text-decoration:none;font-size:14px}.mobile-login-locale{position:absolute;z-index:2;top:54px;right:20px;max-width:105px;padding:5px 8px;border:1px solid rgba(110,236,252,.35);border-radius:14px;background:rgba(10,15,29,.72);color:#cfe7eb;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-login-panel{padding:15px 20px 50px}.mobile-login-tab{position:relative;width:max-content;height:48px;padding-top:2px;color:var(--brand-accent,#00F0FF);font-size:16px}.mobile-login-tab i{position:absolute;left:0;bottom:9px;width:56px;height:2px;background:var(--brand-accent,#00F0FF)}
.mobile-source-login #login-form{display:grid;gap:10px;margin-top:5px}.mobile-login-field{position:relative;display:block;height:40px;border-radius:24px;background:rgba(255,255,255,.1);overflow:hidden}.mobile-login-field input{box-sizing:border-box;width:calc(100% - 30px);height:100%;margin-left:15px;padding:0;border:0;background:transparent;color:#fff;font:13px BinancePlex,Arial,sans-serif;outline:none}.mobile-login-field input::placeholder{color:#9299a7}.mobile-login-password input{width:calc(100% - 45px);margin-left:5px;padding-right:0}.mobile-login-password img{position:absolute;right:16px;top:12px;width:18px;height:18px;object-fit:contain;opacity:.8}
.mobile-login-options{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-login-options a{color:#1688ff;text-decoration:none;font-size:12px}.mobile-login-remember{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#fff;font-size:12px}.mobile-login-remember i{width:16px;height:16px;display:grid;place-items:center;background:#fff;color:#07111a;font-size:12px;font-style:normal}.mobile-login-remember[aria-checked=true] i{background:var(--brand-accent,#00F0FF)}
.mobile-login-submit,.mobile-login-wallet,.mobile-login-demo{width:100%;min-height:40px;border-radius:24px;font:14px/1.25 BinancePlex,Arial,sans-serif}.mobile-login-submit{border:0;background:var(--brand-accent,#00F0FF);color:#05070b}.mobile-login-submit:disabled{opacity:.55}.mobile-login-wallet,.mobile-login-demo{margin-top:19px;border:1px solid var(--brand-accent,#00F0FF);background:transparent;color:#fff}.mobile-login-demo{min-height:40px;display:grid;place-items:center;padding:9px 18px;text-align:center;text-decoration:none}.mobile-source-login #status{min-height:20px;margin:6px 0 0;color:#ff8792;font-size:12px;text-align:center;overflow-wrap:anywhere}
.mobile-login-locale-dialog{position:fixed;inset:0 0 0 auto;width:min(78vw,360px);height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#0c111b;color:#fff}.mobile-login-locale-dialog::backdrop{background:rgba(0,0,0,.64)}.mobile-login-locale-dialog header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #20283a}.mobile-login-locale-dialog h2{margin:0;font-size:17px}.mobile-login-locale-dialog header button{width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:24px}.mobile-login-locale-dialog>div{max-height:calc(100dvh - 58px);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-login-locale-dialog [data-locale]{width:100%;height:48px;padding:0 18px;border:0;border-bottom:1px solid #20283a;background:transparent;color:#dce5ed;text-align:start}.mobile-login-locale-dialog [data-locale].active{color:var(--brand-accent,#00F0FF);background:#111c28}

/* Complete healthy mobile homepage continuation. The original first-screen
   components stay intact; these source-confirmed sections restore scrolling. */
.mobile-home{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
.mobile-locale-flag,.mobile-menu-trigger{display:grid;place-items:center;padding:4px}.mobile-locale-flag img{width:22px;height:14px;object-fit:cover}.mobile-menu-trigger img{width:22px;height:22px;object-fit:contain}.home-entry-wrap{width:38px;height:38px;display:grid;place-items:center}.home-entry-icon{max-width:34px;max-height:34px;object-fit:contain}
.mobile-home-market header>a{padding:5px 16px;border-radius:16px;background:#54d9e9;color:#001116;font-size:11px}
.mobile-home-mission{padding:58px 22px 36px;background:#000;text-align:center}.mobile-home-mission h2,.mobile-home-partners h2,.mobile-home-cta h2{margin:0;color:#f7f8fa;font-size:25px;font-weight:500}.mobile-home-mission p,.mobile-home-partners>p,.mobile-home-cta>p{margin:22px auto 0;color:#aeb6c0;font-size:14px;line-height:1.75}
.mobile-home-charity{padding:0 20px 46px;background:#000}.mobile-charity-media{position:relative;min-height:240px;overflow:hidden;border-radius:12px;background:#07171c}.mobile-charity-media>img{display:block;width:100%;height:240px;object-fit:cover}.mobile-charity-tags{position:absolute;top:18px;left:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.mobile-charity-tags span{padding:5px 9px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(0,0,0,.25);font-size:9px}.mobile-charity-stats{position:absolute;left:12px;right:12px;bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mobile-charity-stats article{min-width:0;text-align:center}.mobile-charity-stats b{display:block;color:var(--brand-accent,#00F0FF);font-size:18px;overflow-wrap:anywhere}.mobile-charity-stats article:nth-child(1) b{color:#f1a84b}.mobile-charity-stats article:nth-child(2) b{color:#ff6179}.mobile-charity-stats span{display:block;margin-top:4px;color:#e8edf1;font-size:9px}
.mobile-home-partners{padding:32px 20px 36px;background:#020202;text-align:center}.mobile-home-partners>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.mobile-home-partners img{width:40px;height:40px;margin:auto;object-fit:contain}
.mobile-home-safety{display:grid;gap:12px;padding:0 18px 52px;background:#020202}.mobile-home-safety article{min-width:0;display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center;padding:17px;border:1px solid #1f2c35;border-radius:12px;background:#091016}.mobile-home-safety img{width:60px;height:60px;object-fit:contain}.mobile-home-safety h3{margin:0 0 6px;color:#f5f7fa;font-size:15px}.mobile-home-safety p{margin:0;color:#8f9ca8;font-size:11px;line-height:1.55}
.mobile-home-cta{padding:48px 20px 42px;background:radial-gradient(circle at 50% 0,rgba(0,126,145,.28),transparent 62%),#040709;text-align:center}.mobile-home-cta-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:30px 0}.mobile-home-cta-stats article{min-width:0;padding:14px 4px;border:1px solid #17313b;border-radius:9px;background:#071118}.mobile-home-cta-stats b{display:block;color:var(--brand-accent,#00F0FF);font-size:18px;overflow-wrap:anywhere}.mobile-home-cta-stats span{display:block;margin-top:5px;color:#99a8b2;font-size:9px}.mobile-home-cta nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-home-cta nav a{min-height:42px;display:grid;place-items:center;border:1px solid var(--brand-accent,#00F0FF);border-radius:22px;color:#fff}.mobile-home-cta nav a:first-child{background:var(--brand-accent,#00F0FF);color:#001014}
.mobile-home-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:30px 20px 100px;background:#020304;border-top:1px solid #171e25}.mobile-home-footer a{padding:8px;color:#83919d;font-size:12px}.mobile-home-footer small{grid-column:1/-1;margin-top:15px;color:#45515b;text-align:center}
.mobile-home-dialog{position:fixed;margin:0;padding:0;border:0;background:#0a1119;color:#fff}.mobile-home-dialog::backdrop{background:rgba(0,0,0,.68)}.mobile-home-dialog header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #1d2a34}.mobile-home-dialog header button{width:38px;height:38px;border:0;background:transparent;color:#fff;font-size:25px}.mobile-home-drawer{inset:0 0 0 auto;width:min(82vw,380px);height:100dvh;max-height:none}.mobile-home-drawer nav{display:grid}.mobile-home-drawer nav a{min-height:50px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #17232c}.mobile-home-locale{inset:auto 12px calc(70px + env(safe-area-inset-bottom)) 12px;width:auto;height:min(70dvh,620px);max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden;border-radius:14px}.mobile-home-locale[open]{display:grid;grid-template-rows:58px minmax(0,1fr)}.mobile-home-locale>div{min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-home-locale [data-home-locale]{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 20px;border:0;border-bottom:1px solid #17232c;background:transparent;color:#dce8ee;text-align:start}.mobile-home-locale [data-home-locale].active{color:var(--brand-accent,#00F0FF);background:#10202a}.mobile-locale-choice-flag{width:28px;display:grid;place-items:center;flex:0 0 28px;font-size:19px}.mobile-locale-choice-flag img{width:24px;height:16px;object-fit:cover}
.mobile-home-support{bottom:calc(72px + env(safe-area-inset-bottom));right:18px}
.mobile-home-bottom{height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}

@media(max-width:380px){
  .mobile-source-login{background-size:cover}.mobile-login-panel{padding-right:20px;padding-left:20px}
  .mobile-home-safety{padding-right:14px;padding-left:14px}.mobile-home-safety article{padding:14px;grid-template-columns:58px 1fr}.mobile-home-safety img{width:52px;height:52px}
}
@media(min-width:381px) and (max-width:749px){
  /* The live 390px layout rounds the source controls one CSS pixel taller.
     Keep this separate from 375px instead of scaling the whole document. */
  .mobile-source-login #login-form{margin-top:6px}.mobile-login-field{height:41px}
}
@media(min-width:750px){
  /* F0: 原先锁死 750x1624，容器宽于 750px 或高于 1551px 时素材四周露出 #000 底色，
     即负责人反馈的“登录页两侧黑边”。改回 cover 让背景始终铺满，配合 center top
     保证顶部构图（Logo/标题区）不被裁掉。 */
  .mobile-source-login{background-size:cover;background-position:center top}.mobile-source-login-header{height:80px;grid-template-columns:107px 1fr 140px}.mobile-source-login-header h1{font-size:30px}.mobile-login-back{width:67px;height:67px;margin-left:20px}.mobile-login-back span{font-size:37px}.mobile-login-register{margin-right:20px;font-size:30px}.mobile-login-panel{width:auto;max-width:none;margin:0;padding:36px 40px 50px}.mobile-login-tab{height:70px;font-size:30px}.mobile-login-tab i{bottom:5px;width:60px;height:2px}.mobile-source-login #login-form{gap:20px;margin-top:36px}.mobile-login-field{height:80px;border-radius:40px}.mobile-login-field input{width:calc(100% - 60px);margin-left:30px;padding:0;font-size:24px}.mobile-login-password input{width:calc(100% - 90px);margin-left:10px;padding-right:0}.mobile-login-password img{right:29px;top:26px;width:28px;height:28px}.mobile-login-options{min-height:80px}.mobile-login-options a,.mobile-login-remember{font-size:24px}.mobile-login-remember i{width:17px;height:17px}.mobile-login-submit,.mobile-login-wallet{min-height:74px;font-size:29px}.mobile-login-wallet{margin-top:42px}.mobile-login-demo{min-height:76px;margin-top:41px;font-size:29px}
  .mobile-home-mission{padding:90px 54px 54px}.mobile-home-mission h2,.mobile-home-partners h2,.mobile-home-cta h2{font-size:38px}.mobile-home-mission p,.mobile-home-partners>p,.mobile-home-cta>p{max-width:660px;font-size:20px}.mobile-home-charity{padding:0 46px 70px}.mobile-charity-media,.mobile-charity-media>img{min-height:404px;height:404px}.mobile-charity-tags{top:30px;gap:12px}.mobile-charity-tags span{padding:8px 15px;font-size:15px}.mobile-charity-stats{bottom:40px}.mobile-charity-stats b{font-size:30px}.mobile-charity-stats span{font-size:15px}.mobile-home-partners{padding:52px 46px}.mobile-home-partners>div{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-home-partners img{width:58px;height:58px}.mobile-home-safety{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 42px 76px}.mobile-home-safety article{grid-template-columns:82px 1fr;padding:22px}.mobile-home-safety img{width:76px;height:76px}.mobile-home-safety h3{font-size:20px}.mobile-home-safety p{font-size:15px}.mobile-home-cta{padding:72px 46px 62px}.mobile-home-cta-stats b{font-size:29px}.mobile-home-cta-stats span{font-size:15px}.mobile-home-cta nav{max-width:620px;margin:auto}.mobile-home-footer{padding:42px 46px 140px}.mobile-home-footer a{font-size:18px}
}

/* The production feed contains only published public items, so derive the
   cycle from its item count instead of retaining the archived 30-item offset. */
.mobile-news-track{animation-duration:var(--news-duration,90.5s)}
@keyframes mobile-news{
  0%{transform:translateY(0)}
  100%{transform:translateY(-50%)}
}
/* F0: 站内切页骨架。目标页外壳（含底栏）立即呈现，正文区用骨架条占位，
   取代原先“整页替换成一行载入中”造成的空白闪烁。 */
.mobile-page-skeleton{display:grid;gap:12px;padding:18px 14px}
.mobile-skeleton-line{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#141a21 25%,#1e2731 37%,#141a21 63%);background-size:400% 100%;animation:mobile-skeleton-shimmer 1.4s ease-in-out infinite}
.mobile-skeleton-line.wide{height:20px}
@keyframes mobile-skeleton-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.mobile-skeleton-line{animation:none}}


/* B3：移动端永续不可用横幅。 */
.contract-unavailable{margin:8px 12px;padding:10px 12px;border:1px solid #b4791f;border-radius:8px;
  background:rgba(180,121,31,.12);color:#f0d5a4;font-size:12px;line-height:1.5}

/* ============================================================
   F2 移动端认证页构图修正（纯样式，不改认证逻辑/凭据/会话）
   问题一（布局不平衡）：登录页 main 是 display:block 顶对齐，表单止于
   531/812，底部 35% 是空的背景色，整页重心全压在上半屏。改为纵向弹性
   布局把面板在可用高度里居中，空白均分到上下两侧。
   注：我一度还给注册页加了登录页的背景插画，理由是"两页不匹配"。但注册页
   的扁平深色背景是 account-security-pages.css 里带 !important 的既有设计，
   我没有任何原站证据说明它应该有插画；而且注册页实测下空白 0%、无横向溢出，
   本来就不存在黑边或失衡。那条规则属于无证据的自行改动，已移除。
   ============================================================ */
.mobile-source-login{display:flex;flex-direction:column}
.mobile-source-login .mobile-login-panel{
  flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;
  padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
/* 内容高于视口时退回自然流，避免居中把顶部内容顶出可视区 */
@media (max-height:600px){
  .mobile-source-login .mobile-login-panel{justify-content:flex-start}
}

/* POST-PLAN-R1: unified mobile bottom navigation */
.mobile-home-bottom.shared-mobile-navigation{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  box-sizing:border-box;
  height:calc(54px + env(safe-area-inset-bottom,0px));
  padding:0 0 env(safe-area-inset-bottom,0px);
  /* One app-wide terminal navigation surface.  The old purple fallback made
     markets/spot/contract/account look like unrelated products. */
  background:var(--terminal-surface,#0b111d);border-top:1px solid var(--terminal-border,#22364c);
}
.mobile-home-bottom.shared-mobile-navigation a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;min-width:0;padding:4px 2px 0;color:#838b99;text-decoration:none;font-size:10px;line-height:1.2;
}
.mobile-home-bottom.shared-mobile-navigation a.active{color:var(--terminal-accent,var(--brand-accent,#00F0FF))}
.mobile-home-bottom.shared-mobile-navigation a:focus-visible{outline:2px solid var(--terminal-accent,var(--brand-accent,#00F0FF));outline-offset:-3px;border-radius:8px}
.mobile-home-bottom.shared-mobile-navigation img{
  width:24px;height:24px;object-fit:contain;display:block;flex:0 0 auto;
}
/* 选中态：图标与文案同色（灰底图标统一染色为 var(--brand-accent,#00F0FF)） */
.mobile-home-bottom.shared-mobile-navigation a.active img{
  filter:brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(1800%) hue-rotate(131deg) brightness(1.05);
}
/* Bottom tabs are intentionally compact, but their five destinations must
   remain legible and tappable across device safe areas. */
.mobile-home-bottom.shared-mobile-navigation a small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.mobile-home,
.mobile-market-page,
.healthy-source-spot,
.mobile-contract-portal,
.mobile-account-page,
.security-mobile,
.funds-mobile,
.mobile-source-register,
.mobile-source-login,
.mobile-route-failure{
  padding-bottom:calc(62px + env(safe-area-inset-bottom,0px)) !important;
}

/* R30 visual convergence: perpetual and delivery share the spot terminal's
   unified deep-terminal surface. Cyan stays an action/selection accent only. */
.mobile-contract-portal{background:#071116;color:#dce8eb}
.mobile-contract-header,.mobile-contract-tabs,.mobile-contract-bottom{background:#0c1b23;border-color:#1d3944}
.mobile-contract-tabs button,.mobile-contract-records nav button,.mobile-contract-portal .contract-toggle button,.mobile-contract-portal .contract-percentages button{background:#10232c;border-color:#274650;color:#9eb4bc}
.mobile-contract-tabs button.active,.mobile-contract-records nav button.active,.mobile-contract-portal .contract-toggle button.active{background:#10313a;border-color:#40d5dd;color:#71e9ef}
.mobile-contract-market,.mobile-contract-book,.mobile-contract-trades,.mobile-contract-form,.mobile-contract-records,.mobile-contract-portal .delivery-market,.mobile-contract-portal .delivery-order-card,.mobile-contract-portal .delivery-records{background:#0c1a22;border-color:#1d3944}
.mobile-contract-market select,.mobile-contract-form input,.mobile-contract-form select,.mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select,.mobile-contract-portal .delivery-market select{background:#07131a;border-color:#294b57;color:#e2edf0}
.mobile-contract-portal .delivery-chart{background:linear-gradient(180deg,#0e222c,#09141b)}
.mobile-contract-portal th{background:#10242d;color:#7999a4}.mobile-contract-portal td{border-bottom-color:#19323d}.mobile-contract-bottom a{color:#8ca6b0}.mobile-contract-bottom a.active{color:#71e9ef}
.mobile-contract-trades{margin:8px;padding:12px;border:1px solid #394150;border-radius:7px;box-sizing:border-box}
.mobile-contract-trades h2{margin:0 0 8px;font-size:15px}
.mobile-contract-trades [data-mobile-contract-trades]{display:grid;gap:2px}
.mobile-contract-trades p{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:4px 0;color:#d5dde7;font-variant-numeric:tabular-nums}
.mobile-contract-trades p bdi:last-child{text-align:right}
@media(max-width:699px){
  .mobile-contract-portal>[data-mobile-delivery]{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .mobile-contract-portal .delivery-market{padding:10px 12px}
  .mobile-contract-portal .delivery-market header{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .mobile-contract-portal .delivery-market header select{min-width:0}
  .mobile-contract-portal .delivery-market header [data-delivery-socket]{display:none}
  .mobile-contract-portal .delivery-market strong{font-size:16px;line-height:1.2}
  .mobile-contract-portal .delivery-market .delivery-change{grid-column:1/-1;font-size:12px}
  .mobile-contract-portal .delivery-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0}
  .mobile-contract-portal .delivery-stats div{min-width:0;padding:7px 0;border-top:1px solid #1d3944}
  .mobile-contract-portal .delivery-stats dt{font-size:11px;color:#8ca6b0;white-space:nowrap}
  .mobile-contract-portal .delivery-stats dd{margin:3px 0 0;color:#dce8eb;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
  .mobile-contract-portal .delivery-chart{height:122px;margin-top:8px}
  .mobile-contract-portal .delivery-chart .kline-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:25px}
  .mobile-contract-portal .delivery-chart .kline-head h3{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-contract-portal .delivery-chart .kline-hover{font-size:11px;white-space:nowrap;color:#9ebbc3}
  .mobile-contract-portal .delivery-chart .kline-svg{display:block;width:100%;height:92px}
  .mobile-contract-portal .delivery-order-card{padding:10px 12px}
  .mobile-contract-portal .delivery-order-card form{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
  .mobile-contract-portal .delivery-order-card fieldset,.mobile-contract-portal .delivery-order-card form>p,.mobile-contract-portal .delivery-actions,.mobile-contract-portal [data-delivery-status]{grid-column:1/-1}
  .mobile-contract-portal .delivery-order-card label{grid-template-columns:1fr;min-height:34px;gap:3px;font-size:11px}
  .mobile-contract-portal .delivery-order-card fieldset,.mobile-contract-portal .delivery-order-card form>p{margin:0}
  .mobile-contract-portal .delivery-order-card fieldset{padding:6px 9px}
  .mobile-contract-portal .delivery-order-card form>p{font-size:12px;line-height:1.25}
  .mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select{min-height:38px}
  .mobile-contract-portal .delivery-actions button{min-height:36px}
  .mobile-contract-portal .delivery-periods button{min-width:56px;padding:7px 6px}
  .mobile-contract-portal .mobile-home-bottom.shared-mobile-navigation{background:#0c1b23!important;border-top-color:#1d3944!important}
}
@media (min-width:375px) and (max-width:767px){
  .mobile-home-bottom.shared-mobile-navigation{
    height:calc(54px + env(safe-area-inset-bottom,0px));
  }
}

/* Contract phone layout: charts and order controls need reading and touch
   space, not a compressed desktop grid.  Match the funds/spot terminal's
   surface tokens so contracts no longer appear to belong to another app. */
.mobile-contract-portal{background:#070b14;color:#eaf1f9}.mobile-contract-header,.mobile-contract-tabs,.mobile-contract-bottom{background:#0b111d;border-color:#20283a}.mobile-contract-market,.mobile-contract-book,.mobile-contract-trades,.mobile-contract-form,.mobile-contract-records,.mobile-contract-portal .delivery-market,.mobile-contract-portal .delivery-order-card,.mobile-contract-portal .delivery-records{background:#0d1724;border-color:#22364c}.mobile-contract-market select,.mobile-contract-form input,.mobile-contract-form select,.mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select,.mobile-contract-portal .delivery-market select{background:#0b1420;border-color:#2a4057;color:#edf4fa}.mobile-contract-portal .delivery-chart{background:linear-gradient(180deg,#122a38,#0b1420)}.mobile-contract-portal .delivery-transfer-link{display:inline-flex;align-items:center;min-height:28px;margin-left:8px;color:#74e4ed;font-weight:700;text-decoration:none}.mobile-contract-portal .delivery-transfer-link:focus-visible{outline:2px solid #6ee6ef;outline-offset:2px}
@media(max-width:699px){.mobile-contract-portal>[data-mobile-perpetual],.mobile-contract-portal>[data-mobile-delivery]{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.mobile-contract-portal :is(input,select,button,a){scroll-margin-block:12px calc(92px + env(safe-area-inset-bottom,0px))}.mobile-contract-portal .delivery-chart{height:194px}.mobile-contract-portal .delivery-chart .kline-svg{height:160px}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart]{height:220px}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart] .kline-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;min-height:48px;align-items:center}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart] .kline-head h3{min-width:0;margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart] .kline-legend{white-space:nowrap;font-size:11px;color:#9ebbc3}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart] .kline-hover{grid-column:1/-1;display:block;overflow-wrap:anywhere;white-space:normal;color:#9ebbc3;font-size:11px;line-height:1.35}.mobile-contract-portal .mobile-contract-market>[data-mobile-contract-chart] .kline-svg{display:block;width:100%;height:166px}.mobile-contract-portal .delivery-order-card form{grid-template-columns:1fr;gap:11px}.mobile-contract-portal .delivery-order-card label{min-height:auto;font-size:12px}.mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select{min-height:44px}.mobile-contract-portal .delivery-order-card fieldset{padding:10px}.mobile-contract-portal .delivery-actions{gap:10px}.mobile-contract-portal .delivery-actions button{min-height:46px}.mobile-contract-portal .delivery-periods button{min-width:64px;min-height:42px}.mobile-contract-portal .delivery-order-card form>p{font-size:13px;line-height:1.45}}

/* Phone delivery is an order-entry flow.  Keep the amount field above the
   persistent application navigation instead of requiring the user to guess
   that it is hidden behind it.  The chart remains readable, while its compact
   density is handled by renderKline(). */
@media(max-width:699px){
  .mobile-contract-portal .delivery-chart{height:166px}
  .mobile-contract-portal .delivery-chart .kline-svg{height:132px}
  .mobile-contract-portal .delivery-order-card form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}
  .mobile-contract-portal .delivery-order-card fieldset,.mobile-contract-portal .delivery-order-card form>p,.mobile-contract-portal .delivery-actions,.mobile-contract-portal [data-delivery-status]{grid-column:1/-1}
  .mobile-contract-portal .delivery-order-card fieldset{padding:8px 9px}
  .mobile-contract-portal .delivery-order-card label{min-width:0;gap:4px}
  .mobile-contract-portal .delivery-order-card input,.mobile-contract-portal .delivery-order-card select{min-width:0;min-height:42px}
  .mobile-contract-portal .delivery-order-card form>p{margin:0;font-size:12px;line-height:1.3}
}

/* TM2: directional side selection uses positive/negative tokens; neutral
   spot tabs and navigation use the shared violet terminal accent. */
.healthy-source-spot.terminal-surface #mspot-symbol>i,.healthy-source-spot.terminal-surface #mspot-last,.healthy-source-spot.terminal-surface .mobile-spot-orders h2,.healthy-source-spot.terminal-surface .mobile-spot-order-tabs button.active,.healthy-source-spot.terminal-surface .healthy-spot-chart a,.healthy-source-spot.terminal-surface .mobile-spot-bottom a.active{color:var(--terminal-accent)!important}.healthy-source-spot.terminal-surface .mobile-spot-sides button.active{color:var(--terminal-success)!important}.healthy-source-spot.terminal-surface[data-side="SELL"] .mobile-spot-sides button.active{color:var(--terminal-danger)!important}.healthy-source-spot.terminal-surface .mobile-spot-sides button.active:after{background:currentColor!important}.healthy-source-spot.terminal-surface #mspot-submit{background:var(--terminal-success)!important;color:#06170f!important}.healthy-source-spot.terminal-surface[data-side="SELL"] #mspot-submit{background:var(--terminal-danger)!important;color:#24030c!important}.healthy-source-spot.terminal-surface .s5m-order-type button.active{background:rgba(154,123,255,.16)!important;color:var(--terminal-accent)!important}

/* The landing page keeps its market artwork, but is part of the same BitDa
   surface system as every signed-in route.  Legacy pure-black sections made
   it look like a separate product and amplified old cyan/purple fragments. */
.mobile-home.terminal-surface{background:var(--terminal-bg)!important;color:var(--terminal-text)}
.mobile-home.terminal-surface .mobile-home-header{background:var(--terminal-surface);border-bottom:1px solid var(--terminal-border)}
.mobile-home.terminal-surface .mobile-home-header button{background:var(--terminal-raised);color:var(--terminal-text)}
.mobile-home.terminal-surface .mobile-home-hero{background:var(--terminal-bg)}
.mobile-home.terminal-surface :is(.mobile-home-notice,.mobile-home-entries,.mobile-home-market,.mobile-home-mission,.mobile-home-charity,.mobile-home-partners,.mobile-home-safety){background:var(--terminal-bg)}
.mobile-home.terminal-surface .mobile-home-notice{border-color:var(--terminal-border);color:var(--terminal-muted)}
.mobile-home.terminal-surface .mobile-home-market>#mobile-home-markets>a{border-color:var(--terminal-border)}
.mobile-home.terminal-surface .mobile-home-cta{background:radial-gradient(circle at 50% 0,rgba(41,185,207,.17),transparent 62%),var(--terminal-surface)}
.mobile-home.terminal-surface .mobile-home-footer{background:var(--terminal-surface);border-color:var(--terminal-border)}
.mobile-home.terminal-surface .mobile-home-bottom{background:rgba(11,17,29,.97);border-color:var(--terminal-border)}
.mobile-home.terminal-surface .mobile-start-trade,.mobile-home.terminal-surface .mobile-home-market header>a{background:linear-gradient(135deg,var(--terminal-accent),var(--terminal-accent-strong));color:#071019!important}
.mobile-home.terminal-surface .mobile-home-support{background:var(--terminal-accent);color:#071019!important;box-shadow:0 5px 18px rgba(99,221,234,.25)}

/* Isolated simulation contracts use the same mobile terminal tokens as spot,
   funds and live contracts; they are not a pale, detached test screen. */
.mobile-demo-derivative{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--terminal-bg);color:var(--terminal-text)}.mobile-demo-derivative .mobile-header{background:var(--terminal-surface);border-bottom:1px solid var(--terminal-border)}.mobile-demo-summary{display:grid;gap:5px;margin:12px;padding:14px;border:1px solid var(--terminal-border);border-radius:10px;background:var(--terminal-surface)}.mobile-demo-summary>span{color:var(--terminal-muted);font-size:13px}.mobile-demo-summary>strong{font-size:24px;font-variant-numeric:tabular-nums}.mobile-demo-summary>small{color:var(--terminal-muted)}.mobile-demo-chart{min-height:132px;margin:0 12px 12px;padding:10px;border:1px solid var(--terminal-border);border-radius:10px;background:linear-gradient(180deg,#122a38,#0b1420)}.mobile-demo-chart .kline-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.mobile-demo-chart .kline-hover{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-demo-chart .kline-svg{display:block;width:100%;height:106px}.mobile-demo-order,.mobile-demo-orders{margin:12px;padding:14px;border:1px solid var(--terminal-border);border-radius:10px;background:var(--terminal-surface)}.mobile-demo-order{display:grid;gap:11px}.mobile-demo-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-demo-sides button{min-height:42px;border:1px solid var(--terminal-border);border-radius:7px;background:var(--terminal-raised);color:var(--terminal-text)}.mobile-demo-sides button.active{border-color:var(--terminal-accent);background:rgba(154,123,255,.16);color:var(--terminal-accent)}.mobile-demo-order label{display:grid;gap:5px;color:var(--terminal-muted);font-size:13px}.mobile-demo-order :is(input,select){box-sizing:border-box;min-height:44px;width:100%;padding:9px 11px;border:1px solid var(--terminal-border);border-radius:7px;background:#0b1420;color:var(--terminal-text)}.mobile-demo-order>button[type="submit"]{min-height:46px;border:0;border-radius:7px;background:var(--terminal-accent);color:#071019;font-weight:700}.mobile-demo-order [role="status"]{min-height:20px;margin:0;color:var(--terminal-muted);overflow-wrap:anywhere}.mobile-demo-orders h2{margin:0 0 12px;font-size:16px}.mobile-demo-table{overflow-x:auto}.mobile-demo-table table{width:100%;min-width:460px;border-collapse:collapse}.mobile-demo-table :is(th,td){padding:10px 8px;border-bottom:1px solid var(--terminal-border);text-align:left;font-size:12px;white-space:nowrap}.mobile-demo-table th{color:var(--terminal-muted);font-weight:500}.mobile-demo-table button{min-height:30px;padding:4px 8px;border:1px solid var(--terminal-border);border-radius:5px;background:var(--terminal-raised);color:var(--terminal-text)}
.mobile-demo-close{display:grid;gap:4px;min-width:104px;color:var(--terminal-muted);font-size:11px}.mobile-demo-close input{box-sizing:border-box;min-height:32px;width:100%;padding:4px 6px;border:1px solid var(--terminal-border);border-radius:5px;background:#0b1420;color:var(--terminal-text)}

/* Simulation is a real product journey, not a separate purple theme.  Keep
   its quote/chart/order tokens and buy/sell semantics identical to contracts. */
.mobile-demo-derivative{--terminal-bg:#070b14;--terminal-surface:#0d1724;--terminal-card:#122235;--terminal-raised:#122235;--terminal-border:#22364c;--terminal-text:#eaf1f9;--terminal-muted:#93a4b8;--terminal-accent:var(--brand-accent,#00F0FF);--terminal-success:#54d6a0;--terminal-danger:#ff6f91;background:radial-gradient(circle at 82% 0,rgba(20,174,194,.12),transparent 34%),var(--terminal-bg)}
.mobile-demo-summary>strong{color:var(--terminal-accent)}
.mobile-demo-chart{min-height:182px}.mobile-demo-chart .kline-svg{height:152px}
.mobile-demo-sides button.active[data-mobile-demo-side="BUY"],.mobile-demo-sides button.active[data-mobile-demo-side="UP"]{border-color:var(--terminal-success);background:rgba(84,214,160,.15);color:var(--terminal-success)}
.mobile-demo-sides button.active[data-mobile-demo-side="SELL"],.mobile-demo-sides button.active[data-mobile-demo-side="DOWN"]{border-color:var(--terminal-danger);background:rgba(255,111,145,.15);color:var(--terminal-danger)}
.mobile-demo-order>button[type="submit"]{background:var(--terminal-success);color:#06170f}
.mobile-demo-order>button[type="submit"].sell{background:var(--terminal-danger);color:#24030c}

/* The contract-mode chooser belongs to the page header.  A sticky copy
   covered amount, margin and order controls on long mobile screens, which
   made the form look broken in both normal scrolling and full-page capture. */
.mobile-contract-portal .mobile-contract-tabs{position:relative!important;top:auto!important;z-index:1!important}

/* The current mobile spot route used an older purple visual fixture while the
   rest of the mobile terminal already uses the shared blue-charcoal palette.
   Keep the trading affordances, but remove the route-level theme switch. */
.mobile-spot-trade.terminal-surface,.healthy-source-spot{background:radial-gradient(circle at 82% 0,rgba(20,174,194,.12),transparent 34%),var(--terminal-bg)!important;color:var(--terminal-text)!important}
.healthy-source-spot :is(.mobile-spot-header,.s5m-trade-grid,.mobile-spot-orders,.healthy-spot-chart,.healthy-spot-trades,.mobile-spot-bottom),.mobile-spot-trade.terminal-surface :is(.mobile-spot-header,.mobile-spot-form,.mobile-spot-book,.mobile-spot-orders,.mobile-spot-chart,.mobile-spot-trades,.mobile-spot-bottom){background:var(--terminal-surface)!important;border-color:var(--terminal-border)!important}
.healthy-source-spot :is(.s5m-order-type button,.s5m-field,.s5m-percent button,.latest-entry,.mobile-spot-orders>header a),.mobile-spot-trade.terminal-surface :is(input,.mobile-spot-bottom){background:var(--terminal-bg)!important;border-color:var(--terminal-border)!important;color:var(--terminal-text)!important}
.healthy-source-spot :is(.s5m-field span,.s5m-balance,.s5m-notional,.mobile-spot-book>header,.mobile-spot-order-tabs button,.healthy-spot-chart .kline-head,.mobile-spot-trades p){color:var(--terminal-muted)!important}
.healthy-source-spot :is(.mobile-spot-sides .active,.mobile-spot-tabs .active,.mobile-spot-orders h2,.mobile-spot-order-tabs button.active,.healthy-spot-chart a),.mobile-spot-trade.terminal-surface :is(.mobile-spot-sides .active,.mobile-spot-tabs .active){color:var(--terminal-accent)!important;border-color:var(--terminal-accent)!important}
.healthy-source-spot .s5m-order-type button.active{background:var(--terminal-raised)!important;color:var(--terminal-text)!important}
.healthy-source-spot #mspot-submit,.mobile-spot-trade.terminal-surface #mspot-submit{background:var(--terminal-success)!important;color:#06170f!important}
.healthy-source-spot[data-side="SELL"] #mspot-submit,.mobile-spot-trade.terminal-surface #mspot-submit.sell{background:var(--terminal-danger)!important;color:#24030c!important}

/* An empty delivery wallet is a normal first-run state.  Surface the two
   intentional paths (transfer or isolated simulation) as real controls so
   the user is never left with a raw balance error. */
.mobile-contract-portal [data-delivery-status]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;color:var(--terminal-muted)}
.mobile-contract-portal [data-delivery-status] [data-start-simulation]{min-height:32px;padding:0 11px;border:1px solid var(--terminal-accent);border-radius:6px;background:var(--terminal-raised);color:var(--terminal-accent);font-weight:700}
.mobile-contract-portal [data-delivery-status] [data-start-simulation]:focus-visible{outline:2px solid var(--terminal-accent);outline-offset:2px}

/* Runtime mobile interaction floor: buttons and links must remain touchable. */
@media (max-width:699px){
  .mobile-home-footer a,.mobile-home-cta nav a,.mobile-market-account{display:flex;align-items:center;min-height:44px}
  .mobile-market-filters button,.mobile-market-sort,.mobile-market-columns,.mobile-market-error button,.mobile-route-failure button{min-height:44px}
  .mobile-assets .healthy-assets-actions a{display:grid;place-items:center;min-height:44px}
  .funds-mobile .mobile-record button{min-height:44px}
}

/* Keep all durations visible on a phone; nested horizontal scrollers hide
   available contracts and make order entry look broken. */
.mobile-contract-portal .delivery-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;overflow:visible}
.mobile-contract-portal .delivery-periods button{width:100%;min-width:0}
.terminal-overlay-mobile .terminal-order-detail{grid-template-columns:1fr}
.terminal-order-detail{display:grid;grid-template-columns:1fr;gap:0;margin:0;border:1px solid var(--terminal-border);border-radius:10px;overflow:hidden;background:var(--terminal-surface)}
.terminal-order-detail>div{min-width:0;padding:10px 11px;border:0;border-radius:0;background:transparent;border-block-end:1px solid color-mix(in srgb,var(--terminal-border) 72%,transparent)}
.terminal-order-detail>div:nth-child(odd){border-inline-end:0}
.terminal-overlay-mobile .terminal-order-detail>div:nth-child(odd){border-inline-end:0}
.terminal-order-detail dt{color:var(--terminal-muted);font-size:12px}.terminal-order-detail dd{min-width:0;margin:4px 0 0;overflow-wrap:anywhere;color:var(--terminal-text);font-weight:600}
.terminal-order-success{margin:8px 4px;color:var(--terminal-text);font-size:16px;font-weight:700;text-align:center}

/* 交割档位按钮：秒数 + 该档收益率两行（与桌面端同源组件，样式各自适配）。 */
.delivery-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.delivery-periods button{display:grid;gap:2px;height:auto;min-height:48px;padding:8px 6px;line-height:1.25;white-space:normal}
.delivery-periods button b{font-size:13px;font-weight:600}
.delivery-periods button small{font-size:11px;opacity:.75}

/* 手机端交割：主界面只留图表 + 余额 + 买涨/买跌（参考站图一），
   点按钮弹出档位选择层（图二）。表单结构不变，只是改成按需弹出，
   主界面把空间让给图表和持仓列表。 */
.delivery-quick{padding:14px 16px 18px}
.delivery-quick-balance{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;font-size:13px}
.delivery-quick-balance b{font-size:15px;font-weight:600}
.delivery-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.delivery-quick-actions button{min-height:48px;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}
.delivery-quick-actions .buy{background:#2ecc9b;color:#06251c}
.delivery-quick-actions .sell{background:#e9546b;color:#2a0a10}

[data-delivery-sheet]{position:fixed;inset:auto 0 0 0;z-index:60;max-height:82vh;overflow:auto;
  border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.55)}
[data-delivery-sheet][hidden]{display:none}
.delivery-sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}
.delivery-sheet-head button{order:3;margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;
  background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}
.delivery-sheet-head b{font-size:15px}
/* 弹层里只保留与所选方向一致的那个提交按钮，占满整行 —— 方向在打开弹层时
   已经选定，再并排放两个反向按钮容易误点。方向本身显示在弹层头部。 */
[data-delivery-sheet][data-side="UP"] .delivery-actions .sell,
[data-delivery-sheet][data-side="DOWN"] .delivery-actions .buy{display:none}
[data-delivery-sheet] .delivery-actions{grid-template-columns:1fr;display:grid}
[data-delivery-sheet] .delivery-actions button{width:100%;min-height:48px;font-size:16px;font-weight:600}
.delivery-sheet-head span{color:var(--terminal-accent,#2ecc9b);font-size:14px;font-weight:600}
/* 档位固定 3 列。此前 .mobile-contract-portal .delivery-periods 用的是
   auto-fit + minmax(64px)，宽度够就塞 4 个，9 个档位排成 4-4-1，最后一行
   孤零零一个，很不协调。9 档天然是 3×3，固定三列排满，每行都整齐。
   选择器带上 .mobile-contract-portal 才能盖过上面那条同样具体的规则。 */
.mobile-contract-portal .delivery-periods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mobile-contract-portal .delivery-periods button{min-width:0;min-height:52px;padding:8px 6px}

/* One visual contract for every customer-facing mobile return action. */
:is(.mobile-page,.security-portal,.content-portal,.mobile-contract-portal,.ieo-portal,.metal-mobile,.mobile-market-page,.staking-mobile,.mobile-source-login,.mobile-route-failure,.kyc-auth-center,.kyc-portal,.remaining-visible-mobile) :is(button.back,button[data-back],a[data-back],a.mobile-login-back,a.metal-back,a.ieo-v-mobile-back,.kyc-mobile-head>a:first-child,.mobile-market-header>a:first-child,.staking-mobile-header>a:first-child){display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#eef4ff!important;font-family:Arial,sans-serif!important;font-size:0!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
:is(.mobile-page,.security-portal,.content-portal,.mobile-contract-portal,.ieo-portal,.metal-mobile,.mobile-market-page,.staking-mobile,.mobile-source-login,.mobile-route-failure,.kyc-auth-center,.kyc-portal,.remaining-visible-mobile) :is(button.back,button[data-back],a[data-back],a.mobile-login-back,a.metal-back,a.ieo-v-mobile-back,.kyc-mobile-head>a:first-child,.mobile-market-header>a:first-child,.staking-mobile-header>a:first-child)::before{content:'‹';font:32px/1 Arial,sans-serif!important;font-weight:400!important}
:is(.mobile-page,.security-portal,.content-portal,.mobile-contract-portal,.ieo-portal,.metal-mobile,.mobile-market-page,.staking-mobile,.mobile-source-login,.mobile-route-failure,.kyc-auth-center,.kyc-portal,.remaining-visible-mobile) :is(button.back,button[data-back],a[data-back],a.mobile-login-back,a.metal-back,a.ieo-v-mobile-back,.kyc-mobile-head>a:first-child,.mobile-market-header>a:first-child,.staking-mobile-header>a:first-child)>:not(.sr-only){display:none!important}


/* 手机端交割/永续的 K 线容器原本按自写 SVG 渲染器设计：高度写死 122px，
   里面还有一条 .kline-head 标题栏占位，留给图表的净高只剩 39px —— 换成
   KLineChart 之后图小到看不出形状（实测画布 226×39，容器却有 333×166）。
   这里给交易页的图表容器一个能看清走势的高度，并去掉不再需要的标题占位。 */
.mobile-contract-portal .delivery-chart,
.mobile-contract-portal [data-delivery-chart]{height:260px;min-height:260px}
.mobile-contract-portal .delivery-chart .kline-head{display:none}

/* 手机币币交易主页面（focus=full）只去掉「成交明細」——它与上方委托区的
   「成交明細」页签是同一份数据，重复一次。
   K线曾经也被藏在这里，理由是「图形画不出来（容器高度不足）」：那是图表适配层
   没等样式落地就按 0 高度画了一次导致的，属于该修的缺陷，不该拿隐藏来遮。
   现在适配层会重算到画布真有高度为止，交易页把图表放回来。
   DOM 一律保留：独立图表页与成交页复用同一模板，靠 data-focus-view 区分，
   直接删标签会把那两个页面一起弄空。 */
[data-focus-view="full"] [data-section="trades"]{display:none}

/* 手机永续盘口对齐币币/交割的画法：方向色 + 按真实挂单量成比例的深度条 + 中间价。
   原来卖买十行同色同形，看不出买卖分界。 */
.mobile-contract-book .contract-book-row{position:relative;display:grid;grid-template-columns:1fr auto;
  align-items:center;gap:8px;width:100%;min-height:26px;padding:0 10px;border:0;background:transparent;
  color:inherit;font-size:12px;cursor:pointer}
.mobile-contract-book .contract-book-row::before{content:'';position:absolute;top:1px;right:0;bottom:1px;
  width:var(--depth,0%);border-radius:2px;transition:width .18s ease}
.mobile-contract-book .contract-book-row.ask::before{background:color-mix(in srgb,var(--market-down,#ff6577) 22%,transparent)}
.mobile-contract-book .contract-book-row.bid::before{background:color-mix(in srgb,var(--market-up,#43d17d) 22%,transparent)}
.mobile-contract-book .contract-book-row > bdi{position:relative;z-index:1}
.mobile-contract-book .contract-book-row.ask > bdi:first-child{color:var(--market-down,#ff6577)}
.mobile-contract-book .contract-book-row.bid > bdi:first-child{color:var(--market-up,#43d17d)}
.mobile-contract-book .contract-book-mid{display:block;padding:8px 10px;font-size:15px;font-weight:600}