@font-face{font-family:element-icons;src:url('/assets/element-icons.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:xm-desktop-iconfont;src:url('/assets/xm-desktop-iconfont.woff2') format('woff2');font-weight:400;font-style:normal}
.capture-shift body{width:1920px;transform:translateX(var(--capture-shift));transform-origin:0 0}
*{box-sizing:border-box}html:not([data-app-booted]) body{visibility:hidden}html,body{margin:0;min-width:1200px;width:100%;height:100%;background:#000;color:#fff;font-family:Avenir,Helvetica,Arial,sans-serif}button,a{font:inherit}button{border:0}body{overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Healthy-runtime authentication shell. Visual fixtures keep their own frozen
   layouts; this shell is for the actual public login journey. */
body.desktop-auth-page{overflow:auto;background:#05070b}
.desktop-auth{min-height:100vh;display:grid;grid-template-rows:68px minmax(650px,1fr) 70px;background:radial-gradient(circle at 22% 34%,rgba(0,240,255,.14),transparent 32%),radial-gradient(circle at 78% 68%,rgba(30,94,255,.12),transparent 28%),#05070b;color:#f5f7fb}
.desktop-auth a{color:inherit;text-decoration:none}
.desktop-auth-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:34px;padding:0 34px;border-bottom:1px solid #1d2530;background:rgba(5,7,11,.94);backdrop-filter:blur(14px)}
.desktop-auth-brand{width:126px;height:52px;display:flex;align-items:center}.desktop-auth-brand img{display:block;width:124px;height:50px;object-fit:contain}
.desktop-auth-header nav{display:flex;align-items:center;gap:28px;color:#aeb7c5;font-size:14px}.desktop-auth-header nav a:hover{color:#6eecfc}
.desktop-auth-header select{margin-left:auto;width:155px;height:34px;padding:0 10px;border:1px solid #3a4656;border-radius:5px;background:#151b25;color:#dce5f0}
.desktop-auth-stage{width:min(1180px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:90px;padding:72px 0}
.desktop-auth-copy>span{display:inline-flex;padding:6px 12px;border:1px solid rgba(110,236,252,.35);border-radius:999px;color:#6eecfc;font-size:12px;letter-spacing:.2em}
.desktop-auth-copy h2{max-width:560px;margin:24px 0 16px;font-size:48px;line-height:1.12}.desktop-auth-copy p{max-width:610px;margin:0;color:#9da9ba;font-size:16px;line-height:1.85}
.desktop-auth-card{padding:36px;border:1px solid #273342;border-radius:12px;background:rgba(15,21,30,.94);box-shadow:0 26px 80px rgba(0,0,0,.42)}
.desktop-auth-card header small{color:#6eecfc;letter-spacing:.15em}.desktop-auth-card h1{margin:9px 0 28px;font-size:30px}.desktop-auth-card form{display:grid;gap:18px}
.desktop-auth-card label{display:grid;gap:8px;color:#aeb8c7;font-size:13px}.desktop-auth-card input{width:100%;height:46px;padding:0 14px;border:1px solid #364455;border-radius:7px;background:#090e15;color:#fff;outline:0}
.desktop-auth-card input:focus{border-color:#6eecfc;box-shadow:0 0 0 3px rgba(110,236,252,.12)}
.desktop-auth-links{display:flex;justify-content:space-between;gap:20px;color:#8da1b8;font-size:13px}.desktop-auth-links a:hover{color:#6eecfc}
.desktop-auth-submit{height:46px;border:0;border-radius:7px;background:#6eecfc;color:#041013;font-weight:800;cursor:pointer}.desktop-auth-submit:disabled{opacity:.55}
.desktop-auth-card #status{min-height:20px;margin:0;color:#ff7b86;font-size:13px}
.desktop-auth>footer{display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:1px solid #1d2530;color:#798596;font-size:12px}.desktop-auth>footer nav{display:flex;gap:22px}
@media(max-width:1050px){.desktop-auth-stage{grid-template-columns:1fr;width:min(620px,calc(100% - 40px));gap:36px}.desktop-auth-copy{display:none}.desktop-auth-header nav{display:none}}
.site-header{height:60px;width:100%;display:flex;align-items:center;background:#060609;position:relative;white-space:nowrap}.brand{position:absolute;left:30px;top:5px;width:124px;height:50px;object-fit:fill}
.primary-nav{position:absolute;left:214px;top:0;height:60px;display:flex;align-items:center;gap:28px;color:#ddd;font-size:14px}.primary-nav>span,.nav-menu>button{color:#ddd;background:transparent;padding:0;cursor:default}.nav-menu{height:60px;display:flex;align-items:center;position:relative}
.mini-caret{display:inline-block;margin-left:8px;width:10px;height:7px;vertical-align:middle}.mini-caret:before{content:'\e60a';font-family:xm-desktop-iconfont;font-size:10px;line-height:7px}
.nav-popover,.account-popover{display:none;position:absolute;background:#17171f;border:1px solid #30303a;color:#ddd;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.4)}.nav-popover{top:50px;left:0;min-width:110px;padding:8px 0}.nav-popover span,.account-popover span{display:block;padding:8px 14px}.nav-menu:hover .nav-popover{display:block}
.account-menu{position:absolute;right:170px;top:0;height:60px;display:flex;align-items:center}.account-menu>button{width:196px;height:23px;background:#171c27;color:#fff;text-align:center;font-size:12px}.account-icon{position:absolute;left:4px;top:22px;width:16px;height:16px;font-family:xm-desktop-iconfont;font-size:16px;line-height:16px}.account-icon:before{content:'\e608'}.redacted-account{display:block;overflow:hidden;height:14px;opacity:.62}.down-glyph{position:absolute;right:7px;top:22px;width:14px;height:14px;font-family:element-icons;font-size:14px;line-height:14px}.down-glyph:before{content:'\e6df'}.account-popover{right:0;top:49px;width:154px;font-size:13px}.account-menu.open .account-popover{display:block}
.language{position:absolute;right:20px;top:17px;width:100px;height:26px;padding:0 10px;background:#3a3a3a;border:1px solid #7d7d7d;border-radius:4px;color:#aaa;font:12px Arial;text-align:left}.language-caret{position:absolute;right:5px;top:5px;width:14px;height:14px;font-family:element-icons;font-size:14px;line-height:14px}.language-caret:before{content:'\e6df'}
.language-menu{display:none;position:absolute;right:20px;top:46px;width:154px;max-height:370px;overflow:auto;background:#17171f;border:1px solid #30303a;box-shadow:0 6px 18px rgba(0,0,0,.4);z-index:30}.language-menu.open{display:block}.language-menu button{display:block;width:100%;padding:8px 12px;background:transparent;color:#ddd;text-align:left;font:12px Arial}.language-menu button:hover{background:#30303a;color:#fff}
.workspace{position:absolute;left:10%;top:110px;width:80%;display:grid;grid-template-columns:20% 1fr;gap:10px}.asset-nav{height:70vh;display:flex;flex-direction:column}.asset-nav a{height:63px;padding-left:calc(8.125vw - 34px);display:flex;align-items:center;color:#888;text-decoration:none;font-size:16px}
.records-panel{position:relative;top:0;height:70vh;background:#0e0f17;color:#b0b8db}.records-heading{position:absolute;left:20px;top:32px;font-size:14px}.records-heading b{padding:0 6px;font-weight:400}.records-heading em{font-style:normal;color:#55e6f3}
.currency-select{position:absolute;right:20px;top:20px;width:193px;height:40px}.currency-select>button{width:193px;height:40px;padding:0 30px 0 15px;text-align:left;background:#3a3a3a;border:1px solid #7d7d7d;border-radius:4px;color:#aaa;font:14px Arial}.select-caret{position:absolute;right:6px;top:13px;width:14px;height:14px;font-family:element-icons;font-size:14px;line-height:14px;color:#c0c4cc}.select-caret:before{content:'\e6df'}.currency-options{display:none;position:absolute;left:0;top:44px;width:193px;background:#fff;border:1px solid #e4e7ed;border-radius:4px;padding:6px 0;z-index:4;box-shadow:0 2px 12px rgba(0,0,0,.2)}.currency-options button{display:block;width:100%;height:34px;text-align:left;padding:0 20px;background:#fff;color:#606266;font:14px Arial}.currency-options button:hover{background:#f5f7fa;color:#409eff}.currency-select.open .currency-options{display:block}.currency-select.open>button{border-color:#409eff}.currency-select.open .select-caret{transform:rotate(180deg);color:#409eff}
.table-head{position:absolute;left:16px;right:14px;top:91px;display:grid;grid-template-columns:36% 24% 24% 16%;font-size:12px;color:#b0b8db}.table-head span:last-child{text-align:right}.empty-state{position:absolute;left:50%;top:156px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#b0b8db;font-size:12px}.empty-state img{width:70px;height:70px;object-fit:contain;margin-bottom:8px}
@media (max-width:1500px){.primary-nav{gap:24px}.empty-state{top:157px}}
.asset-nav a.active-account{justify-content:center;padding:0;background:#6eecfc;color:#fff}.account-panel{padding:20px}.account-panel .account-summary{font-size:14px;color:#b0b8db}.account-panel .account-summary strong{color:#55e6f3;font-weight:400}.account-panel .finance-link{position:absolute;right:20px;top:22px;color:#ddd;font-size:14px}.account-table{margin-top:32px;color:#b0b8db;font-size:12px}.account-table .account-row{display:grid;grid-template-columns:25% 25% 25% 25%;height:36px;align-items:center;border-bottom:1px solid #292934}.account-table .account-row span:not(:first-child){text-align:center}
.funds-page{min-height:100vh;padding:48px;background:#0e0f17;color:#b0b8db;font:14px Avenir,Arial,sans-serif}.funds-page a{color:#55e6f3}.funds-page h1{color:#fff}.funds-page form{display:grid;gap:14px;max-width:420px}.funds-page label{display:grid;gap:6px}.funds-page input,.funds-page select{height:38px;padding:8px;background:#17171f;border:1px solid #4c4d58;border-radius:4px;color:#fff}.funds-page button{height:38px;border-radius:4px;background:#00ddeb;color:#000;cursor:pointer}.funds-page button:disabled{opacity:.5;cursor:not-allowed}.funds-page output{min-height:20px;color:#55e6f3}
.funds-panel-heading{position:absolute;left:20px;top:22px;font-size:14px;color:#b0b8db}.funds-panel-heading a{color:#55e6f3;text-decoration:none}.funds-form-wrap{position:absolute;left:18px;right:18px;top:82px;bottom:20px;overflow:auto}.funds-history-link{position:absolute;right:0;top:-57px;color:#b0b8db;text-decoration:none;font-size:14px}.xm-transfer-form{position:relative;display:block;width:100%;max-width:none;padding-top:0}.transfer-field{position:relative;display:flex;align-items:center;min-height:40px;margin:0 0 30px}.transfer-field>span{width:80px;color:#b0b8db;font-size:13px}.transfer-field select,.transfer-field input{height:40px;border:1px solid #727276;border-radius:4px;background:#3b3b3d;color:#b9b9bc;padding:0 15px;font:14px Avenir,Arial,sans-serif;outline:0}.currency-field select{width:calc(100% - 80px)}.account-field{display:block}.account-field>span{position:absolute;left:0;top:12px}.account-pair{margin-left:80px;display:grid;grid-template-columns:20px minmax(160px,1fr) 32px minmax(160px,1fr);gap:0;align-items:center}.account-pair b{font-size:13px;font-weight:400;color:#b0b8db}.account-pair select{width:100%}.transfer-switch{font-style:normal;text-align:center;color:#a5a5a8;font-size:18px}.account-field small{display:block;margin:8px 0 0 80px;color:#b0b8db;font-size:12px}.amount-field input{width:calc(100% - 80px)}.amount-field #transfer-all{position:absolute;right:10px;top:3px;min-height:34px;padding:0 8px;background:transparent;color:#aeb0b7;font-size:12px}.transfer-submit{display:block;width:calc(100% - 80px);margin-left:80px;min-height:48px;border-radius:4px;background:#60d8e9!important;color:#f4f8f9!important;font-size:15px;cursor:pointer}.xm-exchange-form .currency-field{margin-bottom:30px}.xm-exchange-form output{display:block;margin:0 0 18px 80px;min-height:20px;color:#b0b8db;font-size:12px}.quote-refresh{display:block;width:calc(100% - 80px);margin:0 0 10px 80px;min-height:38px;background:#3b3b3d!important;color:#d3d3d5!important}.funds-form-wrap button{min-height:34px;border-radius:4px;background:#00ddeb;color:#000;cursor:pointer}.funds-form-wrap output{min-height:20px;color:#55e6f3}.funds-toolbar{display:flex;gap:10px;margin-bottom:12px}.funds-form-wrap table{width:100%;border-collapse:collapse;font-size:12px}.funds-form-wrap th,.funds-form-wrap td{padding:12px;border-bottom:1px solid #292934;text-align:left}.funds-form-wrap .record-detail{min-height:26px;padding:0 10px}
/* Stage 3 transfer/exchange baseline: the original funds forms sit one pixel
   below the account panel's generic form grid and use 48px cyan submit bars. */
.funds-panel .funds-form-wrap{top:83px}.funds-panel .transfer-field{margin-bottom:31px}.funds-panel .transfer-submit{height:48px;min-height:48px}.funds-panel .funds-history-link{right:3px}
.funds-panel{margin-right:8px;height:calc(70vh - 1px)}
.funds-panel .funds-panel-heading,.funds-panel .funds-history-link{color:#fff;font:16px Avenir,Helvetica,Arial,sans-serif}
.funds-panel .transfer-field>span,.funds-panel .account-pair b{font:12px Avenir,Helvetica,Arial,sans-serif}
.funds-panel .transfer-field select,.funds-panel .transfer-field input,.funds-panel .exchange-pair select,.funds-panel .exchange-amount input{font-family:Avenir,Helvetica,Arial,sans-serif}
.funds-panel .xm-exchange-form{padding:2px 10px 0}.funds-panel .exchange-pair{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:16px;align-items:center;margin:0 0 40px}.funds-panel .exchange-pair select{width:100%;height:40px;padding:0 15px;border:1px solid #727276;border-radius:4px;background:#3b3b3d;color:#b9b9bc;font:14px Avenir,Arial,sans-serif}.funds-panel .exchange-swap{width:58px;height:48px;min-height:48px!important;padding:0;background:transparent!important}.funds-panel .exchange-swap img{display:block;width:50px;height:50px;object-fit:contain;margin:-1px auto}.funds-panel .exchange-amount{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;margin:0 0 57px;color:#b0b8db;font-size:13px}.funds-panel .exchange-amount>div{position:relative}.funds-panel .exchange-amount input{width:100%;height:40px;padding:0 110px 0 15px;border:1px solid #727276;border-radius:4px;background:#3b3b3d;color:#b9b9bc;font:14px Avenir,Arial,sans-serif}.funds-panel #exchange-all{position:absolute;right:8px;top:1px;height:38px;min-height:38px;padding:0 8px;background:transparent!important;color:#ddd!important;font-size:13px}.funds-panel .exchange-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 22px;padding:0 27px;gap:20px}.funds-panel .exchange-summary div{display:flex;flex-direction:column;gap:31px;color:#b0b8db;font-size:13px}.funds-panel .exchange-summary div:nth-child(2){align-items:center}.funds-panel .exchange-summary div:nth-child(3){align-items:flex-end}.funds-panel .exchange-summary output{color:#b0b8db;font:13px Avenir,Arial,sans-serif}.funds-panel .xm-exchange-form .transfer-submit{width:100%;margin:0}
@media (min-width:900px){.funds-form-wrap{left:18px;right:18px;top:82px}.funds-panel .funds-form-wrap{top:83px}.xm-transfer-form{padding-left:0}.transfer-field>span{width:80px}.currency-field select,.amount-field input{width:calc(100% - 80px)}.funds-history-link{right:0}.funds-panel .funds-history-link{right:3px}.account-pair{grid-template-columns:20px minmax(240px,1fr) 32px minmax(240px,1fr)}}
.stage4-desktop{max-width:860px}.stage4-form{display:grid;grid-template-columns:128px minmax(260px,1fr);gap:14px 18px;align-items:center;padding:18px 0}.stage4-form label{display:contents}.stage4-form label::before{content:attr(data-label);color:#b0b8db}.stage4-form label{color:#b0b8db}.stage4-form select,.stage4-form input{height:40px;width:100%;border:1px solid #727276;border-radius:4px;background:#3a3a3a;color:#eee;padding:0 12px}.stage4-form .check{grid-column:2;color:#b0b8db}.stage4-form .check input{width:auto;height:auto;margin-right:8px}.stage4-form button{grid-column:2;min-height:42px;background:#60d8e9;color:#071115}.stage4-form .secondary{background:#3a3a3a;color:#ddd}.stage4-form output{padding:10px 12px;border:1px solid #45454b;background:#17171f;color:#b0b8db}.stage4-form p{grid-column:2;margin:0;color:#b0b8db}.stage4-empty{color:#b0b8db;padding:24px 0}
/* Stage 3 originals use neutral #3a3a3a field surfaces.  Keep this explicit
   compatibility rule close to the form styles so shared Stage 4 controls do
   not drift from the same dark palette. */
.funds-panel .transfer-field select,.funds-panel .transfer-field input,.funds-panel .quote-refresh,.funds-panel .exchange-pair select,.funds-panel .exchange-amount input{background:#3a3a3a!important}
.funds-panel .transfer-submit{background:#6eecfc!important}
/* CURRENT_LIVE Stage 3 uses the historical empty/default forms.  Keep these
   dimensions scoped to the explicit visual fixture so interactive funds
   screens retain their functional controls. */
.funds-panel:has(.stage3-desktop-fixture[data-fixture-id]){margin-right:0}.funds-panel:has(.stage3-desktop-fixture[data-fixture-id]) .funds-form-wrap{left:20px;right:20px;top:83px;overflow:visible}.stage3-desktop-fixture[data-fixture-id] .transfer-switch,.stage3-desktop-fixture[data-fixture-id] #transfer-all{display:none}.stage3-desktop-fixture[data-fixture-id] .account-pair{grid-template-columns:20px minmax(0,1fr) 32px minmax(0,1fr);column-gap:0}.stage3-desktop-fixture[data-fixture-id] .account-pair select:last-child{grid-column:4}.stage3-desktop-fixture[data-fixture-id] .account-field small{margin-top:8px}.stage3-desktop-fixture[data-fixture-id] .transfer-submit{background:#6eecfc!important;color:#f4f8f9!important}.stage3-desktop-fixture[data-fixture-id] .xm-exchange-form{padding:2px 10px 0}.stage3-desktop-fixture[data-fixture-id] .exchange-pair{margin-bottom:40px}.stage3-desktop-fixture[data-fixture-id] .exchange-amount{margin-bottom:57px}.stage3-desktop-fixture[data-fixture-id] .exchange-summary{margin-bottom:22px}
.stage3-desktop-fixture[data-fixture-id] .transfer-field>span,.stage3-desktop-fixture[data-fixture-id] .account-pair b{color:#fff}
.stage3-desktop-fixture[data-fixture-id] .account-field small{color:#ddd}
.stage3-desktop-fixture[data-fixture-id] .transfer-field select,.stage3-desktop-fixture[data-fixture-id] .transfer-field input,.stage3-desktop-fixture[data-fixture-id] .exchange-pair select,.stage3-desktop-fixture[data-fixture-id] .exchange-amount input{border-color:#7d7d7d;color:#aaa}
.stage3-desktop-fixture[data-fixture-id] .funds-history-link{top:-63px;right:0}
.stage3-desktop-fixture[data-fixture-id] .account-pair{grid-template-columns:22px minmax(0,1fr) 32px minmax(0,1fr);position:relative;top:-1px}
.stage3-desktop-fixture[data-fixture-id] .exchange-pair{position:relative;top:-1px}
.stage3-desktop-fixture[data-fixture-id] .exchange-summary div,.stage3-desktop-fixture[data-fixture-id] .exchange-summary div:nth-child(3){align-items:center;text-align:center}
.stage3-desktop-fixture[data-fixture-id] .exchange-amount{color:#fff;font-size:12px}
.stage3-desktop-fixture[data-fixture-id] .xm-exchange-form .transfer-submit{font-size:12px}
.stage3-desktop-fixture[data-fixture-id] .xm-exchange-form .transfer-submit{position:relative;top:3px}
.funds-panel:has(.stage3-desktop-fixture[data-fixture-id]) .funds-panel-heading{top:20px}
.workspace:has(.stage3-desktop-fixture[data-fixture-id]) .asset-nav a{justify-content:center;padding-left:0}
body:has(.stage3-desktop-fixture[data-fixture-id]) .primary-nav{transform:translateY(-1px)}
body:has(.stage3-desktop-fixture[data-fixture-id]) .account-menu>button{background:transparent}
@media (min-width:1501px){.workspace:has(.stage3-desktop-fixture[data-fixture-id]){left:calc(10% - 1px);width:calc(80% - 3px)}.stage3-desktop-fixture[data-fixture-id] .account-pair{grid-template-columns:22px 521px 64px minmax(0,1fr)}}

/* CURRENT LIVE Stage 4 address form.  This is intentionally a separate DOM
   and style scope: the healthy address book keeps its note/default/list UI. */
.stage4-desktop-address-fixture .funds-panel{margin-right:0}
.stage4-desktop-address-fixture .funds-panel-heading{top:20px}
.stage4-desktop-address-fixture .funds-form-wrap{left:20px;right:20px;top:82px;overflow:visible}
.desktop-address-live{width:100%;color:#b0b8db;font-family:Avenir,Helvetica,Arial,sans-serif}
.desktop-address-live form{margin:0 10px}
.desktop-address-live .address-first-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;margin:0 0 20px}
.desktop-address-live label{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;min-width:0;height:40px;color:#b0b8db;font:12px/16px Avenir,Helvetica,Arial,sans-serif}
.desktop-address-live select,.desktop-address-live input{display:block;width:100%;height:40px;min-width:0;padding:0 15px;border:1px solid #7d7d7d;border-radius:4px;outline:0;background:#3a3a3a;color:#aaa;font:14px Avenir,Helvetica,Arial,sans-serif}
.desktop-address-live .address-input-row{margin-bottom:30px}
.desktop-address-live .address-input-row span{line-height:14px;padding-right:24px}
.desktop-address-live .desktop-address-live-save{display:block;width:100%;height:48px;min-height:48px;border:0;border-radius:0;background:#6eecfc;color:#fff;font:16px/48px Avenir,Helvetica,Arial,sans-serif;text-align:center}
#desktop-address-live-status{height:16px;margin:8px 0 0;color:#b0b8db;font-size:12px}
.stage4-desktop-address-fixture .asset-nav a{height:62px;justify-content:center;padding-left:0}
.stage4-desktop-address-fixture .primary-nav{transform:translateY(-1px)}
.stage4-desktop-address-fixture .account-menu>button{background:transparent}
@media (max-width:1500px){
  .stage4-desktop-address-fixture .brand{display:none}
  .stage4-desktop-address-fixture .primary-nav{left:90px;gap:24px}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(2){transform:translateX(-12px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(3),.stage4-desktop-address-fixture .primary-nav> :nth-child(4){transform:translateX(-22px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(5),.stage4-desktop-address-fixture .primary-nav> :nth-child(6){transform:translateX(-20px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(7){transform:translateX(-21px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(8){transform:translateX(-18px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(9){transform:translateX(-25px)}
  .stage4-desktop-address-fixture .primary-nav> :nth-child(10){transform:translateX(-11px)}
}

/* Stage 6B healthy contract portal. These selectors are isolated from the
   frozen Stage 2–5 visual fixtures. */
.contract-portal,.contract-account-page{min-height:100vh;background:#071016;color:#dce8ee;font:14px/1.45 Inter,Arial,sans-serif}.contract-header{height:62px;display:flex;align-items:center;gap:34px;padding:0 24px;background:#0b1720;border-bottom:1px solid #1d3440;box-sizing:border-box}.contract-brand{color:#71e7ef;font-size:24px;font-weight:800;text-decoration:none}.contract-header nav{display:flex;gap:8px;align-items:stretch;height:100%}.contract-header nav a{display:flex;align-items:center;padding:0 18px;color:#9eb2bd;text-decoration:none;border-bottom:2px solid transparent}.contract-header nav a.active,.contract-header nav a:hover{color:#eefcff;border-bottom-color:#34d2dc}.contract-header>span{margin-inline-start:auto;color:#8bbcc4}.contract-market-summary{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,1fr) repeat(4,minmax(130px,.8fr));gap:1px;background:#1d3440;border-bottom:1px solid #1d3440}.contract-market-summary>*{min-height:72px;padding:14px 18px;background:#0c1821;box-sizing:border-box}.contract-market-summary select{color:#eaf8fc;background:#111f29;border:1px solid #294754}.contract-market-summary>strong{font-size:24px;color:#55dbe4}.contract-market-summary span{display:flex;flex-direction:column;gap:6px}.contract-market-summary small{color:#748d99}.contract-workspace{display:grid;grid-template-columns:minmax(520px,1.8fr) minmax(240px,.75fr) minmax(220px,.65fr) minmax(310px,.95fr);gap:1px;background:#1d3440}.contract-workspace>article{background:#0a151d;min-height:420px;padding:14px;box-sizing:border-box}.contract-workspace h2,.contract-workspace header{font-size:14px;margin:0 0 12px}.contract-chart-card header{display:flex;justify-content:space-between}.contract-chart-card #contract-kline{height:360px}.contract-chart-card button,.contract-record-tabs button,.contract-toggle button,.contract-percentages button,.delivery-records nav button{border:1px solid #284451;background:#0e202a;color:#a9bdc6;padding:7px 10px;border-radius:4px}.contract-chart-card button:hover,.contract-record-tabs button.active,.contract-toggle button.active,.contract-percentages button:hover,.delivery-records nav button.active{border-color:#36d2db;color:#73edf2;background:#10313a}.contract-book-card #contract-book,.contract-trades-card #contract-trades{display:flex;flex-direction:column;gap:2px;max-height:380px;overflow:auto}.contract-book-card button,.contract-trades-card p{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:7px 8px;background:#0e1c24;border:0;color:#bfd0d8;text-align:end}.contract-book-card button:nth-child(-n+8) bdi:first-child{color:#ef7580}.contract-book-card button:nth-child(n+9) bdi:first-child{color:#4ee0a0}.contract-order-card{overflow:auto}.contract-toggle{display:flex;gap:6px;margin-bottom:9px}.contract-toggle button{flex:1}.contract-toggle .buy.active,.delivery-actions .buy{background:#0f705c;border-color:#2bd6a0;color:white}.contract-toggle .sell.active,.delivery-actions .sell{background:#7a2e3a;border-color:#ef6677;color:white}.contract-order-card form,.delivery-order-card form{display:grid;gap:9px}.contract-order-card label,.delivery-order-card label{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.3fr);align-items:center;gap:8px;color:#8fa6b1}.contract-order-card input,.contract-order-card select,.delivery-order-card input,.delivery-order-card select{width:100%;min-height:36px;border:1px solid #2a4652;background:#09131a;color:#e5f1f4;border-radius:4px;padding:7px;box-sizing:border-box}.contract-percentages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.contract-estimate{margin:4px 0;display:grid;gap:4px}.contract-estimate div{display:flex;justify-content:space-between}.contract-estimate dt{color:#8199a4}.contract-estimate dd{margin:0}.contract-order-card form>button[type=submit]{min-height:40px;border:0;border-radius:4px;color:white;font-weight:700}.contract-order-card form>button.buy{background:#0c9b72}.contract-order-card form>button.sell{background:#c34b5b}.contract-records{background:#08131a;border-top:1px solid #1d3440;min-height:260px}.contract-record-tabs{display:flex;gap:6px;padding:10px 14px;overflow:auto;border-bottom:1px solid #1c323e}.contract-record-tabs #contract-batch-close,.contract-record-tabs #contract-cancel-all{margin-inline-start:auto}.contract-record-tabs #contract-cancel-all{margin-inline-start:0}.contract-records>#contract-record-body{padding:12px}.contract-table-scroll{max-width:100%;overflow:auto}.contract-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.contract-table-scroll th{background:#10232d;color:#83a2ae;text-align:start;padding:9px}.contract-table-scroll td{border-bottom:1px solid #162b35;padding:9px;color:#c4d4db}.contract-table-scroll tr:nth-child(even){background:#0b1820}.contract-table-scroll button,.delivery-order-row button,.contract-detail-dialog button,.delivery-detail-dialog button{border:1px solid #28505b;background:#0e2932;color:#71e5ec;border-radius:3px;padding:5px 8px;margin:2px}.contract-empty{padding:28px;text-align:center;color:#6e8995}.contract-detail-dialog,.delivery-detail-dialog{width:min(760px,90vw);max-height:80vh;overflow:auto;background:#0d1c24;color:#d8e6eb;border:1px solid #2e5561;border-radius:8px}.contract-detail-dialog::backdrop,.delivery-detail-dialog::backdrop{background:#000a}.contract-detail-dialog dl,.delivery-detail-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contract-detail-dialog dl div,.delivery-detail-dialog dl div{padding:8px;background:#10232c}.contract-detail-dialog dt,.delivery-detail-dialog dt{color:#7f9ba7}.contract-detail-dialog dd,.delivery-detail-dialog dd{margin:3px 0 0;word-break:break-all}.contract-state{padding:30px;text-align:center}.contract-error{color:#ef8992}.desktop-delivery-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);grid-template-areas:'market form' 'records records';gap:1px;background:#1d3440}.desktop-delivery-grid>.delivery-market{grid-area:market}.desktop-delivery-grid>.delivery-order-card{grid-area:form}.desktop-delivery-grid>.delivery-records{grid-area:records}.delivery-market,.delivery-order-card,.delivery-records{background:#0a151d;padding:16px;box-sizing:border-box}.delivery-market header{display:flex;align-items:center;gap:18px}.delivery-market header span{margin-inline-start:auto;color:#77abb5}.delivery-market select{background:#10232c;color:#d8e7eb;border:1px solid #284653;padding:8px}.delivery-market strong{color:#58dde5;font-size:22px}.delivery-chart{height:340px;margin-top:12px;background:linear-gradient(180deg,#0e222c,#09141b)}.delivery-order-card fieldset{border:1px solid #25424e}.delivery-periods{display:flex;gap:6px;overflow:auto}.delivery-periods button{white-space:nowrap;border:1px solid #2a4a56;background:#10232c;color:#b4c8cf;padding:7px}.delivery-periods button.active{border-color:#42d7df;color:#62e6ec}.delivery-periods button:disabled{opacity:.35}.delivery-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-actions button{min-height:42px;border-radius:4px}.delivery-records nav{display:flex;gap:8px}.delivery-records>[data-delivery-orders]{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px;margin-top:12px}.delivery-order-row{border:1px solid #1f3b46;background:#0c1a22;border-radius:6px;padding:12px}.delivery-order-row header{display:flex;justify-content:space-between}.delivery-order-row header strong{color:#59d9df}.delivery-order-row dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-order-row dl div{min-width:0}.delivery-order-row dt{font-size:12px;color:#78939f}.delivery-order-row dd{margin:2px 0}.contract-account-page>section{max-width:1100px;margin:38px auto;padding:24px;background:#0d1b23;border:1px solid #203e49}.contract-account-page>section>a{display:inline-block;margin-top:20px;color:#65dce3}.account-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-summary-grid article{display:flex;flex-direction:column;gap:8px;padding:20px;background:#10232c;border:1px solid #234550}.account-summary-grid span{color:#83a0ab}.account-summary-grid bdi{font-size:20px;color:#e0f0f3}.contract-portal bdi,.contract-account-page bdi{direction:ltr;unicode-bidi:isolate}
@media(max-width:1500px){.contract-workspace{grid-template-columns:minmax(480px,1.6fr) minmax(220px,.7fr) minmax(280px,.9fr)}.contract-trades-card{display:none}.delivery-records>[data-delivery-orders]{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:1100px){.contract-workspace{grid-template-columns:1.5fr 1fr}.contract-order-card{grid-column:2}.contract-chart-card{grid-column:1}.contract-trades-card{display:block}.contract-market-summary{grid-template-columns:repeat(3,1fr)}.desktop-delivery-grid{grid-template-columns:1fr}.account-summary-grid{grid-template-columns:repeat(2,1fr)}}

/* CURRENT LIVE Stage 4 desktop withdrawal.  The live route currently renders
   an authenticated empty state, so the visual-only fixture has its own tiny
   DOM; the healthy withdrawal form and records table are never hidden here. */
.stage4-desktop-withdrawal-fixture .funds-panel{height:calc(70vh - 1px);margin-right:0}
.stage4-desktop-withdrawal-fixture .funds-panel-heading{display:none}
.stage4-desktop-withdrawal-fixture .funds-form-wrap{left:0;right:0;top:0;bottom:0;overflow:hidden}
.stage4-desktop-withdrawal-fixture .asset-nav a{height:62px;justify-content:center;padding-left:0}
.stage4-desktop-withdrawal-fixture .primary-nav{transform:translateY(-1px)}
.stage4-desktop-withdrawal-fixture .account-menu>button{background:transparent}
.desktop-withdrawal-live{position:relative;width:100%;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif}
.desktop-withdrawal-summary{position:absolute;left:20px;top:24px;height:16px;display:flex;align-items:center;color:#fff;font:16px/16px Avenir,Helvetica,Arial,sans-serif}
.desktop-withdrawal-summary-marker{display:block;width:3px;height:14px;margin-right:12px;background:#16dbe7}
.desktop-withdrawal-summary span{display:block;white-space:pre}
.desktop-withdrawal-summary b{display:block;margin-left:5px;color:#16dbe7;font:400 16px/16px Avenir,Helvetica,Arial,sans-serif}
.desktop-withdrawal-records{position:absolute;right:20px;top:24px;color:#fff;text-decoration:none;font:16px/16px Avenir,Helvetica,Arial,sans-serif}
@media (max-width:1500px){
  .stage4-desktop-withdrawal-fixture .brand{display:none}
  .stage4-desktop-withdrawal-fixture .primary-nav{left:90px;gap:24px}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(2){transform:translateX(-12px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(3),.stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(4){transform:translateX(-22px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(5),.stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(6){transform:translateX(-20px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(7){transform:translateX(-21px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(8){transform:translateX(-18px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(9){transform:translateX(-25px)}
  .stage4-desktop-withdrawal-fixture .primary-nav> :nth-child(10){transform:translateX(-11px)}
}

/* CURRENT LIVE Stage 4 Quick Deposit.  The source component is a 804px
   recharge rail, with nested 90%/30px layout layers; keep the healthy detail
   form separate so the fixture never hides actionable controls with CSS. */
.stage4-desktop-deposit-fixture .funds-panel{height:calc(100vh - 110px);margin-right:0}
.stage4-desktop-deposit-fixture .funds-panel-heading{display:none}
.stage4-desktop-deposit-fixture .funds-form-wrap{left:0;right:0;top:0;bottom:0;overflow:hidden}
.stage4-desktop-deposit-fixture .asset-nav a{height:62px;justify-content:center;padding-left:0}
.stage4-desktop-deposit-fixture .primary-nav{transform:translateY(-1px)}
.stage4-desktop-deposit-fixture .account-menu>button{background:transparent}
.desktop-deposit-live{width:804px;margin:0 auto;padding-top:40px;color:#fff;font-family:Avenir,Helvetica,Arial,sans-serif}
.desktop-deposit-content{box-sizing:content-box;width:90%;margin:0 auto;padding:0 30px}
.desktop-deposit-content-inner{padding:0 30px}
.desktop-deposit-instruction{width:100%;min-height:44px;margin:0;padding:30px 0 0;color:#fff;font:16px/22px Avenir,Helvetica,Arial,sans-serif}
.desktop-deposit-channels{margin-top:30px}
.stage4-desktop-deposit-fixture .desktop-deposit-channel{display:flex;width:100%;height:100px;min-height:0!important;align-items:center;justify-content:space-between;padding:25px 0;border:0;border-radius:0!important;background:transparent!important;color:#fff!important;cursor:pointer;font:16px Avenir,Helvetica,Arial,sans-serif;text-align:left}
.desktop-deposit-channel-left{display:flex;align-items:center;min-width:0}
.desktop-deposit-channel-icon{display:block;width:50px;height:50px;flex:0 0 50px;object-fit:contain;margin-right:20px}
.desktop-deposit-channel-chevron{display:block;width:30px;height:30px;object-fit:contain}
.desktop-deposit-entry{width:804px;margin:0 auto;padding:40px 0;color:#fff;font-family:Avenir,Helvetica,Arial,sans-serif}.desktop-deposit-entry-instruction{font-size:16px}.desktop-deposit-entry-channels{margin-top:30px}
@media (max-width:1500px){
  .stage4-desktop-deposit-fixture .brand{display:none}
  .stage4-desktop-deposit-fixture .primary-nav{left:90px;gap:24px}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(2){transform:translateX(-12px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(3),.stage4-desktop-deposit-fixture .primary-nav> :nth-child(4){transform:translateX(-22px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(5),.stage4-desktop-deposit-fixture .primary-nav> :nth-child(6){transform:translateX(-20px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(7){transform:translateX(-21px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(8){transform:translateX(-18px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(9){transform:translateX(-25px)}
  .stage4-desktop-deposit-fixture .primary-nav> :nth-child(10){transform:translateX(-11px)}
}

/* Public desktop home.  It deliberately does not reuse the authenticated asset shell. */
.desktop-home{min-width:1200px;min-height:100vh;background:#000;color:#f5f7fb;font-family:Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden}.desktop-home a{color:inherit;text-decoration:none}.home-header{height:60px;display:flex;align-items:center;padding:0 30px;background:#060608;position:relative;z-index:4;white-space:nowrap}.home-brand{width:124px;height:50px;display:flex;align-items:center}.home-brand img{width:124px;height:50px;object-fit:fill}.home-nav{display:flex;gap:25px;margin-left:60px;font-size:14px;color:#ddd;align-items:center}.home-nav a:hover,.home-session a:hover{color:#6eecfb}.home-session{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px}.home-register,.home-support>a{padding:7px 14px;border-radius:3px;background:#171c27;color:#fff!important}.home-session select{width:100px;height:26px;border:1px solid #7d7d7d;border-radius:4px;background:#3a3a3a;color:#aaa;padding:0 7px}.home-hero{height:818px;position:relative;isolation:isolate;overflow:hidden;background:#000}.home-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.home-hero-copy{position:absolute;left:50%;top:337px;transform:translateX(-50%);width:900px;text-align:center}.home-hero-copy>p{margin:0;color:#f6f7fb;font-size:14px;line-height:1.7;text-shadow:0 1px 4px #000}.home-float{position:absolute;left:var(--x);top:var(--y);width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(223,243,255,.72));animation:home-float var(--duration) ease-in-out infinite alternate;z-index:1}.home-float-bitcoin{width:128px;height:128px}.home-float-xrp{width:116px;height:116px}.home-float:after{content:none}@keyframes home-float{from{transform:translateY(calc(var(--amplitude) * -.5))}to{transform:translateY(var(--amplitude))}}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);width:440px;margin:40px auto 0;padding:0;border:0}.home-stats article{text-align:center;border-right:1px solid rgba(255,255,255,.55)}.home-stats article:last-child{border:0}.home-stats b{display:block;color:#fff;font-size:22px;line-height:1.2}.home-stats span{display:block;color:#fff;margin-top:7px;font-size:12px;white-space:nowrap}.home-section{max-width:1200px;margin:52px auto}.home-section h2,.home-explain h2,.home-support h2{font-size:26px;margin:0 0 22px}.home-marquee{overflow:hidden;border:1px solid #242a33;background:#0d1118;padding:14px 0}.home-marquee>div{display:flex;width:max-content;gap:14px;animation:home-marquee 20s linear infinite}.home-marquee:hover>div{animation-play-state:paused}.home-market-card{width:216px;padding:14px 18px;border-right:1px solid #2a3039;display:grid;gap:7px}.home-market-card b{color:#e7edf6}.home-market-card span{color:#6eecfb;font-size:19px}.home-market-card small{color:#7d8796}.home-news-marquee a{min-width:260px;padding:4px 18px;color:#c4ccd8}.home-news-marquee time{margin-right:10px;color:#697586;font-size:12px}@keyframes home-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.home-entries,.home-explain{max-width:1200px;margin:52px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-entries a,.home-explain article{min-height:130px;padding:24px;background:#10151e;border:1px solid #252d38;border-radius:7px}.home-entries i{display:block;color:#6eecfb;font-size:28px;font-style:normal;margin-bottom:16px}.home-explain{grid-template-columns:repeat(3,1fr)}.home-explain p,.home-support p{color:#9da8b7;line-height:1.7}.home-support{max-width:1200px;margin:52px auto 0;padding:38px;background:#10151e;border-radius:8px}.desktop-home footer{padding:36px 48px;text-align:center;color:#788391;font-size:12px}@media (min-width:1800px){.home-nav{gap:30px;margin-left:65px}}
/* Stage 5B: real spot portal.  It remains intentionally separate from frozen
   Stage 2-4 asset fixtures and uses the same dark trading vocabulary. */
.desktop-spot-trade{min-height:100vh;background:#090b12;color:#d9e0ea;font:14px/1.45 Avenir,Helvetica,Arial,sans-serif}.spot-header{height:58px;padding:0 5%;display:flex;align-items:center;gap:34px;background:#060609;border-bottom:1px solid #1c2531}.spot-brand{color:#e93323;font-size:27px;font-weight:800;text-decoration:none}.spot-header nav{display:flex;gap:24px}.spot-header a{color:#8e98a6;text-decoration:none}.spot-header a.active{color:#6eecfc}.spot-header #spot-session{margin-left:auto}.spot-marketbar{display:flex;align-items:center;gap:22px;min-height:56px;padding:0 5%;border-bottom:1px solid #1c2531;background:#0e0f17}.spot-marketbar select,.spot-marketbar button{border:1px solid #394150;border-radius:4px;background:#222936;color:#e9f2fa;padding:7px 10px}.spot-marketbar #spot-last{color:#6eecfc;font-size:19px}.spot-marketbar #spot-status{color:#7d8794}.spot-grid{display:grid;grid-template-columns:minmax(420px,2fr) minmax(220px,1fr) minmax(220px,1fr);gap:1px;background:#1c2531}.spot-grid>article{min-height:290px;padding:18px;background:#0e0f17}.spot-chart{grid-row:span 2}.spot-chart header{display:flex;justify-content:space-between}.spot-chart button,.spot-tabs button,.spot-sides button,.spot-order-tabs button,.spot-percentages button{padding:5px 10px;border:0;background:transparent;color:#8e98a6;cursor:pointer}.spot-tabs .active,.spot-sides .active,.spot-order-tabs .active{color:#6eecfc;border-bottom:2px solid #6eecfc}.spot-book h2,.spot-trades h2{font-size:14px;margin:0 0 14px}.spot-book-head,.spot-book button{display:flex;width:100%;justify-content:space-between;padding:4px 0;border:0;background:transparent;color:#cbd5df;text-align:left}.spot-book .ask span:first-child{color:#ee6673}.spot-book .bid span:first-child{color:#62d8aa}.spot-book strong{display:block;margin:9px 0;color:#6eecfc}.spot-trades p{display:flex;justify-content:space-between;margin:5px 0;color:#9aa7b5}.spot-forms{grid-column:2 / span 2}.spot-forms form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.spot-forms label{display:grid;gap:5px;color:#8e98a6}.spot-forms input{min-width:0;padding:10px;border:1px solid #394150;border-radius:4px;background:#242a33;color:#fff}.spot-forms output,.spot-forms p{margin:0;color:#94a3b5}.spot-percentages{display:flex;justify-content:space-between}.spot-percentages button{color:#6eecfc}.spot-forms #spot-submit{grid-column:1 / -1;padding:11px;border:0;border-radius:4px;background:#6eecfc;color:#040609;font-weight:700}.spot-orders{margin:1px 5% 0;padding:18px;background:#0e0f17}.spot-orders table{width:100%;border-collapse:collapse}.spot-orders th,.spot-orders td{padding:9px;border-bottom:1px solid #27303c;text-align:left}.spot-orders button{border:0;background:transparent;color:#6eecfc}.spot-empty{color:#7d8794}@media(max-width:900px){.spot-grid{grid-template-columns:1fr 1fr}.spot-chart{grid-column:1 / -1;grid-row:auto}.spot-forms{grid-column:1 / -1}.spot-header{padding:0 16px}.spot-marketbar{padding:0 16px}.spot-orders{margin-left:16px;margin-right:16px}}

/* Healthy desktop spot terminal.  The frozen Stage 5 visual fixture remains
   isolated below under .stage5-desktop-visual. */
body:has(.healthy-spot-trade){overflow:hidden;background:#020407}
.healthy-spot-trade{position:relative;width:100%;height:100vh;min-height:0;display:grid;grid-template-rows:60px 64px minmax(0,1fr) 210px;overflow:hidden;background:#020407;color:#d9e1ec;font:12px/1.4 Avenir,Helvetica,Arial,sans-serif}
.healthy-spot-trade button,.healthy-spot-trade input,.healthy-spot-trade select{font:inherit}.healthy-spot-trade button:not(:disabled),.healthy-spot-trade select{cursor:pointer}.healthy-spot-trade button:disabled{cursor:not-allowed;opacity:.38}
.healthy-spot-trade .spot-header{min-width:0;height:60px;padding:0 20px;gap:18px;border-bottom:1px solid #202936;background:#06080c}.healthy-spot-trade .spot-brand{flex:0 0 132px;height:54px;display:flex;align-items:center}.healthy-spot-trade .spot-brand img{display:block;width:124px;height:50px;object-fit:contain}.healthy-spot-trade .spot-header nav{min-width:0;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:12px}.healthy-spot-trade .spot-header nav a{position:relative;height:60px;display:flex;align-items:center;color:#c4ccd8}.healthy-spot-trade .spot-header nav a:hover,.healthy-spot-trade .spot-header nav a.active{color:#6eecfc}.healthy-spot-trade .spot-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#6eecfc}
.healthy-spot-trade .spot-account{min-width:260px;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap}.healthy-spot-trade #spot-session{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#aab5c4}.healthy-spot-trade #spot-login,.healthy-spot-trade #spot-locale{height:30px;padding:0 10px;border:1px solid #354152;border-radius:4px;background:#151b24;color:#dce5ef}.healthy-spot-trade #spot-locale{width:108px}
.healthy-spot-trade .spot-marketbar{min-width:0;min-height:64px;height:64px;padding:0 20px;gap:18px;border-bottom:1px solid #202936;background:#0a0e14}.healthy-spot-trade #spot-symbol{width:116px;height:34px;padding:0 10px;border:1px solid #364253;border-radius:4px;background:#141a23;color:#fff;font-weight:700}.healthy-spot-trade #spot-last{min-width:104px;color:#6eecfc;font-size:20px;font-weight:600}.healthy-spot-trade .spot-market-stats{min-width:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:22px}.healthy-spot-trade .spot-market-stats div{display:grid;gap:2px}.healthy-spot-trade .spot-market-stats dt{color:#687589}.healthy-spot-trade .spot-market-stats dd{margin:0;color:#dce4ed;white-space:nowrap}.healthy-spot-trade .spot-market-stats div:first-child dd{color:#6eecfc}.healthy-spot-trade .spot-connection{margin-left:auto;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px}.healthy-spot-trade #spot-status{color:#9ca9b8}.healthy-spot-trade #spot-market-source{grid-column:1;color:#69778a;text-align:right;white-space:nowrap}.healthy-spot-trade #spot-refresh{grid-column:2;grid-row:1 / span 2;min-width:62px;height:31px;border:1px solid #354152;border-radius:4px;background:#151b24;color:#9feef8}
.healthy-spot-trade #spot-runtime-alert{position:absolute;z-index:3;left:0;right:0;top:124px;margin:0;padding:7px 20px;border-bottom:1px solid #5f3139;background:#35181e;color:#ff9aa3}.healthy-spot-trade #spot-runtime-alert[hidden]{display:none}.healthy-spot-trade #spot-runtime-alert button{margin-left:10px;padding:2px 8px;border:1px solid #ff9aa3;border-radius:3px;background:transparent;color:#fff}
.healthy-spot-trade .spot-grid{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(420px,1fr) 245px 225px 300px;gap:1px;overflow:hidden;background:#202936}.healthy-spot-trade .spot-grid>article{min-width:0;min-height:0;height:auto;padding:0;overflow:hidden;background:#090d13}.healthy-spot-trade .spot-chart{grid-row:auto;display:grid;grid-template-rows:42px minmax(0,1fr)}.healthy-spot-trade .spot-chart>header,.healthy-spot-trade .spot-book>header,.healthy-spot-trade .spot-trades>header{height:42px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #202936}.healthy-spot-trade .spot-chart h2,.healthy-spot-trade .spot-book h2,.healthy-spot-trade .spot-trades h2{margin:0;color:#e0e7f0;font-size:13px;font-weight:600}.healthy-spot-trade #spot-intervals{margin-left:auto;display:flex;gap:3px}.healthy-spot-trade #spot-intervals button{min-width:34px;height:26px;padding:0 7px;border:0;border-radius:3px;background:transparent;color:#77859a}.healthy-spot-trade #spot-intervals button.active{background:#6eecfc;color:#071015}.healthy-spot-trade #spot-kline{min-height:0;height:100%;padding:8px;background:#090d13}.healthy-spot-trade #spot-kline .kline-head{height:30px;display:flex;justify-content:space-between;color:#768397}.healthy-spot-trade #spot-kline .kline-head h3{margin:0;color:#cdd6e2;font-size:12px}.healthy-spot-trade #spot-kline .kline-svg{display:block;width:100%;height:calc(100% - 30px);min-height:230px;border:1px solid #1d2734;background:linear-gradient(#1d2734 1px,transparent 1px) 0 25%/100% 25%}.healthy-spot-trade #spot-kline .k-grid{stroke:#263141}.healthy-spot-trade #spot-kline text{fill:#7f8b99;font-size:10px}.healthy-spot-trade .spot-loading{padding:18px;color:#788496}
.healthy-spot-trade .spot-book{display:grid;grid-template-rows:42px 34px minmax(0,1fr) 44px minmax(0,1fr)}.healthy-spot-trade .spot-book-head{height:34px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 10px;color:#6f7d90}.healthy-spot-trade .spot-book-head span:last-child{text-align:right}.healthy-spot-trade #spot-asks,.healthy-spot-trade #spot-bids{min-height:0;overflow:hidden}.healthy-spot-trade #spot-asks button,.healthy-spot-trade #spot-bids button{position:relative;width:100%;height:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 10px;border:0;background:linear-gradient(to left,rgba(255,74,91,.11),rgba(255,74,91,.11)) right/var(--depth) 100% no-repeat;color:#d5deea;text-align:left}.healthy-spot-trade #spot-bids button{background-image:linear-gradient(to left,rgba(53,218,177,.11),rgba(53,218,177,.11))}.healthy-spot-trade #spot-asks button span:last-child,.healthy-spot-trade #spot-bids button span:last-child{text-align:right}.healthy-spot-trade #spot-asks button span:first-child{color:#ff6b79}.healthy-spot-trade #spot-bids button span:first-child{color:#53dbb0}.healthy-spot-trade #spot-mid{height:44px;display:flex;align-items:center;padding:0 10px;margin:0;border-top:1px solid #202936;border-bottom:1px solid #202936;color:#6eecfc;font-size:18px}.healthy-spot-trade .spot-book .spot-empty{padding:12px}
.healthy-spot-trade .spot-trades{display:grid;grid-template-rows:42px 34px minmax(0,1fr)}.healthy-spot-trade .spot-trade-head,.healthy-spot-trade .spot-trades p{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:5px;align-items:center}.healthy-spot-trade .spot-trade-head{height:34px;padding:0 9px;color:#6f7d90}.healthy-spot-trade .spot-trade-head span:not(:first-child),.healthy-spot-trade .spot-trades p>*:not(:first-child){text-align:right}.healthy-spot-trade #spot-trade-list{min-height:0;overflow:auto}.healthy-spot-trade .spot-trades p{min-height:24px;margin:0;padding:0 9px;color:#9ba8b8;white-space:nowrap}.healthy-spot-trade .spot-trades time{overflow:hidden;text-overflow:ellipsis}.healthy-spot-trade .spot-trades p.up span:nth-child(2){color:#53dbb0}.healthy-spot-trade .spot-trades p.down span:nth-child(2){color:#ff6b79}.healthy-spot-trade .spot-trades .spot-empty{display:block;padding:12px}
.healthy-spot-trade .spot-forms{grid-column:auto;display:grid;grid-template-rows:42px 44px minmax(0,1fr)}.healthy-spot-trade .spot-tabs{height:42px;display:flex;border-bottom:1px solid #202936}.healthy-spot-trade .spot-tabs button{height:42px;padding:0 14px;border:0;background:transparent;color:#7f8b9c}.healthy-spot-trade .spot-tabs button.active{color:#6eecfc;border-bottom:2px solid #6eecfc}.healthy-spot-trade .spot-sides{height:44px;display:grid;grid-template-columns:1fr 1fr;padding:8px 10px 0;gap:1px}.healthy-spot-trade .spot-sides button{height:36px;border:0;background:#152028;color:#82909f}.healthy-spot-trade .spot-sides [data-side=BUY].active{background:#20cfa4;color:#04110d}.healthy-spot-trade .spot-sides [data-side=SELL].active{background:#f45261;color:#180407}.healthy-spot-trade #spot-form{min-height:0;display:flex;flex-direction:column;gap:9px;margin:0;padding:12px 10px;overflow:auto}.healthy-spot-trade #spot-available,.healthy-spot-trade #spot-fee,.healthy-spot-trade #spot-form-status{min-height:18px;margin:0;color:#8491a2}.healthy-spot-trade #spot-form-status{color:#ff8a95}.healthy-spot-trade #spot-form label{height:38px;display:grid;grid-template-columns:62px minmax(0,1fr) 48px;align-items:center;gap:5px;padding:0 8px;border:1px solid #2e3a49;border-radius:3px;background:#0c1118;color:#8491a2}.healthy-spot-trade #spot-form input{width:100%;min-width:0;height:34px;padding:0;border:0;background:transparent;color:#fff;text-align:right;outline:0}.healthy-spot-trade #spot-form input:disabled{color:#6eecfc;cursor:not-allowed;opacity:1}.healthy-spot-trade #spot-form input:disabled::placeholder{color:#6eecfc}.healthy-spot-trade #spot-form label:focus-within{border-color:#6eecfc}.healthy-spot-trade #spot-form label b{text-align:right;color:#a7b2c0;font-weight:400}.healthy-spot-trade .spot-percentages{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.healthy-spot-trade .spot-percentages button{height:26px;padding:0;border:1px solid #2d3948;border-radius:3px;background:#121923;color:#6eecfc}.healthy-spot-trade #spot-notional{min-height:20px;color:#aab5c4}.healthy-spot-trade #spot-submit{width:100%;min-height:38px;margin-top:auto;border:0;border-radius:3px;background:#20cfa4;color:#03110d;font-weight:700}.healthy-spot-trade #spot-submit.sell{background:#f45261;color:#180407}.healthy-spot-trade #spot-submit:disabled{opacity:.55}
.healthy-spot-trade .spot-orders{min-width:0;height:210px;margin:0;padding:0;overflow:hidden;border-top:1px solid #202936;background:#080c12}.healthy-spot-trade .spot-order-tabs{height:44px;display:flex;align-items:center;padding:0 16px;gap:28px;border-bottom:1px solid #202936}.healthy-spot-trade .spot-order-tabs button{height:44px;padding:0;border:0;background:transparent;color:#8794a5}.healthy-spot-trade .spot-order-tabs button.active{color:#6eecfc;border-bottom:2px solid #6eecfc}.healthy-spot-trade #spot-orders-list{height:166px;overflow:auto}.healthy-spot-trade #spot-orders-list table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.healthy-spot-trade #spot-orders-list th,.healthy-spot-trade #spot-orders-list td{height:38px;padding:0 14px;border-bottom:1px solid #1b2430;color:#9eabba;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.healthy-spot-trade #spot-orders-list th{position:sticky;z-index:1;top:0;background:#0b1017;color:#687589;font-weight:500}.healthy-spot-trade #spot-orders-list td[colspan]{text-align:center}.healthy-spot-trade #spot-orders-list button{padding:3px 8px;border:1px solid #3a485a;border-radius:3px;background:transparent;color:#6eecfc}
@media(max-width:1600px){.healthy-spot-trade .spot-header{padding-left:16px;padding-right:16px;gap:12px}.healthy-spot-trade .spot-header nav{gap:12px;font-size:11px}.healthy-spot-trade .spot-account{min-width:238px}.healthy-spot-trade #spot-session{display:none}.healthy-spot-trade .spot-marketbar{padding-left:16px;padding-right:16px;gap:14px}.healthy-spot-trade .spot-market-stats{gap:14px}.healthy-spot-trade .spot-grid{grid-template-columns:minmax(390px,1fr) 225px 205px 285px}}

body:has(.stage5-desktop-visual){margin:0;overflow:hidden;background:#000;color:#fff;font-family:Avenir,Helvetica,Arial,sans-serif}
.stage5-desktop-visual{width:100vw;height:100vh;overflow:hidden;background:#000;color:#b0b8db;font:12px/1.2 Avenir,Helvetica,Arial,sans-serif}.stage5-desktop-visual *{box-sizing:border-box}.stage5-desktop-visual button,.stage5-desktop-visual input{font:inherit}
.stage5-desktop-visual .spot-header{height:60px;display:flex;align-items:center;gap:0;padding:0 20px;border:0;background:rgba(15,15,22,.4);color:#fff}.stage5-desktop-visual .spot-brand{width:169px;height:50px;margin-right:25px}.stage5-desktop-visual .spot-brand img{display:block;width:124px;height:50px;margin-left:10px;object-fit:contain}.stage5-desktop-visual .spot-header nav{height:50px;display:flex;align-items:center;gap:0}.stage5-desktop-visual .spot-header nav a{position:relative;height:50px;margin-right:25px;display:flex;align-items:center;color:#fff;font-size:14px;white-space:nowrap}.stage5-desktop-visual .spot-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#6eecfc}.stage5-desktop-visual .spot-header nav i{width:0;height:0;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c5c9d0}.stage5-desktop-visual #spot-session{margin-left:auto;color:#fff;font-size:14px}.s5d-language{width:100px;height:26px;margin-left:28px;border:1px solid #7d7d7d;border-radius:4px;background:#3a3a3a;color:#aaa}
.stage5-desktop-visual .spot-grid{height:80vh;display:grid;grid-template-columns:minmax(0,1fr) 155px 150px 295px;gap:0;padding-top:5px;background:#000}.stage5-desktop-visual .spot-grid>article{min-width:0;height:80vh;min-height:0;padding:0;background:#000}.stage5-desktop-visual .spot-chart{grid-row:auto}.stage5-desktop-visual .spot-marketbar{height:40px;min-height:40px;display:flex;align-items:center;gap:0;padding:0 10px;border:0;background:#000}.stage5-desktop-visual .spot-marketbar>strong{width:120px;color:#fff;font-size:16px}.stage5-desktop-visual .spot-marketbar>b{width:97px;color:#6eecfc;font-size:16px;font-weight:400}.stage5-desktop-visual .spot-marketbar>span{width:12.5%;height:34px;margin-left:0;display:flex;flex-direction:column;justify-content:center}.stage5-desktop-visual .spot-marketbar small{color:#b0b8db;font-size:12px}.stage5-desktop-visual .spot-marketbar em{color:#fff;font-style:normal}.stage5-desktop-visual .spot-marketbar span:first-of-type em{color:#6eecfc}.stage5-desktop-visual #spot-kline{height:calc(80vh - 40px);background:#0e0f17}.stage5-desktop-visual .kline-svg{display:block;width:100%;height:100%}
.stage5-desktop-visual .spot-book{overflow:hidden}.stage5-desktop-visual .spot-book>header{height:40px;display:flex;align-items:end}.stage5-desktop-visual .spot-book>header button{height:40px;padding:0 0 10px;margin-right:20px;border:0;background:transparent;color:#b0b8db;font-size:14px;font-weight:700;white-space:nowrap}.stage5-desktop-visual .spot-book>header button.active{color:#6eecfc;border-bottom:2px solid #6eecfc}.stage5-desktop-visual .spot-book-head{height:43px;display:grid;grid-template-columns:25% 43% 32%;align-items:center;color:#b0b8db}.stage5-desktop-visual .spot-book-head span{text-align:right}.stage5-desktop-visual .spot-book-head span:first-child{text-align:left;padding-left:10px}.s5d-book-row{position:relative;height:29px;display:grid;grid-template-columns:25% 43% 32%;align-items:center;color:#fff;isolation:isolate}.s5d-book-row:before{content:"";position:absolute;z-index:-1;right:0;width:var(--depth);height:100%;opacity:.13}.s5d-book-row.ask:before{background:#ff4059}.s5d-book-row.bid:before{background:#6eecfc}.s5d-book-row span{text-align:right}.s5d-book-row .rank{text-align:left;padding-left:10px;color:#ff4059}.s5d-book-row.bid .rank{color:#6eecfc}.stage5-desktop-visual #spot-mid{height:57px;display:flex;align-items:center;padding-left:10px;margin:0;border-top:1px solid #26313a;border-bottom:1px solid #26313a;color:#ff4059;font-size:22px}.stage5-desktop-visual .spot-trades{overflow:hidden}.stage5-desktop-visual .spot-trades>header{height:83px;display:grid;grid-template-columns:33% 40% 27%;align-items:end;padding-bottom:11px;color:#b0b8db}.stage5-desktop-visual .spot-trades>header span{text-align:right}.stage5-desktop-visual .spot-trades>header span:first-child{text-align:left}.stage5-desktop-visual .spot-trades p{height:27px;display:grid;grid-template-columns:33% 40% 27%;align-items:center;margin:0;color:#b0b8db;white-space:nowrap}.stage5-desktop-visual .spot-trades p>*{text-align:right}.stage5-desktop-visual .spot-trades p time{text-align:left}.stage5-desktop-visual .spot-trades p.up span:nth-child(2){color:#6eecfc}.stage5-desktop-visual .spot-trades p.down span:nth-child(2){color:#ff4059}
.stage5-desktop-visual .spot-forms{grid-column:auto;overflow:hidden}.stage5-desktop-visual .spot-tabs{height:40px;display:flex}.stage5-desktop-visual .spot-tabs button{height:40px;padding:5px 0;margin:0 10px 7px 0;border:0;background:transparent;color:#fff;font-size:14px;font-weight:700}.stage5-desktop-visual .spot-tabs button.active{color:#6eecfc;border-bottom:2px solid #6eecfc}.s5d-side-switch{height:45px;display:flex;padding-right:10px}.s5d-side-switch button{position:relative;flex:1;height:35px;border:0;color:#fff;font-size:14px}.s5d-side-switch .buy{background:#6eecfc}.s5d-side-switch .sell{background:#eb5741}.stage5-desktop-visual #spot-form{display:block;margin:0;padding:0 10px 0 0}.stage5-desktop-visual #spot-available{height:30px;display:flex;align-items:center;margin:0;color:#b0b8db}.stage5-desktop-visual #spot-form label{height:42px;display:grid;grid-template-columns:50px 1fr 45px;align-items:center;margin-bottom:8px;border:1px solid #384252;background:#000;color:#b0b8db}.stage5-desktop-visual #spot-form label span{padding-left:8px}.stage5-desktop-visual #spot-form input{height:38px;min-width:0;padding:0;border:0;background:#000;color:#fff;text-align:right;outline:0}.stage5-desktop-visual #spot-form input:disabled{background:#151526}.stage5-desktop-visual #spot-form label b{text-align:right;padding-right:8px;font-weight:400}.stage5-desktop-visual .spot-percentages{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 1px}.stage5-desktop-visual .spot-percentages:before{content:"";position:absolute;left:0;right:10px;height:6px;border-radius:3px;background:#282f45}.stage5-desktop-visual .spot-percentages i{z-index:1;width:8px;height:8px;border-radius:50%;background:#101326}.stage5-desktop-visual .spot-percentages i:first-child{border:2px solid #6eecfc;background:#000}.stage5-desktop-visual #spot-notional{height:30px;display:flex;align-items:center;color:#b0b8db}.stage5-desktop-visual #spot-submit{width:100%;height:36px;border:0;border-radius:2px;background:#6eecfc;color:#fff;font-size:14px}
.stage5-desktop-visual .spot-orders{height:calc(20vh - 60px);min-height:115px;margin:0;padding:0;background:#000}.stage5-desktop-visual .spot-order-tabs{height:53px;display:flex;align-items:center;padding:0 15px}.stage5-desktop-visual .spot-order-tabs button{height:38px;padding:5px 0;margin-right:30px;border:0;background:transparent;color:#fff;font-size:16px}.stage5-desktop-visual .spot-order-tabs button.active{color:#6eecfc;border:0}.stage5-desktop-visual .spot-order-tabs span{align-self:flex-end;width:42px;padding:0 0 6px;margin-left:auto;text-align:center;color:#fff}.stage5-desktop-visual .spot-order-tabs span+span{margin-left:0}.stage5-desktop-visual .spot-order-tabs span.active{color:#fff;border-bottom:1px solid #6eecfc}.s5d-order-head{height:36px;display:grid;grid-template-columns:20% 15% 12% 14% 14% 14% 11%;align-items:center;padding:0 30px;color:#b0b8db}.stage5-desktop-visual #spot-orders-list{text-align:center}.stage5-desktop-visual .spot-empty{margin:30px 0;color:#b0b8db}

/* Source-sampled Stage 5 chart canvas. */
.stage5-desktop-visual #spot-kline{background:#0e0f17}
.stage5-desktop-visual .spot-grid>.spot-trades{background:#0e0f17}
.stage5-desktop-visual .s5d-side-switch{align-items:flex-end;padding-left:10px;padding-right:15px}
.stage5-desktop-visual #spot-form{padding-left:10px;padding-right:15px}
.stage5-desktop-visual .spot-marketbar{justify-content:flex-start}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(1){width:70px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(2){width:65px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(3){width:81px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(4){width:100px}
.stage5-desktop-visual .spot-book>header{padding-left:10px}
.stage5-desktop-visual .spot-trades>header,.stage5-desktop-visual .spot-trades p{padding-left:10px}
.stage5-desktop-visual .spot-tabs{padding-left:10px}
.stage5-desktop-visual .spot-grid{grid-template-columns:minmax(0,1fr) 155px 150px 295px}
.stage5-desktop-visual .spot-forms{width:290px}
.stage5-desktop-visual .spot-book{width:150px;margin-left:5px}
.stage5-desktop-visual .spot-book>header{height:39px;padding:7px 0 0 5px;align-items:center}
.stage5-desktop-visual .spot-book>header button{width:auto;height:32px;padding:0 0 10px;margin-right:20px}
.stage5-desktop-visual .spot-book-head{height:53px;padding:10px 10px 0;display:flex;align-items:center}
.stage5-desktop-visual .spot-book-head span{flex:1;padding:0}
.stage5-desktop-visual .s5d-book-row{height:43px;padding:5px 10px;display:flex;align-items:center;grid-template-columns:none}
.stage5-desktop-visual .s5d-book-row span{flex:1}
.stage5-desktop-visual .s5d-book-row .rank{padding-left:0;color:#d85e66;text-align:left}
.stage5-desktop-visual .s5d-book-row.bid .rank{color:#6eecfc}
.stage5-desktop-visual #spot-mid{height:69px;padding-left:10px;border-color:#26313a;color:#d85e66;font-size:20px;font-weight:700}
.stage5-desktop-visual .spot-grid>.spot-trades{background:#000}
.stage5-desktop-visual .spot-trades>header{height:53px;margin-top:39px;padding:10px 0 0 10px;display:flex;align-items:flex-start;background:#0e0f17}
.stage5-desktop-visual .spot-trades>header span{flex:1;min-width:0}
.stage5-desktop-visual #spot-trade-list{background:#0e0f17}
.stage5-desktop-visual .spot-trades p{width:130px;height:26px;padding:5px 0;margin:0 0 0 10px;display:flex;align-items:center;grid-template-columns:none}
.stage5-desktop-visual .spot-trades p>*{flex:1;min-width:auto;white-space:nowrap}
.stage5-desktop-visual .spot-trades p.up span:nth-child(2){color:#6eecfc}
.stage5-desktop-visual .spot-trades p.down span:nth-child(2){color:#d85e66}
.stage5-desktop-visual .spot-tabs{height:40px}
.stage5-desktop-visual .s5d-side-switch{height:54px;padding:10px 15px 0 10px}
.stage5-desktop-visual .s5d-side-switch button{height:34px;font-size:16px}
.stage5-desktop-visual #spot-form{margin-top:0;padding:0 11px 0 10px}
.stage5-desktop-visual #spot-available{height:17px;margin-bottom:10px}
.stage5-desktop-visual #spot-form label{position:relative;height:30px;margin-bottom:10px;border:0;display:block}
.stage5-desktop-visual #spot-form label span{position:absolute;left:0;top:6px;padding:0}
.stage5-desktop-visual #spot-form input{position:absolute;left:50px;right:0;width:calc(100% - 50px);height:30px;padding-right:44px;border:1px solid #384252}
.stage5-desktop-visual #spot-form label b{position:absolute;z-index:1;right:0;top:0;height:30px;line-height:30px;padding-right:5px}
.stage5-desktop-visual .spot-percentages{height:38px}
.stage5-desktop-visual .spot-percentages{position:relative}
.stage5-desktop-visual #spot-notional{height:27px}
.stage5-desktop-visual #spot-submit{height:34px;font-size:16px}
.stage5-desktop-visual .s5d-book-row.ask:before{background:linear-gradient(to left,#180a09,#170909);opacity:1}
.stage5-desktop-visual .s5d-book-row.bid:before{background:linear-gradient(to left,#09130e,#08120e);opacity:1}
.stage5-desktop-visual .s5d-book-row{height:40.3px}
.stage5-desktop-visual .s5d-book-row .rank{flex:none;width:16.5625px}
.stage5-desktop-visual .s5d-book-row span:nth-child(2){flex:none;width:63.390625px}
.stage5-desktop-visual .s5d-book-row span:nth-child(3){flex:none;width:50.046875px}
.stage5-desktop-visual .spot-marketbar>strong{display:flex;align-items:center}
.stage5-desktop-visual .spot-marketbar>strong i{width:0;height:0;margin-left:9px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c5c9d0}
.stage5-desktop-visual #spot-session{display:flex;align-items:center;gap:7px}
.stage5-desktop-visual #spot-session>i{position:relative;width:13px;height:10px;border:1px solid #fff;border-radius:7px 7px 2px 2px}
.stage5-desktop-visual #spot-session>i:before{content:"";position:absolute;left:3px;top:-8px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#000}
.stage5-desktop-visual #spot-session>b{width:0;height:0;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c5c9d0}
.stage5-desktop-visual .s5d-language{margin-left:49px}
.stage5-desktop-visual .s5d-book-row{height:40.8px;background-position:right center;background-repeat:no-repeat;background-size:var(--depth) 100%}
.stage5-desktop-visual .s5d-book-row:before{display:none}
.stage5-desktop-visual .s5d-book-row.ask{background-image:linear-gradient(rgba(250,82,82,.1),rgba(250,82,82,.1))}
.stage5-desktop-visual .s5d-book-row.bid{background-image:linear-gradient(rgba(18,184,134,.1),rgba(18,184,134,.1))}
.stage5-desktop-visual #spot-mid{height:59px;border-color:#293343}
.stage5-desktop-visual #spot-bids{margin-top:10px}
.stage5-desktop-visual .spot-trades{position:relative}
.stage5-desktop-visual .spot-trades:after{content:"";position:absolute;z-index:3;right:0;top:93px;bottom:0;width:4px;background:#3d4362}
.stage5-desktop-visual #spot-form input{border-color:#293343}
.stage5-desktop-visual .spot-percentages{padding-left:10px}
.stage5-desktop-visual .spot-percentages:before{left:10px;right:0;background:#262a42}
.stage5-desktop-visual .s5d-side-switch .buy:after{content:"";position:absolute;right:0;top:0;border-top:16px solid #1e2531;border-left:16px solid transparent;border-bottom:18px solid #1e2531}
.stage5-desktop-visual .s5d-side-switch .sell:before{content:"";position:absolute;left:0;top:0;border-top:16px solid #1e2531;border-right:16px solid transparent;border-bottom:18px solid #1e2531}
.stage5-desktop-visual .spot-orders{margin-top:6px}
.stage5-desktop-visual .spot-tabs{border-bottom:1px solid #293343}
.stage5-desktop-visual .s5d-side-switch{align-items:flex-start}
.stage5-desktop-visual #spot-form input{border-radius:2px}
.stage5-desktop-visual .spot-percentages i{width:6px;height:6px}
.stage5-desktop-visual .spot-percentages i:first-child{width:14px;height:14px}
.stage5-desktop-visual .spot-marketbar>strong{position:relative;top:1px}
.stage5-desktop-visual .spot-marketbar #spot-last{font-size:16px}
.stage5-desktop-visual .spot-marketbar em{position:relative;top:2px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(2){position:relative;left:1px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(3){position:relative;left:2px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(4){position:relative;left:1px}
.stage5-desktop-visual .spot-tabs button{height:32px}
.stage5-desktop-visual #spot-available{position:relative;top:1px}
.stage5-desktop-visual #spot-notional{align-items:flex-start;padding-top:1px}
.stage5-desktop-visual #spot-submit{width:calc(100% + 1px)}
.stage5-desktop-visual .s5d-chart-toolbar span b{position:relative;top:1px;font:inherit}
.stage5-desktop-visual .s5d-chart-tools{height:24px;margin-left:auto;margin-right:8px;display:flex;align-items:center;gap:15px;color:#626887}
.stage5-desktop-visual .s5d-chart-tools i{position:relative;display:block;width:20px;height:20px;font-style:normal}
.stage5-desktop-visual .s5d-chart-tools .expand{background:linear-gradient(#626887,#626887) left top/6px 2px no-repeat,linear-gradient(#626887,#626887) left top/2px 6px no-repeat,linear-gradient(#626887,#626887) right top/6px 2px no-repeat,linear-gradient(#626887,#626887) right top/2px 6px no-repeat,linear-gradient(#626887,#626887) left bottom/6px 2px no-repeat,linear-gradient(#626887,#626887) left bottom/2px 6px no-repeat,linear-gradient(#626887,#626887) right bottom/6px 2px no-repeat,linear-gradient(#626887,#626887) right bottom/2px 6px no-repeat}
.stage5-desktop-visual .s5d-chart-tools .bars{background:linear-gradient(to top right,transparent 46%,#626887 47%,#626887 53%,transparent 54%)}
.stage5-desktop-visual .s5d-chart-tools .bars:before{content:"";position:absolute;left:2px;right:2px;bottom:1px;height:11px;background:repeating-linear-gradient(to right,#626887 0 2px,transparent 2px 5px)}
.stage5-desktop-visual .s5d-chart-tools .gear{font:20px/20px Arial,sans-serif;text-align:center}
@media (max-height:950px){
  .stage5-desktop-visual .s5d-book-row{height:43px}
  .stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(3),.stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(9),.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(3),.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(9){height:27px}
  .stage5-desktop-visual #spot-asks{margin-bottom:10px}
}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-book-row{height:43px}
  .stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(6),.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(3){height:27px}
  .stage5-desktop-visual #spot-asks{margin-bottom:10px}
}
.stage5-desktop-visual>.s5d-logo-filter{position:absolute;width:0;height:0;overflow:hidden}
.stage5-desktop-visual .spot-brand img{filter:url(#s5d-logo-color)}
.stage5-desktop-visual .s5d-book-row span:nth-child(2),.stage5-desktop-visual .s5d-book-row span:nth-child(3){position:relative;top:1px}
.stage5-desktop-visual .s5d-book-row .rank{line-height:16px}
@media (max-height:950px){
  .stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(3) .rank,.stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(9) .rank,.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(3) .rank,.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(9) .rank{position:relative;top:1px;white-space:nowrap}
}
@media (min-height:951px){
  .stage5-desktop-visual #spot-asks .s5d-book-row:nth-child(6) .rank,.stage5-desktop-visual #spot-bids .s5d-book-row:nth-child(3) .rank{position:relative;top:1px;white-space:nowrap}
}
.stage5-desktop-visual .spot-order-tabs span{width:62px;position:relative;top:-16px}
.stage5-desktop-visual .s5d-order-head{position:relative;top:-5px}
.stage5-desktop-visual .s5d-order-head span:nth-child(2){position:relative;left:1px}
.stage5-desktop-visual .s5d-order-head span:nth-child(3){position:relative;left:-2px}
.stage5-desktop-visual .s5d-order-head span:nth-child(4){position:relative;left:11px}
.stage5-desktop-visual .s5d-order-head span:nth-child(5){position:relative;left:19px}
.stage5-desktop-visual .s5d-order-head span:nth-child(6){position:relative;left:17px}
.stage5-desktop-visual .s5d-order-head span:nth-child(7){position:relative;left:127px}
.stage5-desktop-visual .spot-book>header button{padding:3px 0 7px}
.stage5-desktop-visual .spot-book-head{padding:10px;line-height:normal}
.stage5-desktop-visual .spot-book-head span:first-child{padding:0;text-align:left}
.stage5-desktop-visual .spot-book-head span:nth-child(2){text-align:center}
.stage5-desktop-visual .spot-book-head span:nth-child(3){text-align:right}
.stage5-desktop-visual .s5d-language{margin-left:51px}
.stage5-desktop-visual #spot-session{position:relative;top:1px;letter-spacing:.2px}
.stage5-desktop-visual #spot-session>i{top:3px}
.stage5-desktop-visual #spot-session>b{position:relative;top:-1px}
.stage5-desktop-visual .spot-marketbar>strong i{margin-left:8px;border-left-width:4px;border-right-width:4px;border-top-width:5px}
.stage5-desktop-visual .spot-marketbar #spot-last{position:relative;left:-1px;top:1px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(1) em{left:-1px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(2) small,.stage5-desktop-visual .spot-marketbar>span:nth-of-type(3) small{position:relative;left:-1px}
.stage5-desktop-visual .spot-tabs button{padding:6px 0 4px}
.stage5-desktop-visual .spot-percentages i:first-child{width:16px;height:16px;position:relative;left:-8px}
.stage5-desktop-visual #spot-notional{padding-top:2px}
.stage5-desktop-visual .s5d-side-switch button,.stage5-desktop-visual #spot-submit{font-size:14px}
.stage5-desktop-visual .s5d-side-switch .buy{flex:0 0 137px}
.stage5-desktop-visual .s5d-chart-tools{margin-right:13px}
.stage5-desktop-visual .s5d-chart-tools .expand{transform:scale(.9)}
.stage5-desktop-visual .s5d-chart-tools .bars{transform-origin:left center;transform:scale(.85,.75)}
.stage5-desktop-visual .s5d-chart-tools .gear{transform:translateY(-1px) scale(1.4)}
.stage5-desktop-visual .s5d-chart-legend>*{position:absolute;box-sizing:border-box;margin:0;padding:0;font-style:normal;font-weight:400;white-space:nowrap}
.stage5-desktop-visual .s5d-chart-legend .legend-main{left:29px;top:49.4375px;width:107.53125px;height:20px;font:400 17px/20px "Trebuchet MS",Tahoma,Arial,sans-serif;color:#888}
.stage5-desktop-visual .s5d-chart-legend .legend-label,.stage5-desktop-visual .s5d-chart-legend .legend-value{top:49.4375px;height:20px;font:400 14px/20px "Trebuchet MS",Tahoma,Arial,sans-serif}
.stage5-desktop-visual .s5d-chart-legend .legend-value{color:#eb5741;letter-spacing:.3px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.open{left:158px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.open-value{left:183px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.high{left:268px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.high-value{left:292px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.low{left:378px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.low-value{left:401px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.close{left:488px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.close-value{left:510px}
.stage5-desktop-visual .s5d-chart-legend .legend-ma{left:10px;height:20px;font:400 12px/20px "Trebuchet MS",Tahoma,Arial,sans-serif;color:#888}
.stage5-desktop-visual .s5d-chart-legend .legend-ma.first{top:69.65px}
.stage5-desktop-visual .s5d-chart-legend .legend-ma.cross{top:89.859375px}
.stage5-desktop-visual .s5d-chart-legend .legend-ma.volume{top:518px}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle{left:11px;top:52px;width:12px;height:12px;border:1px solid #888;border-radius:50%}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle:after{content:"";position:absolute;left:4px;top:4px;width:2px;height:2px;border-radius:50%;background:#888}
.stage5-desktop-visual .s5d-chart-legend .legend-control{width:14px;height:14px;border-radius:2px;background:#303036}
.stage5-desktop-visual .s5d-chart-legend .main-control{left:138px;top:52px}
.stage5-desktop-visual .s5d-chart-legend .ma-control{left:115px;top:93px}
.stage5-desktop-visual .s5d-chart-legend .ma-close{left:132px;top:93px}
.stage5-desktop-visual .s5d-chart-legend .volume-control{left:87px;top:520px}
.stage5-desktop-visual .s5d-chart-legend .volume-close{left:104px;top:520px}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-chart-legend .legend-ma.volume{top:622px}
  .stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:624px}
}
.stage5-desktop-visual .s5d-chart-legend .legend-label{top:49.859375px;font-size:14.6667px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.open{left:158.53125px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.high{left:267.46875px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.low{left:376.40625px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.close{left:485.34375px}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle{left:10px;top:51.9375px;width:13px;height:13px;border:0;border-radius:0}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle:after{content:none}
.stage5-desktop-visual .s5d-chart-legend .legend-control{width:14px;height:14px;border-radius:0;background:none}
.stage5-desktop-visual .s5d-chart-legend .main-control{left:136.96875px;top:52.296875px}
.stage5-desktop-visual .s5d-chart-legend .ma-control{left:114.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .ma-close{left:131.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .volume-control{left:86.34375px;top:519.859375px}
.stage5-desktop-visual .s5d-chart-legend .volume-close{left:103.34375px;top:519.859375px}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:623.859375px}
  .stage5-desktop-visual .s5d-book-row.ask{background-image:linear-gradient(to left,#180a09,#170909)}
  .stage5-desktop-visual .s5d-book-row.bid{background-image:linear-gradient(to left,#09130e,#08120e)}
  .stage5-desktop-visual .spot-grid>.spot-trades{background:linear-gradient(to bottom,#000 0 40px,#0e0f17 40px 100%)}
  .stage5-desktop-visual .spot-trades:after{background:#0e0f17}
  .stage5-desktop-visual #spot-trade-list{height:650px;overflow:hidden}
  .stage5-desktop-visual .spot-order-tabs span{width:42px}
  .stage5-desktop-visual .s5d-order-head{grid-template-columns:repeat(7,minmax(0,1fr))}
  .stage5-desktop-visual .s5d-order-head span{position:static;text-align:center}
  .stage5-desktop-visual .s5d-order-head span:nth-child(n){left:0}
  .stage5-desktop-visual .s5d-order-head span:first-child{text-align:left}
  .stage5-desktop-visual .s5d-order-head span:last-child{text-align:right}
  .stage5-desktop-visual #spot-orders-list .spot-empty{font-size:0}
  .stage5-desktop-visual .spot-trades p>*{line-height:normal}
  .stage5-desktop-visual .spot-trades p.up span:nth-child(2){color:#00f0ff}
  .stage5-desktop-visual .spot-trades p.down span:nth-child(2){color:#e95463}
  .stage5-desktop-visual .spot-trades p span:nth-child(3){color:#fff}
}
.stage5-desktop-visual .spot-trades>header span:nth-child(2),.stage5-desktop-visual .spot-trades p span:nth-child(2){text-align:center}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(1) em,.stage5-desktop-visual .spot-marketbar>span:nth-of-type(2) small,.stage5-desktop-visual .spot-marketbar>span:nth-of-type(3) small{left:0}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle{left:10px;top:51.9375px;width:13px;height:13px;border:0;border-radius:0}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle:after{content:none}
.stage5-desktop-visual .s5d-chart-legend .legend-control{width:14px;height:14px;border-radius:0;background:none}
.stage5-desktop-visual .s5d-chart-legend .main-control{left:136.96875px;top:52.296875px}
.stage5-desktop-visual .s5d-chart-legend .ma-control{left:114.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .ma-close{left:131.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .volume-control{left:86.34375px;top:519.859375px}
.stage5-desktop-visual .s5d-chart-legend .volume-close{left:103.34375px;top:519.859375px}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:623.859375px}
}

/* Stage 6B contract portal grid children must be allowed to shrink inside the viewport. */
.contract-portal .delivery-market,.contract-portal .delivery-order-card,.contract-portal .delivery-records{min-width:0}
.contract-portal .delivery-order-card fieldset{min-width:0}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-book-row .rank{flex:none;width:16.5625px;line-height:16px;white-space:normal}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-book-row span:nth-child(2){flex:none;width:63.390625px}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-book-row span:nth-child(3){flex:none;width:50.046875px}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p>*{line-height:14.4px}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p.up span:nth-child(2){color:#6eecfc}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p.down span:nth-child(2){color:#d85e66}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p span:nth-child(3){color:#b0b8db}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-book-row,
.stage5-desktop-visual[data-order-type="MARKET"] #spot-asks .s5d-book-row:nth-child(n),
.stage5-desktop-visual[data-order-type="MARKET"] #spot-bids .s5d-book-row:nth-child(n){height:43px}
.stage5-desktop-visual[data-order-type="MARKET"] #spot-form input:disabled{text-align:left;padding-left:5px;padding-right:44px}
@media (max-height:950px){
  .stage5-desktop-visual[data-order-type="MARKET"] #spot-asks .s5d-book-row:nth-child(7),
  .stage5-desktop-visual[data-order-type="MARKET"] #spot-bids .s5d-book-row:nth-child(2){height:27px}
}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p.up span:nth-child(2){color:#6eecfc}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p.down span:nth-child(2){color:#d85e66}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades p span:nth-child(3){color:#b0b8db}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades:after{background:#0e0f17}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-book-row .rank{position:static!important;top:auto!important;white-space:normal!important}
@media (max-height:950px){
  .stage5-desktop-visual[data-order-type="MARKET"] #spot-asks .s5d-book-row:nth-child(7) .rank,
  .stage5-desktop-visual[data-order-type="MARKET"] #spot-bids .s5d-book-row:nth-child(2) .rank{white-space:nowrap!important}
}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades>header span:first-child{position:relative;top:8px}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-side-switch{padding-right:10px}
.stage5-desktop-visual[data-order-type="MARKET"] .s5d-side-switch .buy{flex-basis:135px}
.stage5-desktop-visual[data-order-type="MARKET"] #spot-form{padding-right:12px}
.stage5-desktop-visual[data-order-type="MARKET"] #spot-form input:disabled{background:#141624}
.stage5-desktop-visual[data-order-type="MARKET"] #spot-form input{right:-1px}
.stage5-desktop-visual[data-order-type="MARKET"] #spot-form input:disabled{border-color:#141624}
.stage5-desktop-visual[data-order-type="MARKET"] .spot-trades:after{display:none}
.stage5-desktop-visual .spot-trades>header{padding-right:10px}
.stage5-desktop-visual #spot-form label span{top:6.5px;line-height:normal}
.stage5-desktop-visual .spot-trades>header span{line-height:normal}
.stage5-desktop-visual .s5d-chart-legend .legend-label{top:49.859375px;font-size:14.6667px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.open{left:158.53125px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.high{left:267.46875px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.low{left:376.40625px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.close{left:485.34375px}
.stage5-desktop-visual .s5d-book-row .rank{flex:1;width:auto;line-height:normal;color:#e95463}
.stage5-desktop-visual .s5d-book-row.bid .rank{color:#00f0ff}
.stage5-desktop-visual .s5d-book-row span:nth-child(2),.stage5-desktop-visual .s5d-book-row span:nth-child(3){position:static;top:auto;flex:1;width:auto;line-height:normal}
.stage5-desktop-visual .s5d-book-row span:nth-child(2){text-align:center}
.stage5-desktop-visual .s5d-book-row span:nth-child(3){text-align:right}
.stage5-desktop-visual .spot-trades p>*{line-height:normal}
.stage5-desktop-visual .spot-trades p.up span:nth-child(2){color:#00f0ff}
.stage5-desktop-visual .spot-trades p.down span:nth-child(2){color:#e95463}
.stage5-desktop-visual .spot-trades p span:nth-child(3){color:#fff}
.stage5-desktop-visual .spot-trades p>*{line-height:14.4px}
.stage5-desktop-visual .spot-trades p.up span:nth-child(2){color:#6eecfc}
.stage5-desktop-visual .spot-trades p.down span:nth-child(2){color:#d85e66}
.stage5-desktop-visual .spot-trades p span:nth-child(3){color:#b0b8db}
@media (max-height:950px){
  .stage5-desktop-visual .s5d-book-row.ask{background-image:linear-gradient(#170909,#170909)}
  .stage5-desktop-visual .s5d-book-row.bid{background-image:linear-gradient(#09130e,#09130e)}
}
.stage5-desktop-visual .spot-marketbar>span{height:33px;display:block;position:relative;top:.5px;justify-content:initial}
.stage5-desktop-visual .spot-marketbar>span small,.stage5-desktop-visual .spot-marketbar>span em{display:block;line-height:normal}
.stage5-desktop-visual .spot-marketbar em{top:0}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(1){left:-.71875px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(2){left:.625px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(3){left:1.625px}
.stage5-desktop-visual .spot-marketbar>span:nth-of-type(4){left:.671875px}
.stage5-desktop-visual .spot-tabs button:not(.active){height:30px;padding:5px 0}
.stage5-desktop-visual #spot-available{top:0}
.stage5-desktop-visual #spot-notional{height:17px;margin-bottom:10px;padding-top:0;align-items:center}
.stage5-desktop-visual .spot-tabs button:not(.active){height:32px;padding:6px 0 4px}
.stage5-desktop-visual #spot-available{top:1px}
.stage5-desktop-visual #spot-notional{height:27px;margin-bottom:0;padding-top:2px;align-items:flex-start}
.stage5-desktop-visual .s5d-chart-legend .legend-label,.stage5-desktop-visual .s5d-chart-legend .legend-value{top:49.4375px;font-size:14px}
.stage5-desktop-visual .s5d-chart-legend .legend-value{letter-spacing:.3px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.open{left:158px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.open-value{left:183px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.high{left:268px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.high-value{left:292px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.low{left:378px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.low-value{left:401px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.close{left:488px}
.stage5-desktop-visual .s5d-chart-legend .legend-value.close-value{left:510px}
.stage5-desktop-visual .s5d-chart-legend .legend-ma.first{top:69.65px}
.stage5-desktop-visual .s5d-chart-legend .legend-ma.volume{top:517px}
.stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:519px}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-chart-legend .legend-ma.volume{top:622px}
  .stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:624px}
}
.stage5-desktop-visual .s5d-chart-legend .legend-label{top:49.859375px;font-size:14.6667px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.open{left:158.53125px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.high{left:267.46875px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.low{left:376.40625px}
.stage5-desktop-visual .s5d-chart-legend .legend-label.close{left:485.34375px}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle{left:10px;top:51.9375px;width:13px;height:13px;border:0;border-radius:0}
.stage5-desktop-visual .s5d-chart-legend .legend-toggle:after{content:none}
.stage5-desktop-visual .s5d-chart-legend .legend-control{width:14px;height:14px;border-radius:0;background:none}
.stage5-desktop-visual .s5d-chart-legend .main-control{left:136.96875px;top:52.296875px}
.stage5-desktop-visual .s5d-chart-legend .ma-control{left:114.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .ma-close{left:131.171875px;top:92.71875px}
.stage5-desktop-visual .s5d-chart-legend .volume-control{left:86.34375px;top:519.859375px}
.stage5-desktop-visual .s5d-chart-legend .volume-close{left:103.34375px;top:519.859375px}
@media (min-height:951px){
  .stage5-desktop-visual .s5d-chart-legend .volume-control,.stage5-desktop-visual .s5d-chart-legend .volume-close{top:623.859375px}
}
@import url('/shared/staking-visual-pages.css');

/* Healthy-runtime asset overview. Visual fixtures use their own scoped roots. */
.healthy-assets{min-height:100vh;background:#070b14;color:#eef4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.desktop-assets>header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#050810;border-bottom:1px solid #20283a}
.desktop-assets>header img{width:92px;display:block}.desktop-assets>header nav{display:flex;gap:28px}.desktop-assets a{color:inherit;text-decoration:none}
.healthy-assets-body{max-width:1440px;margin:auto;padding:32px;box-sizing:border-box}.healthy-assets-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.healthy-assets-heading h1{margin:0 0 8px;font-size:28px}.healthy-assets-heading p{margin:0;color:#8290aa}.healthy-assets-records{border:1px solid #2a3850;border-radius:8px;padding:10px 16px}
.healthy-assets-summary,.healthy-assets-accounts{margin-top:24px;padding:22px;border:1px solid #202a3e;border-radius:12px;background:#0e1421}.healthy-assets-summary>header,.healthy-assets-accounts>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.healthy-assets-summary h2,.healthy-assets-accounts h2{margin:0;font-size:19px}.healthy-assets-summary header p{margin:7px 0 0;color:#8290aa}.healthy-assets-summary header span{color:#8290aa}.healthy-assets-summary>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.healthy-assets-summary article{min-width:0;padding:16px;border:1px solid #26334a;border-radius:9px;background:#111a29}.healthy-assets-summary article span,.healthy-assets-summary article small{display:block;color:#8290aa}.healthy-assets-summary article strong{display:block;margin:8px 0 5px;font-size:22px;overflow-wrap:anywhere}
.healthy-assets-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.healthy-assets-actions a{padding:18px;border:1px solid #253149;border-radius:10px;background:#101725;text-align:center;color:#6eecfc}.healthy-assets-actions a:hover,.healthy-assets-actions a:focus-visible,.healthy-assets-records:hover,.healthy-assets-records:focus-visible{border-color:#61dced;background:#142033;outline:none}
.healthy-assets-table-wrap{width:100%;overflow-x:auto}.healthy-assets-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.healthy-assets-table th,.healthy-assets-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #202a3e;vertical-align:middle;overflow-wrap:anywhere}.healthy-assets-table th{color:#8290aa;font-size:12px;font-weight:500}.healthy-assets-table td{font-size:14px}.healthy-assets-table td:nth-child(1),.healthy-assets-table td:nth-child(3),.healthy-assets-table td:nth-child(4),.healthy-assets-table td:nth-child(5){font-variant-numeric:tabular-nums}.healthy-assets-table td:nth-child(2) span,.healthy-assets-table td:nth-child(2) small{display:block}.healthy-assets-table td:nth-child(2) small{margin-top:3px;color:#68758c}.healthy-assets-table td:last-child{display:flex;gap:8px;flex-wrap:wrap}.healthy-assets-table td:last-child a{padding:7px 10px;border:1px solid #2a3850;border-radius:6px;color:#6eecfc}.healthy-assets-accounts>header>a{color:#6eecfc}.healthy-assets-state{min-height:220px;display:grid;place-content:center;justify-items:center;gap:12px;color:#8290aa}.healthy-assets-state.error{color:#ff8181}.healthy-assets-state button{padding:10px 18px;border:1px solid #2a3850;border-radius:7px;background:#152033;color:#6eecfc}.healthy-assets-spinner{width:28px;height:28px;border:3px solid #26334a;border-top-color:#6eecfc;border-radius:50%;animation:healthy-assets-spin .8s linear infinite}@keyframes healthy-assets-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.healthy-assets-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-assets>header{padding:0 20px}.desktop-assets>header nav{gap:18px}.healthy-assets-body{padding:24px}.healthy-assets-table{min-width:820px}}