/* Arcus adapter: layout sizing and data widgets only. Reference CSS owns the design. */
.c-layout-header .ref-more-nav{position:relative}
.c-layout-header .ref-more-nav>.nav-parent{cursor:pointer}
.c-layout-header .ref-more-menu{position:absolute;z-index:101;top:calc(100% - 19px);left:20px;width:320px;padding:24px 16px 15px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:linear-gradient(120deg,rgba(22,27,31,.99),rgba(26,25,29,.985) 55%,rgba(39,27,34,.99));box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.c-layout-header .ref-more-nav:hover .ref-more-menu,.c-layout-header .ref-more-nav:focus-within .ref-more-menu,.c-layout-header .ref-more-nav.open .ref-more-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.c-layout-header .ref-more-menu-title{display:block;margin:0 8px 17px;color:#aeb1b5;font:500 14px/20px Onest,sans-serif}
.c-layout-header .ref-more-menu-link{display:flex;align-items:flex-start;gap:20px;min-height:0;padding:15px 8px 11px;border-radius:8px;color:#f7f7f7;text-decoration:none}
.c-layout-header .ref-more-menu-link:hover,.c-layout-header .ref-more-menu-link:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.c-layout-header .ref-more-menu-link svg{width:24px;height:24px;flex:none;margin-top:1px;fill:none;stroke:#f4f5f5;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.c-layout-header .ref-more-menu-link strong{display:block;color:#f6f6f6;font:700 16px/22px Onest,sans-serif}
.c-layout-header .ref-more-menu-link small{display:block;margin-top:8px;color:#909397;font:500 13px/18px Onest,sans-serif}
.c-layout-header .ref-more-menu-chevron{margin-left:auto;color:#b8bbbd;font:24px/20px Onest,sans-serif}
.c-layout-header .ref-perpetuals-nav:hover .icon-expand-menu,.c-layout-header .ref-perpetuals-nav:focus-within .icon-expand-menu,.c-layout-header .ref-more-nav:hover .icon-expand-menu,.c-layout-header .ref-more-nav:focus-within .icon-expand-menu,.c-layout-header .ref-more-nav.open .icon-expand-menu{filter:brightness(0) saturate(100%) invert(84%) sepia(28%) saturate(455%) hue-rotate(155deg) brightness(102%)}
.currencyDom .currency-label-desc { display: none !important; }
.c-layout-header { z-index: 100 !important; }
.c-layout-header .el-collapse { overflow: visible; }
.c-layout-header .ref-perpetuals-nav { position: relative; }
.c-layout-header .ref-direct-nav { display: flex; align-items: center; padding: 16px 20px; }
.c-layout-header .ref-direct-nav > a { display: flex; align-items: center; color: #fff; font: 500 16px/20px 'Host Grotesk Number',Onest,sans-serif; text-decoration: none; white-space: nowrap; }
.c-layout-header .ref-direct-nav .zero-fees-badge { margin-left:5px; }
.c-layout-header .ref-hot-badge { display:inline-flex; align-items:center; margin-left:5px; padding:0; border:0; background:none; font:18px/20px Onest,sans-serif; white-space:nowrap; }
.c-layout-header .ref-perpetuals-menu { position: absolute; z-index: 101; top: calc(100% - 19px); left: 20px; width: 320px; padding: 24px 16px 15px; border: 1px solid #303234; border-radius: 13px; background: #151515; box-shadow: 0 18px 36px #0008; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.c-layout-header .ref-perpetuals-nav:hover .ref-perpetuals-menu,.c-layout-header .ref-perpetuals-nav:focus-within .ref-perpetuals-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.c-layout-header .ref-perpetuals-menu-title { display: block; margin: 0 8px 17px; color: #aeb1b5; font: 500 14px/20px Onest,sans-serif; }
.c-layout-header .ref-perpetuals-menu-link { display: flex; align-items: flex-start; gap: 20px; min-height: 94px; padding: 15px 8px 11px; border-radius: 8px; color: #f7f7f7; text-decoration: none; }
.c-layout-header .ref-perpetuals-menu-link:hover,.c-layout-header .ref-perpetuals-menu-link:focus-visible { background: rgba(255,255,255,.08); color: #fff; }
.c-layout-header .ref-perpetuals-menu-link svg { width: 24px; height: 24px; flex: none; margin-top: 1px; fill: none; stroke: #f4f5f5; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; }
.c-layout-header .ref-perpetuals-menu-link strong { display: block; color: #f6f6f6; font: 700 16px/22px Onest,sans-serif; white-space: nowrap; }
.c-layout-header .ref-perpetuals-menu-link small { display: block; margin-top: 8px; color: #909397; font: 500 13px/18px Onest,sans-serif; }
.c-layout-header .ref-perpetuals-menu.is-market-open { width: 624px; min-height: 400px; }
.c-layout-header .ref-perpetuals-menu.is-market-open > .ref-perpetuals-menu-link { width: 288px; }
.c-layout-header .ref-perpetuals-live-link:hover,.c-layout-header .ref-perpetuals-menu.is-market-open .ref-perpetuals-live-link { background: rgba(255,255,255,.08); }
.c-layout-header .ref-nav-market-chevron { margin-left: auto; color: #b8bbbd; font: 24px/20px Onest,sans-serif; }
.c-layout-header .ref-nav-market-panel { position: absolute; top: 24px; left: 320px; width: 284px; display: none; text-align: left; }
.c-layout-header .ref-perpetuals-menu.is-market-open .ref-nav-market-panel { display: block; }
.c-layout-header .ref-nav-market-search { height: 39px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(255,255,255,.055); }
.c-layout-header .ref-nav-market-search svg { width: 16px; height: 16px; flex: none; fill: none; stroke: #fff; stroke-width: 2; }
.c-layout-header .ref-nav-market-search input { width: 100%; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font: 500 13px/20px Onest,sans-serif; }
.c-layout-header .ref-nav-market-search input::placeholder { color: #83878a; }
.c-layout-header .ref-nav-market-list { margin-top: 14px; max-height: 270px; overflow: auto; scrollbar-width: thin; }
.c-layout-header .ref-nav-market-row { width: 100%; min-height: 51px; display: flex; align-items: center; gap: 7px; padding: 4px 6px; border: 0; border-radius: 8px; background: transparent; color: #f7f7f7; text-align: left; cursor: pointer; }
.c-layout-header .ref-nav-market-row:hover,.c-layout-header .ref-nav-market-row:focus-visible,.c-layout-header .ref-nav-market-all:hover,.c-layout-header .ref-nav-market-all:focus-visible { background: rgba(255,255,255,.09); outline: none; }
.c-layout-header .ref-nav-market-row img { width: 24px; height: 24px; flex: none; border-radius: 50%; object-fit: cover; }
.c-layout-header .ref-nav-market-row strong { font: 700 13px/18px Onest,sans-serif; white-space: nowrap; }
.c-layout-header .ref-nav-market-row small { padding: 1px 4px; border-radius: 8px; background: #1c3f49; color: #92e5f8; font: 700 9px/12px Onest,sans-serif; white-space: nowrap; }
body:not(.ref-synthetic) .ref-market-picker .currency-label-desc { display:none!important; }
.c-layout-header .ref-nav-market-numbers { margin-left: auto; display: grid; justify-items: end; font: 600 12px/16px Onest,sans-serif; }
.c-layout-header .ref-nav-market-numbers b { color: #f7f7f7; white-space: nowrap; }
.c-layout-header .ref-nav-market-numbers em { font-style: normal; }
.c-layout-header .ref-nav-market-numbers .ref-green { color: #0fbc86; }
.c-layout-header .ref-nav-market-numbers .ref-red { color: #eb377a; }
.c-layout-header .ref-nav-market-empty { margin: 24px 4px; color: #92969a; font: 500 13px/18px Onest,sans-serif; }
.c-layout-header .ref-nav-market-all { width: 100%; height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 6px; border: 0; border-radius: 8px; background: transparent; color: #f7f7f7; text-align: left; cursor: pointer; }
.c-layout-header .ref-nav-market-all-icons { width: 49px; display: flex; align-items: center; flex: none; }
.c-layout-header .ref-nav-market-all-icons img { width: 23px; height: 23px; margin-right: -10px; border: 1px solid #29292a; border-radius: 50%; background: #1a1d20; object-fit: cover; }
.c-layout-header .ref-nav-market-all strong { font: 700 13px/18px Onest,sans-serif; }
.c-layout-header .ref-nav-market-all > span:last-child { margin-left: auto; color: #9b9da0; font: 600 12px/18px Onest,sans-serif; }
.ref-favorites-copy .ref-favorite-card { position: relative; display: inline-flex; align-items: center; background: #222629; border-radius: 4px; margin-right: 8px; overflow: hidden; vertical-align: middle; }
.ref-favorites-copy .ref-favorite-open { display: inline-flex; gap: 8px; align-items: center; color: #aeb9c5; padding: 4px 8px; margin: 0; }
.ref-favorites-copy .ref-favorite-remove { position: absolute; right: 0; inset-block: 0; width: 30px; padding: 0; margin: 0; background: linear-gradient(90deg,#22262899,#222628 35%); color: #fff; font-size: 18px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
.ref-favorite-card:hover .ref-favorite-remove,.ref-favorite-card:focus-within .ref-favorite-remove { opacity: 1; pointer-events: auto; }
.ref-tools-tooltip { display: none; position: absolute; z-index: 30; width: 200px; padding: 12px 16px; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); border-radius: 6px; background: #24282a; color: #fff; font: 600 12px/18px Onest,sans-serif; text-align: left; white-space: normal; pointer-events: none; box-shadow: 0 4px 14px #0005; }
.ref-tools-tooltip:after { content: ''; position: absolute; left: calc(50% - 6px); bottom: -6px; border: 6px solid transparent; border-top-color: #24282a; border-bottom: 0; }
#tab-strategy { position: relative; overflow: visible; }
#tab-strategy:hover .ref-tools-tooltip,#tab-strategy:focus-visible .ref-tools-tooltip { display: block; }
.ref-tools-pane { display: none; padding: 16px; }
.ref-tools-active .ref-tools-pane { display: block; }
.ref-tools-active .futures-margin-tabs,.ref-tools-active .ref-easy-controls,.ref-tools-active .futures-place-tabs,.ref-tools-active .place-content-wrapper { display: none !important; }
.ref-tools-card { min-height: 108px; padding: 20px 16px; display: flex; gap: 14px; border-radius: 7px; background: #1b1e20; box-sizing: border-box; }
.ref-tools-card-icon { width: 20px; flex: none; color: #fff; font-size: 20px; line-height: 20px; }
.ref-tools-card strong { color: #fff; font: 600 14px/20px Onest,sans-serif; }
.ref-tools-card p { color: #a2a8ab; font: 500 12px/18px Onest,sans-serif; margin: 5px 0 9px; }
.ref-tools-card small { color: #9fe7f5; font: 500 11px/16px Onest,sans-serif; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-preset].selected { background: #a4edfb; color: #111; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-easy-leverage] { background: #222628; color: #e9eef0; width: 30px; padding: 0; display: inline-grid; place-items: center; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-easy-leverage] svg { width: 14px; height: 14px; }
.ref-easy-leverage-options,.ref-easy-leverage-options [data-easy-presets] { display: flex; gap: 6px; flex-wrap: wrap; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-preset] { background: #171b1d; color: #858b90; padding: 0 7px; }
.ref-favorites-copy .ref-favorite-card { background: #222629; color: #aeb9c5; border-radius: 4px; padding: 4px 8px; display: inline-flex; gap: 8px; align-items: center; }
[data-terminal-favorite] { stroke: #858b90; cursor: pointer; }
[data-terminal-favorite][aria-pressed=true] { stroke: #f4ce63; }
.ref-market-picker .tag.active { background: white !important; color: #111 !important; }
.ref-favorites-copy .ref-favorite-card { background: #222629; color: #aeb9c5; border-radius: 4px; padding: 4px 8px; display: inline-flex; gap: 8px; align-items: center; }
[data-terminal-favorite] { stroke: #858b90; cursor: pointer; }
[data-terminal-favorite][aria-pressed=true] { stroke: #f4ce63; }
.ref-market-picker .tag.active { background: white !important; color: #111 !important; }
/* Easy uses the same bounded content column as Classic, without captured minimum widths. */
.ref-easy .futures-place-order-panel .place-content-wrapper,
.ref-easy .futures-place-order-panel .place-content,
.ref-easy .futures-place-order-panel .place-open { width: 100%; min-width: 0; box-sizing: border-box; }
.ref-easy .futures-place-order-panel .place-content-wrapper { padding: 0 16px; }
.ref-easy .futures-place-order-panel .place-content { padding: 0; }
.ref-easy .futures-place-order-panel .ref-easy-controls { margin: 0 16px 24px; }
.ref-easy .ref-easy-controls .ref-direction { background: transparent; gap: 4px; overflow: visible; }
.ref-easy .ref-easy-controls .ref-direction button { min-width: 0; height: 32px; border-radius: 6px; font-size: 14px; background: #151819; color: #fff; }
.ref-easy .ref-easy-controls .ref-direction button:first-child { clip-path: polygon(0 0,100% 0,95% 100%,0 100%); }
.ref-easy .ref-easy-controls .ref-direction button:last-child { clip-path: polygon(5% 0,100% 0,100% 100%,0 100%); }
.ref-easy .ref-easy-controls .ref-direction button.selected { background: #09b77b; }
.ref-easy .ref-easy-controls .ref-direction button[data-easy-side=short].selected { background: #e93678; }
.ref-easy .futures-place-order-panel .ax-trade-input { min-width: 0; width: 100%; }
.ax-trade-input__suffix { pointer-events: none; cursor: default; color: #858b90; }
.ax-trade-input__suffix svg,.ax-trade-input__unit-line { display: none; }
.ref-easy .futures-place-order-panel .ref-easy-leverage { border: 0; padding: 14px 0 0; }
.ref-easy .futures-place-order-panel .ref-easy-leverage button { height: 26px; padding: 0 10px; font-size: 12px; }
.ref-easy .futures-profit-loss,.ref-easy .ref-risk-grid { display: none !important; }
.ref-easy-risk { display: none; }
.ref-easy .ref-easy-risk { display: block; padding: 16px 0 12px; }
.ref-easy-risk-toggle { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 20px; cursor: pointer; }
.ref-easy-risk-toggle input { appearance: none; width: 14px; height: 14px; border: 1px solid #4a5053; border-radius: 2px; margin: 0; }
.ref-easy-risk-toggle input:checked { background: #9fe7f5; border-color: #9fe7f5; }
.ref-easy-risk-toggle input:checked:after { content: '✓'; color: #102126; display: block; line-height: 12px; text-align: center; }
.ref-easy-risk-toggle span,.ref-easy-liquidation span { border-bottom: 1px dashed #858b90; }
.ref-easy-risk-slot { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .2s; }
.ref-easy-risk-slot>label { overflow: hidden; min-height: 0; font-size: 0; }
.ref-easy-risk-slot.expanded { grid-template-rows: 1fr; margin: -10px 0 18px; }
.ref-easy-risk-slot .ref-risk-field { margin: 0; font-size: 12px; }
.ref-easy-liquidation { font-size: 12px; color: #858b90; }
.ref-easy-liquidation b { color: #fff; font-weight: 500; }
.ref-easy .openPosition { border-top: 1px solid #262a2c; padding-top: 16px; margin-top: 0; }
.ref-easy .futures-place-order-panel .ref-open-buttons { display: flex; margin: 0; }
.ref-easy .futures-place-order-panel .futures-fee-rates { padding: 18px 0 0; }
.ref-settings-dialog.ref-modal input[type=range] { appearance: none; height: 30px; margin: 12px 0 0; cursor: pointer; }
.ref-settings-dialog.ref-modal input[type=range]::-webkit-slider-runnable-track { height: 4px; background: #33393c; border-radius: 2px; }
.ref-settings-dialog.ref-modal input[type=range]::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; margin-top: -5px; background: #9fe7f5; border: 2px solid #0e1012; border-radius: 3px; transform: rotate(45deg); }
.ref-settings-dialog.ref-modal input[type=range]::-moz-range-track { height: 4px; background: #33393c; }
.ref-settings-dialog.ref-modal input[type=range]::-moz-range-thumb { width: 12px; height: 12px; background: #9fe7f5; border: 2px solid #0e1012; border-radius: 3px; }
.futures-place-order-panel.futures-place-order-panel { height: auto !important; min-height: 0 !important; }
.ref-easy .futures-place-tabs { display: none !important; }
.ref-easy .ref-easy-controls { margin: 0 16px; }
.ref-easy .ref-easy-controls .ref-direction { margin-bottom: 0; }
.ref-easy .futures-margin-tabs .adjustingLever { visibility: hidden; }
.tv-chart-container { position: relative; }
.ref-chart-info { position: absolute; inset: 0; z-index: 8; background: #0e1012; padding: 24px; overflow: auto; }
.ref-chart-info[hidden] { display: none; }
.ref-chart-info h3 { font-size: 18px; margin-bottom: 24px; }
.ref-chart-info dl { display: grid; grid-template-columns: 240px 1fr; gap: 16px; font-size: 14px; }
.ref-chart-info dt { color: #858b90; }
.ref-funding-chart { height: 230px; margin-top: 20px; }
.ref-favorite-star { width: 20px; height: 20px; margin: 0 11px 0 3px; fill: #f4ce63; flex: none; }
.TickFavorite .ref-favorites-bar { position:relative; display:flex; align-items:center; flex:0 0 auto; min-width:0; overflow:hidden; }
.ref-favorites-viewport { flex:1 1 auto; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; }
.ref-favorites-viewport::-webkit-scrollbar { display:none; }
.ref-favorites-copy { display:inline-flex; align-items:center; min-height:32px; width:max-content; white-space:nowrap; font:500 12px/18px Onest,sans-serif; color:#aeb9c5; }
.ref-favorites-copy button { padding: 0; margin-right: 8px; background: transparent; border: 0; color: #9fe7f5; font: inherit; }
.ref-favorites-copy [data-favorite-add] { margin-left: 8px; }
.ref-favorites-edge { position:absolute; top:0; bottom:0; z-index:2; display:flex; align-items:center; width:56px; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.ref-favorites-edge-left { left:34px; justify-content:flex-start; padding-left:4px; background:linear-gradient(90deg,#0e1012 0%,#0e1012 55%,transparent 100%); }
.ref-favorites-edge-right { right:0; justify-content:flex-end; padding-right:4px; background:linear-gradient(90deg,transparent 0%,rgba(14,16,18,.35) 56%,rgba(14,16,18,.72) 100%); }
.ref-favorites-bar.can-scroll-left .ref-favorites-edge-left,.ref-favorites-bar.can-scroll-right .ref-favorites-edge-right { opacity:1; pointer-events:auto; }
.ref-favorites-edge button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid rgba(221,240,245,.28); border-radius:9px; background:linear-gradient(145deg,rgba(230,248,255,.09),rgba(46,69,82,.055)); color:#eef8fa; box-shadow:0 4px 14px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.16); -webkit-backdrop-filter:blur(24px) saturate(165%); backdrop-filter:blur(24px) saturate(165%); opacity:0; transition:opacity .18s ease,transform .18s ease,background .18s ease; }
.ref-favorites-edge button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ref-favorites-edge-left button { transform:translateX(-5px); }
.ref-favorites-edge-right button { transform:translateX(5px); }
.ref-favorites-edge:hover button,.ref-favorites-edge button:focus-visible { opacity:1; transform:translateX(0); }
.ref-favorites-edge button:hover { background:linear-gradient(145deg,rgba(230,248,255,.15),rgba(46,69,82,.10)); }
.ref-favorites-edge button:disabled { display:none; }
.ref-market-picker .token-row [role=button] { cursor: pointer; }
.trick .swiper { overflow-x: auto; scrollbar-width: none; }
.trick .swiper::-webkit-scrollbar { display: none; }
.trick .swiper-button-prev { position: sticky; float: left; left: 0; }
.trick .swiper-button-next { position: sticky; float: right; right: 0; }
.ref-easy .futures-place-order-panel { min-height: 100%; }
.ref-easy .futures-available { display: none; }
.ax-trade-input .ax-trade-input__input { font: 500 14px/20px Onest,sans-serif; }
.ref-settings-dialog.ref-modal { width: 480px; background: #151819; border-color: #303336; border-radius: 18px; padding: 24px; box-sizing: border-box; font: 500 14px/20px Onest,sans-serif; }
.ref-settings-dialog.ref-modal h2 { font: 700 24px/30px Onest,sans-serif; margin-bottom: 24px; }
.ref-settings-dialog.ref-modal .ref-close { padding: 0; background: none; font-size: 28px; font-weight: 300; }
.ref-settings-dialog.ref-modal .ref-choice { display: block; text-align: left; width: 100%; border: 1px solid #303436; background: transparent; border-radius: 16px; padding: 16px; margin: 16px 0; }
.ref-settings-dialog.ref-modal .ref-choice b { font-size: 16px; }
.ref-settings-dialog.ref-modal .ref-choice p { font-size: 13px; color: #919598; line-height: 18px; margin: 10px 0 0; }
.ref-settings-dialog.ref-modal .ref-choice.selected { background: linear-gradient(#222627,#222627) padding-box,linear-gradient(120deg,#f1b9d4,#8ee7f5) border-box; border-color: transparent; }
.ref-settings-dialog .ref-choice.selected b:after { content: '✓'; float: right; }
.ref-settings-dialog button:disabled { opacity: .45; cursor: not-allowed; }
.ref-settings-dialog .ref-dialog-actions { display: flex; gap: 4px; margin-top: 24px; }
.ref-settings-dialog .ref-dialog-actions button,.ref-settings-dialog .ref-confirm-wide { flex: 1; border-radius: 28px; height: 50px; font-size: 16px; background: #24282a; }
.ref-settings-dialog .ref-dialog-actions [data-confirm],.ref-settings-dialog .ref-confirm-wide { background: #fff; color: #111; }
.ref-settings-dialog .ref-confirm-wide { width: 100%; margin-top: 24px; }
.ref-settings-dialog .ref-leverage-stepper { display: flex; align-items: center; background: #202425; border-radius: 14px; }
.ref-settings-dialog .ref-leverage-stepper input { text-align: center; margin: 0; border: 0; }
.ref-settings-dialog .ref-leverage-stepper button { background: none; font-size: 24px; }
.ref-settings-dialog.ref-modal input,.ref-settings-dialog.ref-modal select { box-sizing: border-box; font: inherit; height: 42px; padding: 10px 12px; background: #202425; border: 0; border-radius: 9px; color: #fff; width: 100%; }
.ref-settings-dialog.ref-modal input[type=range] { padding: 0; accent-color: #9fe7f5; background: transparent; }
.ref-settings-dialog .ref-range-labels { display: flex; justify-content: space-between; color: #858b90; }
.ref-settings-dialog .ref-dialog-copy { margin-top: 24px; color: #858b90; font-size: 13px; }
.ref-settings-dialog .ref-warning { color: #f3ce63; margin-top: 20px; font-size: 13px; }
.ref-settings-dialog .ref-direction,.ref-easy-controls .ref-direction { display: flex; background: #262a2c; border-radius: 8px; overflow: hidden; margin-bottom: 24px; }
.ref-settings-dialog .ref-direction button,.ref-easy-controls button { flex: 1; background: transparent; color: #92979b; font-weight: 600; border: 0; height: 36px; }
.ref-settings-dialog .ref-direction button.selected,.ref-easy-controls button.selected { background: #09b77b; color: #fff; }
.ref-settings-dialog .ref-direction button[data-dir=short].selected,.ref-easy-controls button[data-easy-side=short].selected { background: #e93678; }
.ref-settings-dialog .ref-risk-pair { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }
.ref-settings-dialog label { display: block; color: #959a9e; font-size: 12px; }
.ref-settings-dialog label input { margin-top: 6px; }
.ref-settings-dialog .ref-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ref-settings-dialog .ref-summary span { color: #858b90; }
.ref-settings-dialog .ref-summary b { text-align: right; }
.ref-settings-dialog small { color: #999; font-size: 12px; }
.ref-settings-dialog .ref-risk-section { margin-top: 24px; }
.ref-settings-dialog .ref-risk-section small { float: right; }
.ref-settings-dialog .ref-risk-section p { color: #858b90; font-size: 12px; }
.ref-settings-dialog .ref-readonly { background: #202425; padding: 12px; margin: 6px 0; border-radius: 8px; }
.ref-settings-dialog .ref-error { color: #e93678; }
.ref-risk-dialog.ref-modal { padding:8px; overflow:hidden; }
.ref-risk-scroll { max-height:calc(80vh - 18px); box-sizing:border-box; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:16px; border-radius:12px; scrollbar-width:thin; scrollbar-color:#586167 transparent; }
.ref-risk-scroll::-webkit-scrollbar { width:5px; }
.ref-risk-scroll::-webkit-scrollbar-button { display:none; width:0; height:0; }
.ref-risk-scroll::-webkit-scrollbar-track { background:transparent; }
.ref-risk-scroll::-webkit-scrollbar-thumb { background:#586167; border-radius:5px; }
.ref-calculator.ref-modal { width: 640px; }
.ref-calculator .ref-calc-market { max-width: 240px; }
.ref-calculator .ref-calc-tabs { display: flex; gap: 20px; border-bottom: 1px solid #303436; margin: 24px 0; }
.ref-calculator .ref-calc-tabs button { background: none; border-radius: 0; padding: 0 0 12px; color: #858b90; font-size: 16px; }
.ref-calculator .ref-calc-tabs button.active { color: #fff; border-bottom: 3px solid #fff; }
.ref-calculator .ref-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ref-calculator .ref-calc-result { border-left: 1px solid #303436; padding-left: 24px; }
.ref-calculator .ref-calc-result p { display: flex; justify-content: space-between; gap: 8px; }
.ref-calculator label { margin: 16px 0; }
.ref-calculator label[hidden] { display: none; }
.ref-calculator.ref-modal{width:640px;max-height:min(90vh,720px);background:#1b1d1e;border-radius:17px}.ref-calculator .ref-modal h2{display:none}.ref-calculator .ref-calc-market-wrap{position:relative}.ref-calculator .ref-calc-market{width:240px;height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#242728;border:1px solid #373a3c;border-radius:12px;color:#fff;text-align:left}.ref-calculator .ref-calc-market i,.ref-calc-market-list i{width:7px;height:7px;border-radius:50%;background:#0ccb81;display:inline-block;flex:none}.ref-calculator .ref-calc-market b{margin-left:auto}.ref-calc-market-menu{position:absolute;top:48px;left:0;z-index:5;width:240px;height:284px;padding:8px;background:linear-gradient(145deg,#262a2be8,#252326ee);border:1px solid #3a3d3e;border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 16px 36px #000a}.ref-calc-market-menu[hidden]{display:none}.ref-calc-market-menu input{height:36px;margin:0 0 6px;border:0;border-radius:20px;background:#373a3c}.ref-calc-market-list{height:225px;overflow:auto}.ref-calc-market-list button{width:100%;height:39px;text-align:left;display:flex;align-items:center;gap:10px;background:transparent;color:#eee}.ref-calc-market-list button:hover{background:#293b36}.ref-calculator .ref-calc-tabs{margin:20px 0 24px}.ref-calculator .ref-calc-grid{grid-template-columns:1fr 1fr;gap:24px}.ref-calculator .ref-calc-form{min-width:0}.ref-calculator .ref-calc-result{padding-left:24px}.ref-calculator .ref-calc-result h3{margin:0 0 18px}.ref-calculator .ref-calc-result p{margin:0 0 12px;font-size:12px;color:#aeb4b7}.ref-calculator .ref-calc-result b{font-size:13px;color:#fff}.ref-calculator .ref-calc-result b.ref-green{color:#0ccb81}.ref-calculator .ref-calc-result b.ref-red{color:#e93678}.ref-calculator .ref-direction{display:flex;margin-bottom:14px;background:#303334;border-radius:7px}.ref-calculator .ref-direction button{width:50%;height:33px;padding:0;background:transparent}.ref-calculator .ref-direction button.selected{background:#0ccb81;color:#fff}.ref-calculator .ref-calc-lev input[type=range]{width:100%;height:5px;margin:12px 0 0;padding:0;accent-color:#9fe7f5;background:linear-gradient(to right,#9fe7f5 var(--calc-progress),#303435 var(--calc-progress));appearance:none}.ref-calculator .ref-calc-lev input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;transform:rotate(45deg);border:2px solid #102c31;background:#aaf1ff;cursor:pointer}.ref-calc-lev-labels{display:flex;justify-content:space-between;color:#8a9298;font-size:12px}.ref-calc-lev p,.ref-calc-notional{color:#858b90;font-size:12px;line-height:18px;margin:14px 0 10px}.ref-calc-lev p b{color:#fff}.ref-calculator label{display:block;margin:12px 0 0;color:#aeb4b7;font-size:12px}.ref-calculator .ref-calc-input{height:42px;display:flex;align-items:center;border-radius:8px;background:#242728;margin-top:5px}.ref-calculator .ref-calc-input input{border:0;background:transparent;margin:0;height:42px;min-width:0;flex:1}.ref-calculator .ref-calc-input span{padding:0 12px;color:#aeb4b7}.ref-calculator .ref-calc-mode{width:100%;height:40px;margin-bottom:12px;padding:0 12px;border:0;border-radius:8px;background:#242728;color:#fff}.ref-calculator .ref-confirm-wide{height:42px;width:100%;margin-top:14px;border-radius:24px;background:#fff;color:#17191a}.ref-calc-error{min-height:14px;color:#e93678;font-size:12px}
.ref-order-price-wrap{margin:14px 0}.ref-order-price-wrap>label{display:block;font-size:12px;color:#9ea6aa;margin:10px 0 6px}.ref-order-price-wrap .ref-limit-input{margin:0}.ref-trigger-row{display:flex;gap:5px}.ref-trigger-row input{flex:1;min-width:0}.ref-trigger-row select{width:75px;border:0;border-radius:8px;background:#242728;color:#fff;padding:0 5px}.ref-price-difference{font-size:12px;color:#8a9298;margin:12px 0}.ref-price-difference span{color:#fff}
.ref-position-preview{position:absolute;inset:0 85px 0 0;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s}.ref-position-preview.visible{opacity:1}.ref-preview-profit,.ref-preview-loss{position:absolute;left:0;right:0;pointer-events:none}.ref-preview-profit{top:0;height:var(--entry-y)}.ref-preview-loss{top:var(--entry-y);bottom:0}.ref-preview-line{position:absolute;left:0;right:0;top:calc(var(--entry-y) - 10px);height:20px;background:linear-gradient(to bottom,transparent,rgba(12,203,129,.12) 50%,transparent);filter:blur(7px)}.ref-position-preview[data-side=short] .ref-preview-line{background:linear-gradient(to bottom,transparent,rgba(233,54,120,.12) 50%,transparent)}.ref-chart-footer a{color:#6e767d;text-decoration:none;font-size:10px}.ref-chart-footer a:hover{color:#9fe7f5}
.futures-footer{display:block!important;pointer-events:none}
.ref-close-mode .ref-open-buttons [data-side=long]{background:#e93678}.ref-close-mode .ref-open-buttons [data-side=short]{background:#0ccb81}.ref-close-mode .futures-profit-loss,.ref-close-mode .ref-risk-grid{display:none!important}.ref-close-summary{display:none;justify-content:space-between;gap:8px;margin:16px 0;color:#8d969e;font-size:12px}.ref-close-mode .ref-close-summary{display:flex}.ref-close-summary>div:last-child{text-align:right}.ref-close-summary b{display:block;color:#fff;font-weight:500}
.ref-close-summary>button{min-width:0;flex:1;border:0;border-radius:7px;padding:5px 0;background:transparent;color:#8d969e;font-size:12px;text-align:left}.ref-close-summary>button:last-child{text-align:right}.ref-close-summary>button.selected{color:#b8eefa}.ref-close-summary>button:hover{color:#fff}
.ref-slider-input{inset:auto!important;left:10px!important;top:0!important;width:calc(100% - 20px)!important;height:24px!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;opacity:0!important}
.ref-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border:0}.ref-slider-input::-moz-range-thumb{width:28px;height:28px;border:0}
.ref-order-select{position:relative;flex:0 0 75px}.ref-order-select-trigger{width:100%;height:42px;border:0;border-radius:8px;background:#242728;color:#fff}.ref-order-select-menu{position:absolute;z-index:15;right:0;top:46px;width:94px;padding:5px;border:1px solid #ffffff21;border-radius:12px;background:linear-gradient(125deg,#25292bec,#34282ef0);backdrop-filter:blur(18px);box-shadow:0 12px 30px #0009}.ref-order-select-menu[hidden]{display:none}.ref-order-select-menu button{display:block;width:100%;height:38px;border:0;border-radius:7px;text-align:left;padding:0 10px;background:transparent;color:#fff}.ref-order-select-menu button:hover{background:#ffffff17}
.ref-modal select[data-tp-source],.ref-modal select[data-sl-source]{display:block;width:100%;height:40px;margin:0 0 14px;padding:0 12px;border:1px solid #34383b;border-radius:8px;background:#242728;color:#fff}
.ref-risk-dialog [data-advanced-source]{float:right;border:0;background:#1d2021;color:#fff;font-size:12px}
.ref-market-picker{background:linear-gradient(125deg,rgba(27,31,33,.92),rgba(29,29,33,.88))!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border:1px solid #ffffff20!important;box-shadow:0 18px 45px #000b!important}.ref-market-picker .token-row:hover{background:#ffffff10!important}.ref-market-picker .token-row.active{background:#ffffff16!important}.ref-book-step-menu{background:linear-gradient(125deg,#25292bec,#35272ef0);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.futures-profit-loss { position: relative; }
.futures-profit-loss .ref-advanced { float: right; border: 0; background: transparent; color: #9fe7f5; font-size: 12px; }
.ref-risk-fields { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .2s ease,opacity .2s ease; }
.ref-risk-fields>div { overflow: hidden; min-height: 0; }
.ref-risk-expanded .ref-risk-fields { grid-template-rows: 1fr; opacity: 1; }
.ref-risk-fields label { display: block; color: #858b90; margin-top: 12px; font-size: 12px; }
.ref-risk-field { display: flex; gap: 4px; margin-top: 6px; }
.ref-risk-field input { min-width: 0; flex: 1; height: 42px; padding: 0 12px; border: 0; border-radius: 8px; background: #202425; color: #fff; }
.ref-risk-field button { border: 0; border-radius: 8px; padding: 0 12px; background: #202425; color: #fff; }
.ref-risk-field{width:100%;align-items:stretch}.ref-risk-field input{width:0;min-width:0;flex:1}.ref-risk-price-source{position:relative;flex:0 0 68px}.ref-risk-price-source>button{height:42px;width:100%;white-space:nowrap}.ref-risk-price-menu{position:absolute;z-index:8;right:0;top:44px;width:68px;padding:4px;border:1px solid #34383b;border-radius:10px;background:#1f2224;box-shadow:0 8px 20px #0009}.ref-risk-price-menu[hidden]{display:none}.ref-risk-price-menu button{display:block;width:100%;height:36px;text-align:left}.ref-risk-price-menu button:hover{background:#34383b}.ref-risk-fields{width:100%}.ref-risk-fields>div{width:100%}.ref-risk-expanded .ref-risk-fields{margin-bottom:12px}.futures-profit-loss .ref-advanced[hidden]{display:none}
.order-book-precision-kselect{position:relative}.ref-book-step-menu{position:absolute;z-index:20;right:0;top:26px;width:150px;padding:8px;border:1px solid #363b3d;border-radius:14px;background:linear-gradient(125deg,#202425f5,#262124f2);backdrop-filter:blur(14px);box-shadow:0 15px 30px #0009}.ref-book-step-menu[hidden]{display:none}.ref-book-step-menu button{display:block;width:100%;height:40px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:transparent;text-align:left}.ref-book-step-menu button:hover,.ref-book-step-menu button[aria-selected=true]{background:#34393b}
.ref-easy-controls,.ref-easy-leverage { display: none; }
.ref-easy .ref-easy-controls,.ref-easy .ref-easy-leverage { display: block; }
.ref-easy .futures-assets { display: block; }
.ref-easy .ref-easy-leverage { padding: 14px 0; border-bottom: 1px solid #303436; }
.ref-easy .ref-easy-leverage p { margin-bottom: 12px; font-size: 12px; color: #858b90; }
.ref-easy .ref-easy-leverage button { background: #9fe7f5; color: #111; border: 0; border-radius: 4px; padding: 6px 12px; }
.ref-easy .ref-open-buttons button { width: 100%; height: 50px; }
.ref-easy[data-easy-side=long] .ref-open-buttons [data-side=short],.ref-easy[data-easy-side=short] .ref-open-buttons [data-side=long] { display: none; }
.ref-easy .ref-risk-grid>div:nth-child(n+3) { display: none; }
.ref-easy .futures-place-order-panel li.item,.ref-easy .order-type-tab:nth-child(2) { display: none; }
.orderbook-pane[data-view=buy] .sell-list,.orderbook-pane[data-view=sell] .buy-list { display: none !important; }
.orderbook-pane[data-view=horizontal] .order-book-list { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: 44px minmax(0,1fr); }
.orderbook-pane[data-view=horizontal] .last-price-row { grid-row: 1; grid-column: 1/3; }
.orderbook-pane[data-view=horizontal] .buy-list { grid-row: 2; grid-column: 1; }
.orderbook-pane[data-view=horizontal] .sell-list { grid-row: 2; grid-column: 2; }
.orderbook-pane[data-view=horizontal] .sell-item-list { flex-direction: column !important; }
.orderbook-pane[data-view=horizontal] .order-book-row { min-width: 0 !important; padding: 0 8px; }
.orderbook-pane[data-view=horizontal] .order-book-row .total-col { display: none; }
.orderbook-pane[data-view=horizontal] .order-book-row .price-col,.orderbook-pane[data-view=horizontal] .order-book-row .amount-col { width: 50%; flex: 1; }
@media(prefers-reduced-motion:reduce){.ref-risk-fields{transition:none}}
.tv-chart-container .ref-chart-wrap { grid-template-rows: minmax(0,1fr); }
.tv-chart-container .ref-chart-footer { display: none; }
.tv-chart-container .ref-chart-tools { grid-row: 1; }
.futures-order-tabs { min-height: 64px; padding: 10px 20px !important; box-sizing: border-box; }
.futures-order-tabs .el-tabs__header { margin: 0 !important; }
.futures-order-tabs .el-tabs__item { height: 40px !important; display: flex; align-items: center; }
.futures-order-tabs .el-tabs__active-bar { display:none !important; }
.futures-order-tabs .el-tabs__item > span { position:relative; }
.futures-order-tabs .el-tabs__item.is-active > span::after { content:""; position:absolute; right:0; bottom:-3px; left:0; height:2px; background:#fff; }
.futures-order-tabs .el-tabs__nav { display: flex; gap: 20px; }
.futures-order-tabs .el-tabs { margin-left: 10px !important; }
.futures-order-tabs-constnt .ref-table th { padding: 12px 30px 20px; }
.toolTime .ref-timeframe { border: 0; background: none; color: #858b94; padding: 6px 10px; font: 500 12px/20px Onest,sans-serif; }
.toolTime .ref-timeframe:hover { color: #9fe7f5; }
.toolTime .ref-timeframe.active { color: #fff; }
.vue-grid-item .item-close-icon { display: none !important; }
.currencyDom .family-coin { font: 600 20px/24px Onest,sans-serif !important; gap: 8px; }
.currencyDom .currency-label-top { margin: 0 !important; align-self: center; }
.currencyDom > svg{flex:none;transform:translateY(-6px)}
.trick .swiper { padding: 0 24px; box-sizing: border-box; }
.trick .swiper-wrapper { transform: none !important; }
.trick .swiper-button-prev,.trick .swiper-button-next { width: 22px; background: #0e1012; height: 100%; top: 0; margin: 0; color: #858b94; display: grid; place-items: center; cursor: pointer; }
.trick .swiper-button-prev:hover,.trick .swiper-button-next:hover { color: #9fe7f5; background: #202427; }
.order-book-tabs .tab-pane>.order-book { display: flex !important; }
.order-book-tabs .tab-pane>.trades { display: none !important; }
.order-book-tabs.show-trades .tab-pane>.order-book { display: none !important; }
.order-book-tabs.show-trades .tab-pane>.trades { display: flex !important; height: 100%; overflow: hidden; }
.order-book-tabs .trade-list-item { display: grid !important; grid-template-columns: 1fr 1fr 1fr; height: 24px; min-height: 24px; align-items: center; padding: 0 16px; font-size: 12px; }
.order-book-tabs .last-trades-header { display: grid !important; grid-template-columns: 1fr 1fr 1fr; height: 32px; align-items: center; box-sizing: border-box; padding: 0 16px; }
.order-book-tabs .last-trades-header .amount-col,.order-book-tabs .trade-list-item .amount-col { width: auto !important; text-align: center; }
.order-book-tabs .trade-list-item .time-col { text-align: right; }
.order-book-tabs .order-book-items .overlay { display: none !important; }
.order-book-tabs .order-book-row.ref-depth-hover { background-color: #2b3139 !important; }
.ref-tooltip.ref-depth-tip { border-radius: 3px; line-height: 22px; font-weight: 500; }
.ref-market-picker { padding: 0 !important; height: min(600px,calc(100vh - 200px)); border: 1px solid #303336 !important; border-radius: 8px !important; background: #0e1012 !important; overflow: hidden; font-family: Onest,sans-serif !important; }
.ref-market-picker>div { display: flex; flex-direction: column; height: 100%; }
.ref-market-picker .asset-name-input { padding: 16px; margin: 0; }
.ref-market-picker .symbol-category-swiper { flex: none; padding: 0 16px; }
.ref-market-picker .symbol-category-swiper .swiper-wrapper { display: flex; transform: none !important; gap: 6px; }
.ref-market-picker .symbol-category-swiper .swiper-slide { width: auto !important; flex: none; }
.ref-market-picker .tag { cursor: pointer; }
.ref-market-picker .token-header { display: grid; grid-template-columns: minmax(0,1fr) 96px 78px; padding: 0 21px 0 12px; margin: 20px 0 12px; color: #858b94; font-size: 12px; flex: none; }
.ref-market-picker .token-header-symbol { display: flex; gap: 6px; }
.ref-market-picker .token-header .price-col,.ref-market-picker .token-header .rate-col { display: flex; align-items: center; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right; justify-content: flex-end; }
.ref-market-picker .token-header .price-col .icon-sort,.ref-market-picker .token-header .rate-col .icon-sort { display: none; }
.ref-market-picker .symbol-scrollbar { flex: 1; min-height: 0; }
.ref-market-picker .el-scrollbar__wrap { height: 100%; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #42464b transparent; }
.ref-market-picker .token-row { display: grid !important; grid-template-columns: minmax(0,1fr) 96px 78px; align-items: center; padding: 8px 12px; min-height: 54px; cursor: pointer; }
.ref-market-picker .token-row:hover,.ref-market-picker .token-row.active { background: #1d2023; }
.ref-market-picker .token-name { display: flex; align-items: center; min-width: 0; gap: 8px; }
.ref-market-picker .token-name>svg { width: 16px; height: 16px; margin: 0; flex: none; }
.ref-market-picker .token-name img { flex: none; margin: 0; }
.ref-market-picker .token-name-content { min-width: 0; }
.ref-market-picker .token-symbol-line { display: flex; align-items: center; gap: 3px; }
.ref-market-picker .token-symbol-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.ref-market-picker .token-row .price-col,.ref-market-picker .token-row .rate-col { width: auto !important; text-align: right; font-size: 13px; }
.ref-market-picker .token-valume-text { font-size: 12px; color: #858b94; }
.ref-market-picker .el-popper__arrow { display: none; }
.ref-market-picker .tag,.currencyDom { touch-action: manipulation; }
/* Smoked glass shared by the reference dropdowns and favorite quote cards. */
.ref-book-step-menu,
.ref-market-picker,
.ref-favorites-copy .ref-favorite-card {
  background: linear-gradient(110deg,rgba(31,33,35,.83) 0%,rgba(43,34,39,.83) 56%,rgba(64,43,53,.82) 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  box-shadow: 0 16px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045);
}
.ref-book-step-menu { width: 236px; padding: 12px 0; border-radius: 16px; }
.ref-book-step-menu button { height: 47px; padding: 0 15px; border-radius: 8px; font-size: 15px; font-weight: 600; }
.ref-book-step-menu button:hover,.ref-book-step-menu button[aria-selected=true] { background: linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.075)); }
.ref-market-picker { border-radius: 12px !important; }
.ref-market-picker>div,.ref-market-picker .symbol-scrollbar,.ref-market-picker .el-scrollbar,.ref-market-picker .el-scrollbar__wrap,.ref-market-picker .el-scrollbar__view { background: transparent !important; }
.ref-market-picker .token-row:hover,.ref-market-picker .token-row.active { background: rgba(255,255,255,.09) !important; }
.ref-favorites-copy .ref-favorite-card { border-radius: 7px; padding: 3px 7px; }
.ref-favorites-copy .ref-favorite-remove { background: linear-gradient(90deg,rgba(51,39,45,.1),rgba(51,39,45,.95) 35%); }
.ref-position-preview[data-side=long] .ref-preview-loss,
.ref-position-preview[data-side=short] .ref-preview-profit { display: none; }
.ref-position-preview[data-side=long] .ref-preview-profit {
  background: linear-gradient(to top,rgba(12,203,129,.23),rgba(12,203,129,.08) 45%,transparent);
  filter: blur(10px);
  transform-origin: bottom;
}
.ref-position-preview[data-side=short] .ref-preview-loss {
  background: linear-gradient(to bottom,rgba(233,54,120,.23),rgba(233,54,120,.08) 45%,transparent);
  filter: blur(10px);
  transform-origin: top;
}
.ref-position-preview.visible[data-side=long] .ref-preview-profit,
.ref-position-preview.visible[data-side=short] .ref-preview-loss { animation: ref-direction-reveal .35s ease-out both; }
@keyframes ref-direction-reveal { from { opacity: 0; transform: scaleY(.82); } to { opacity: 1; transform: scaleY(1); } }
.futures-footer { bottom: 0 !important; height: 24px !important; min-height: 24px; padding: 0 !important; box-sizing: border-box; }
.futures-footer > .recommend-symbol-list,
.futures-footer > .flex-row.items-center:last-child { display: none !important; }
.futures-footer .footer-smybol-list { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; height: 24px !important; }
.futures-footer .infinity-scroll { height: 24px !important; }
.futures-footer .infinity-scroll-items { top: 2px !important; }
.ref-chart-main .ref-volume-separator { position: absolute; left: 0; right: 0; top: calc(var(--price-share,68%) - 4px); height: 8px; z-index: 7; cursor: ns-resize; touch-action: none; border: 0; padding: 0; background: transparent; }
.ref-chart-main .ref-volume-separator:hover,.ref-chart-main .ref-volume-separator:focus-visible { background: #9fe7f533; }
.ref-chart-main .ref-draw-layer { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; touch-action: none; }
.ref-chart-main .ref-draw-layer.is-cursor { pointer-events: none; }
.ref-chart-main .ref-draw-layer:not(.is-cursor) { cursor: crosshair; }
.ref-chart-tools .native-draw-toolbar,.ref-chart-tools .native-draw-main { display: flex; flex-direction: column; gap: 6px; }
.ref-chart-tools .native-draw-toolbar button { width: 34px; height: 30px; display: grid; place-items: center; padding: 5px; }
.ref-chart-tools .native-draw-toolbar button:hover,.ref-chart-tools .native-draw-toolbar button.active { background: #24282c; color: #9fe7f5; }
.ref-chart-tools .native-draw-toolbar svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.ref-draw-edit { display: none; position: fixed; z-index: 10010; background: #24282c; padding: 4px 6px; gap: 4px; border: 1px solid #42464b; border-radius: 5px; align-items: center; }
.ref-draw-edit.open { display: flex; }
.ref-draw-edit button { width: 24px; height: 24px; padding: 2px; border: 0; background: transparent; color: #b9c0c6; cursor: pointer; }
.ref-draw-edit input { width: 20px; height: 20px; padding: 0; }
.ref-draw-edit svg { stroke: currentColor; fill: none; width: 18px; height: 18px; }
.ref-draw-edit [data-draw-style] span,.ref-draw-edit [data-draw-width] span { width: 20px; display: block; border-top: 1px solid currentColor; }
.ref-draw-edit .style-1 { border-top-style: dotted !important; }
.ref-draw-edit .style-2 { border-top-style: dashed !important; }
/* Keep every header control on the same optical centerline. */
.c-layout-header .nav-right .ref-header-icon,
.c-layout-header .nav-right .nav-icon-btn-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  box-sizing: border-box;
}
.c-layout-header .nav-right .ref-header-button {
  justify-content: center;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease;
}
.c-layout-header .nav-right [data-search],
.c-layout-header .nav-right [data-header-search] { margin-right: 16px; }
.c-layout-header .nav-right [data-search] svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c-layout-header .nav-right [data-search] svg circle,.c-layout-header .nav-right [data-search] svg path{fill:none}
.c-layout-header .nav-right .ref-deposit {
  display: inline-grid;
  place-items: center;
  padding: 0;
  text-align: center;
  line-height: 1;
}
.c-layout-header .nav-right [data-orders] { gap: 6px; padding: 0 12px; }
.ref-orders-chevron { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.c-layout-header .nav-right .header-down { margin: 0; }
.c-layout-header .nav-right .nav-icon-btn-download { display: none !important; }
.c-layout-header .icon-logo img { display: block; flex: none; transform: translateY(-2px); }
.ref-header-icon>span{display:block;width:24px;height:24px}.icon-logo img{filter:grayscale(1) brightness(2)}.layout-exchange.responsive-layout.futures-trade-layout{padding-top:0!important}.futures-footer{overflow:hidden}.footer-smybol-list{left:220px!important;right:155px!important;overflow:hidden}.ref-footer-ticker{height:20px;align-items:center}.futures-order-tabs{flex-wrap:nowrap!important}.futures-order-tabs>.el-scrollbar{flex:1;min-width:0}.ref-empty img{margin-bottom:12px}.ref-volume-chart #tv-attr-logo{display:none}.ref-price-chart #tv-attr-logo{transform:scale(.85);transform-origin:left bottom}
.futures-footer .footer-smybol-list{left:0!important;right:0!important;width:100%!important}
.ref-funding-summary{border-bottom:1px solid #292d30}.ref-funding-summary>div{display:flex;align-items:center;justify-content:space-between;min-height:31px;border-bottom:1px solid #25292b;font-size:12px}.ref-funding-summary>div:last-child{border:0}.ref-funding-summary span{color:#a1a9b0}.ref-funding-summary b{font-weight:600}.ref-funding-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 6px;font-size:13px}.ref-funding-heading>div{display:flex;gap:4px}.ref-funding-heading button{border:0;border-radius:4px;background:transparent;color:#969da4;padding:5px 10px}.ref-funding-heading button.selected{background:#292d30;color:#fff}.ref-funding-chart{height:min(260px,38vh);margin:0}.ref-funding-legend{display:flex;justify-content:center;gap:20px;color:#969da4;font-size:11px}.ref-funding-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;background:#09b77b}.ref-funding-legend span:last-child i{background:#aab0b6}.ref-chart-info [data-funding-status]{color:#969da4;font-size:12px}
.ref-leverage-dialog.ref-modal{width:450px;padding:24px}.ref-leverage-dialog.ref-modal .ref-leverage-stepper{height:52px;justify-content:space-between}.ref-leverage-dialog .ref-leverage-stepper button{width:44px;height:52px;padding:0;text-align:center}.ref-leverage-number{display:flex;align-items:center;justify-content:center;flex:1;font-weight:700}.ref-leverage-dialog.ref-modal .ref-leverage-number input{width:65px;padding:0;text-align:right;background:transparent;font-weight:700;appearance:textfield}.ref-leverage-dialog .ref-leverage-number input::-webkit-inner-spin-button{-webkit-appearance:none}.ref-leverage-dialog .ref-leverage-number span{padding-left:4px;color:#a4a8ab}.ref-leverage-track{position:relative;height:64px;margin:14px 4px 32px}.ref-leverage-track:before{content:"";position:absolute;left:0;right:0;top:13px;height:4px;background:linear-gradient(to right,#a4edfb var(--leverage-progress),#34393c var(--leverage-progress));border-radius:4px}.ref-leverage-dialog.ref-modal .ref-dialog-range{position:absolute;left:0;top:0;margin:0;width:100%;height:30px;background:none}.ref-leverage-dialog.ref-modal .ref-dialog-range::-webkit-slider-runnable-track{background:transparent}.ref-leverage-ticks{position:absolute;inset:0}.ref-leverage-ticks button{position:absolute;top:7px;padding:0;background:none;border:0;color:#858b90;transform:translateX(-50%);font-size:12px;font-weight:600}.ref-leverage-ticks button i{display:block;width:9px;height:9px;margin:3px auto 12px;background:#34393c;transform:rotate(45deg)}.ref-leverage-ticks button.passed i{background:#a4edfb}.ref-leverage-dialog .ref-dialog-copy{margin:12px 0;line-height:18px}.ref-leverage-dialog .ref-dialog-copy b{float:right;color:#f3f5f5}.ref-leverage-dialog .ref-warning{line-height:18px}.ref-leverage-dialog .ref-confirm-wide{margin-top:24px}
@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Regular.woff2')}@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Medium.woff2');font-weight:500 600}@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Bold.woff2');font-weight:700}
.ref-leverage-ticks{z-index:2;pointer-events:none}.ref-leverage-ticks button{pointer-events:auto}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button{all:unset;box-sizing:border-box;position:absolute;top:7px;transform:translateX(-50%);width:34px;height:48px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;pointer-events:auto;color:#858b90;font:600 12px/16px Onest,sans-serif;text-align:center}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:first-child{left:0!important;transform:translateX(-8px)}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:last-child{left:100%!important;transform:translateX(calc(-100% + 8px))}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button i{display:block;flex:none;width:9px;height:9px;margin:0;background:#34393c;transform:rotate(45deg)}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button.passed i{background:#a4edfb}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:focus-visible{outline:1px solid #a4edfb;outline-offset:2px}
.ref-settings-dialog.ref-modal .ref-leverage-dialog .ref-dialog-copy{clear:both}
.ref-leverage-dialog.ref-modal .ref-dialog-copy:has([data-leverage-maximum]){display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ref-leverage-dialog.ref-modal .ref-dialog-copy [data-leverage-maximum]{float:none;white-space:nowrap}
.ref-leverage-dialog.ref-modal .ref-leverage-track:before{top:13px}
.ref-leverage-dialog.ref-modal .ref-dialog-range::-webkit-slider-runnable-track{background:transparent}
.ref-price-chart,.ref-volume-chart{touch-action:none;cursor:grab}
.ref-candle-countdown{position:absolute;top:0;right:0;width:85px;min-height:36px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--candle-marker-bg,#0ccb81);color:#fff;font:500 12px/16px Onest,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;z-index:8;white-space:nowrap;will-change:transform}.ref-candle-countdown[hidden]{display:none}
.ref-prediction-closing-line{position:absolute;top:0;bottom:26px;width:1px;background:rgba(159,231,245,.6);box-shadow:0 0 6px rgba(159,231,245,.18);pointer-events:none;z-index:7}.ref-prediction-closing-line[hidden]{display:none}.ref-prediction-closing-line:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:7px solid #9fe7f5;border-right:7px solid transparent}.ref-prediction-closing-line>span{position:absolute;top:18px;left:8px;white-space:nowrap;color:#aeb9bd;font:500 11px/14px Onest,sans-serif;text-shadow:0 1px 2px #0e1012}.ref-prediction-closing-line b{display:block;color:#fff;font-weight:600}
.ref-prediction-terminal .ref-prediction-closing-line{background:rgba(159,231,245,.78);box-shadow:none}
@media(max-width:900px){.ref-prediction-closing-line>span{left:auto;right:8px;text-align:right;max-width:calc(100vw - 110px)}}
.ref-prediction-terminal .ref-open-buttons button:disabled{color:#a8b2ae!important;background:#26352f!important;box-shadow:inset 0 0 0 1px rgba(12,203,129,.14)!important;filter:none!important;opacity:1!important;cursor:not-allowed!important}
.ref-prediction-terminal .ref-open-buttons button[data-side=down]:disabled{color:#b6aab0!important;background:#372a30!important;box-shadow:inset 0 0 0 1px rgba(233,54,120,.15)!important}
body.ref-prediction-terminal .trick_left .swiper-slide dt{font-family:'Host Grotesk Number',Onest,Arial,sans-serif!important}
.ref-prediction-terminal .ref-open-buttons button:disabled:hover{filter:none!important;transform:none!important}
.ref-prediction-bet-line{position:absolute;left:0;right:195px;height:2px;transform:translateY(-1px);z-index:5;pointer-events:none;background:repeating-linear-gradient(90deg,var(--bet-line-color,#8b95a3) 0 12px,transparent 12px 17px)}
.ref-prediction-bet-line[hidden]{display:none}
.ref-prediction-bet-label{display:none}
@media(max-width:900px){
  .ref-prediction-bet-label:not([hidden]){position:absolute;right:85px;z-index:6;display:block;box-sizing:border-box;padding:2px 4px;overflow:hidden;border-radius:2px;color:#fff;font-family:Onest,sans-serif;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);pointer-events:none}
  .ax-ti-slider,.ref-leverage-track,.ref-calculator .ref-calc-slider{touch-action:none!important}
}
.ref-prediction-terminal .ref-position-preview[data-side=long] .ref-preview-profit{background:linear-gradient(to top,rgba(12,203,129,.34),rgba(12,203,129,.12) 45%,transparent);filter:blur(8px)}
.ref-prediction-terminal .ref-position-preview[data-side=short] .ref-preview-loss{background:linear-gradient(to bottom,rgba(233,54,120,.34),rgba(233,54,120,.12) 45%,transparent);filter:blur(8px)}
.ref-prediction-terminal .ref-position-preview[data-side=long] .ref-preview-line{background:linear-gradient(to bottom,transparent,rgba(12,203,129,.24) 50%,transparent)}
.ref-prediction-terminal .ref-position-preview[data-side=short] .ref-preview-line{background:linear-gradient(to bottom,transparent,rgba(233,54,120,.24) 50%,transparent)}
.ref-price-chart.ref-chart-dragging,.ref-volume-chart.ref-chart-dragging{cursor:grabbing}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-track{height:56px;margin:18px 4px 28px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-track:before{top:13px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-dialog-range{appearance:none!important;position:absolute;z-index:4;top:0;left:0;width:100%;height:30px;margin:0!important;padding:0!important;opacity:0;cursor:pointer}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks{z-index:5}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button{top:10px;transform:translateX(-50%);height:36px;gap:9px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button:first-child,.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button:last-child{transform:translateX(-50%)}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button.current i{opacity:0}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-handle{position:absolute;z-index:3;top:15px;left:var(--leverage-progress);width:12px;height:12px;box-sizing:border-box;background:#a4edfb;border:2px solid #151819;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-number input{width:2ch;min-width:1ch;flex:none;padding:0;text-align:right}
/* Glass surface shared by Futures dialogs and floating selection lists. */
.ref-modal-backdrop.ref-modal-backdrop{
  background:rgba(2,5,8,.30);
  backdrop-filter:blur(4px) brightness(.76);
  -webkit-backdrop-filter:blur(4px) brightness(.76);
}
.ref-modal,.ref-settings-dialog.ref-modal,.ref-calculator.ref-modal{
  background:linear-gradient(125deg,rgba(27,32,37,.66),rgba(15,19,24,.60) 52%,rgba(40,27,37,.65)) padding-box,linear-gradient(135deg,rgba(255,255,255,.34),rgba(174,226,237,.11) 42%,rgba(244,179,214,.27)) border-box;
  border:1px solid transparent;
  backdrop-filter:blur(12px) saturate(145%);
  -webkit-backdrop-filter:blur(12px) saturate(145%);
  box-shadow:0 28px 75px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.12),inset 0 0 38px rgba(255,255,255,.02);
}
.ref-book-step-menu,.ref-market-picker,.ref-calc-market-menu,.ref-order-select-menu{
  background:linear-gradient(120deg,rgba(43,46,51,.48),rgba(31,28,34,.38) 48%,rgba(64,38,51,.48)) padding-box,linear-gradient(135deg,rgba(255,255,255,.43),rgba(161,222,233,.13) 52%,rgba(238,163,206,.34)) border-box!important;
  border:1px solid transparent!important;
  backdrop-filter:blur(16px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(155%)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.17),inset 0 0 28px rgba(255,255,255,.025)!important;
}
.ref-market-picker,.ref-book-step-menu,.arcus-global-search,.arcus-wallet-menu,.c-layout-header .ref-perpetuals-menu{
  background:rgba(22,28,33,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(24px) brightness(.73) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) brightness(.73) saturate(145%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12)!important;
}
.c-layout-header .ref-perpetuals-menu{
  background:linear-gradient(120deg,rgba(22,27,31,.99),rgba(26,25,29,.985) 55%,rgba(39,27,34,.99))!important;
}
.futures-profit-loss .el-checkbox__original:checked + .el-checkbox__inner{border-color:#9fe7f5;background:#9fe7f5}
.futures-profit-loss .el-checkbox__original:checked + .el-checkbox__inner::after{content:"";position:absolute;top:1px;left:4px;width:3px;height:7px;border:solid #111a1c;border-width:0 2px 2px 0;transform:rotate(45deg) scale(1);opacity:1}
.ref-risk-expanded .ref-risk-fields,.ref-risk-expanded .ref-risk-fields>div{overflow:visible}
.ref-risk-fields label{position:relative}
.ref-risk-fields label:has(.ref-risk-price-menu:not([hidden])){z-index:30}
.ref-risk-fields label:has(.ref-risk-price-menu:not([hidden])){margin-bottom:84px}
.ref-risk-price-source>button{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 7px!important;border:0!important;outline:0;background:#202425;color:#fff}
.ref-risk-price-source>button svg{display:block;flex:none;width:11px;height:11px}
.ref-risk-price-menu{top:44px;right:0;width:68px;padding:3px;border:0!important;border-radius:8px;background:#262a2d!important;box-shadow:0 10px 22px rgba(0,0,0,.35)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ref-risk-fields label:last-child .ref-risk-price-menu{top:44px;bottom:auto}
.ref-risk-price-menu button{padding:0 8px;border:0!important;border-radius:5px;background:transparent;text-align:left}
.ref-risk-price-menu button:hover{background:#363b3e}
.ref-risk-dialog .ref-risk-section h4{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;font-size:14px;line-height:32px}
.ref-risk-dialog .ref-risk-section select[data-advanced-source]{float:none;flex:0 0 150px;width:150px;height:32px;margin:0;padding:0 10px;border:0;border-radius:7px;background:#252a2d;color:#fff;font-size:12px}
.ref-risk-dialog .ref-risk-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;align-items:start}
.ref-risk-dialog .ref-risk-pair label{display:block;min-width:0}
.ref-risk-dialog .ref-risk-pair input{display:block;width:100%;height:42px;margin:6px 0 0}
.ref-risk-dialog .ref-risk-section h4{position:relative;overflow:visible}
.ref-risk-dialog .ref-advanced-source{position:relative;display:block;flex:0 0 150px;width:150px;float:none;border:0;background:none;color:#fff;font-size:12px;z-index:12}
.ref-risk-dialog .ref-advanced-source [data-advanced-toggle]{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(120deg,rgba(51,60,61,.75),rgba(39,45,48,.65));color:#f0f4f5;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.ref-risk-dialog .ref-advanced-source [data-advanced-toggle]:hover,.ref-risk-dialog .ref-advanced-source [data-advanced-toggle][aria-expanded=true]{border-color:rgba(159,231,245,.34);background:linear-gradient(120deg,rgba(59,70,72,.78),rgba(47,51,56,.72))}
.ref-risk-dialog .ref-advanced-source svg{width:12px;height:12px;flex:none;margin-left:8px}
.ref-risk-dialog .ref-advanced-menu{position:absolute;top:39px;right:0;z-index:15;width:100%;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:linear-gradient(130deg,rgba(43,53,55,.94),rgba(42,37,47,.92));-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 14px 28px rgba(0,0,0,.38)}
.ref-risk-dialog .ref-advanced-menu[hidden]{display:none}
.ref-risk-dialog .ref-advanced-menu button{display:block;width:100%;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#e9eef0;text-align:left;font-size:12px}
.ref-risk-dialog .ref-advanced-menu button:hover,.ref-risk-dialog .ref-advanced-menu button:focus-visible{background:rgba(159,231,245,.13);color:#c2f0f7}
.ref-risk-field:has(.ref-risk-mark){position:relative;gap:0}
.ref-risk-field:has(.ref-risk-mark) input{padding-right:62px}
.ref-risk-field .ref-risk-mark{position:absolute;right:12px;top:0;display:flex;align-items:center;height:42px;color:#aebabe;font-size:12px;font-weight:600;pointer-events:none}
.ref-risk-dialog .ref-advanced-mark{display:inline-flex;align-items:center;color:#aebabe;font-size:12px;font-weight:600}
.ref-order-confirm-modal.ref-modal{position:relative;width:min(450px,calc(100vw - 32px));padding:24px;border-radius:18px;box-sizing:border-box;font:500 14px/1.4 Onest,sans-serif}
.ref-order-confirm-modal h2{display:none}
.ref-order-confirm-modal .ref-close{position:absolute;right:20px;top:15px;padding:0;border:0;background:none;color:#f3f5f6;font-size:27px;line-height:30px}
.ref-confirm-heading{display:flex;align-items:center;gap:10px;padding-right:30px;color:#fff;font-size:21px;line-height:28px}
.ref-confirm-heading img{width:27px;height:27px;object-fit:contain}
.ref-confirm-tags{display:flex;align-items:center;gap:7px;margin:12px 0 22px}
.ref-confirm-tags span{padding:3px 8px;border-radius:3px;background:rgba(255,255,255,.09);color:#c3c9cd;font-size:11px;font-weight:700}
.ref-confirm-tags .ref-confirm-side.long{background:rgba(12,203,129,.15);color:#18d997}
.ref-confirm-tags .ref-confirm-side.short{background:rgba(233,54,120,.15);color:#ff6b9d}
.ref-confirm-details{display:grid;gap:14px;padding:19px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ref-confirm-details>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.ref-confirm-details span{color:#a2aab2}.ref-confirm-details b{color:#f5f7f8;text-align:right;font-weight:650}
.ref-confirm-details .liquidation b{color:#ffd66f}
.ref-confirm-message{margin:17px 0 0;color:#b6bec4;line-height:1.5;font-size:12px}
.ref-confirm-optout{display:flex;align-items:center;gap:9px;margin:20px 0;color:#aeb6bd;cursor:pointer;font-size:12px}
.ref-confirm-optout input{appearance:none;flex:none;width:15px;height:15px;margin:0;border:1px solid #818a91;border-radius:4px;background:transparent;cursor:pointer}
.ref-confirm-optout input:checked{border-color:#8fe8f5;background:#8fe8f5;box-shadow:inset 0 0 0 3px #203338}
.ref-confirm-actions{display:flex;gap:6px;margin-top:18px}
.ref-confirm-actions button{flex:1;height:48px;border:0;border-radius:28px;background:#2a3033;color:#fff;font-size:15px;font-weight:700}
.ref-confirm-actions [data-confirm].long{background:#0bb77c}.ref-confirm-actions [data-confirm].short{background:#e93678}
.ref-confirm-actions button:hover{filter:brightness(1.12)}
.ref-settings-dialog .ref-leverage-stepper,.ref-settings-dialog .ref-readonly,.ref-calculator .ref-calc-input{
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.futures-order-tabs-constnt .ref-table { table-layout: fixed; min-width: 1450px; }
.futures-order-tabs-constnt .ref-table th,
.futures-order-tabs-constnt .ref-table td { box-sizing: border-box; height: 68px; padding: 12px 8px; vertical-align: middle; text-align: center; line-height: 18px; }
.futures-order-tabs-constnt .ref-table th:first-child,
.futures-order-tabs-constnt .ref-table td:first-child { text-align: left; padding-left: 18px; }
.futures-order-tabs-constnt .ref-table th:nth-child(3),
.futures-order-tabs-constnt .ref-table td:nth-child(3) { width: 11%; }
.futures-order-tabs-constnt .ref-table th:nth-child(10),
.futures-order-tabs-constnt .ref-table td:nth-child(10),
.futures-order-tabs-constnt .ref-table th:nth-child(11),
.futures-order-tabs-constnt .ref-table td:nth-child(11) { width: 8%; }
.futures-order-tabs-constnt .ref-table button { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; }
.ref-toast.ref-toast { top: auto; bottom: 28px; min-width: 220px; max-width: min(440px,90vw); border: 1px solid #4d3940; border-radius: 10px; background: #292124; box-shadow: 0 12px 36px #0009; text-align: center; line-height: 20px; }
.ref-toast.ref-toast.success { border-color: #285344; background: #192d27; }
.arcus-futures-next .ref-toast.ref-toast { right: 20px; left: auto; bottom: 44px; width: min(430px,calc(100vw - 40px)); min-height: 58px; box-sizing: border-box; padding: 14px 18px; transform: none; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; background: linear-gradient(135deg,rgba(62,65,71,.50),rgba(27,26,34,.48)); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); font-size: 14px; line-height: 1.4; text-align: left; }
.ref-position-label-layer { position: absolute; inset: 0; z-index: 6; pointer-events: none; overflow: hidden; }
.ref-trade-risk-fill { position: absolute; left: 0; right: 85px; z-index: 0; pointer-events: none; background: linear-gradient(180deg,rgba(12,203,129,.012),rgba(12,203,129,.055)); }
.ref-trade-risk-fill.sl { background: linear-gradient(180deg,rgba(233,54,120,.012),rgba(233,54,120,.06)); }
.ref-trade-level { position: absolute; left: 0; right: 85px; height: 0; z-index: 2; --level-color: #3cffb2; pointer-events: none; }
.ref-trade-level.short:not(.tp),.ref-trade-level.sl { --level-color: #ff537d; }
.ref-trade-level.close-limit.long { --level-color: #ff537d; }
.ref-trade-level.close-limit.short { --level-color: #3cffb2; }
.ref-trade-level[hidden],.ref-trade-risk-fill[hidden] { display: none; }
.ref-trade-level-line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--level-color); box-shadow: 0 0 9px var(--level-color); opacity: .8; overflow: hidden; }
.ref-trade-level.limit .ref-trade-level-line,.ref-trade-level.close-limit .ref-trade-level-line,.ref-trade-level.tp .ref-trade-level-line,.ref-trade-level.sl .ref-trade-level-line { background: repeating-linear-gradient(90deg,var(--level-color) 0 6px,transparent 6px 11px); }
.ref-trade-level.tp .ref-trade-level-line,.ref-trade-level.sl .ref-trade-level-line { opacity: .55; box-shadow: 0 0 5px var(--level-color); }
.ref-trade-level-line::after { content: ''; position: absolute; top: 0; bottom: 0; left: -25%; width: 25%; background: linear-gradient(90deg,transparent,var(--level-color),transparent); filter: blur(2px); animation: ref-trade-line-glint 3.8s ease-in-out infinite; }
.ref-trade-level.tp .ref-trade-level-line::after,.ref-trade-level.sl .ref-trade-level-line::after { opacity: .5; }
@keyframes ref-trade-line-glint { to { left: 105%; } }
.ref-trade-level-badge { position: absolute; right: 0; top: 0; transform: translateY(-50%); box-sizing: border-box; min-width: 150px; min-height: 36px; padding: 5px 9px; display: flex; flex-direction: column; justify-content: center; gap: 1px; border: 1px solid color-mix(in srgb,var(--level-color) 70%,transparent); border-left: 2px solid var(--level-color); border-radius: 5px 0 0 5px; color: #eafff7; background: linear-gradient(125deg,rgba(34,45,46,.76),rgba(21,30,31,.7)); backdrop-filter: blur(9px); box-shadow: 0 4px 13px #0007,0 0 15px color-mix(in srgb,var(--level-color) 17%,transparent); white-space: nowrap; pointer-events: auto; }
.ref-trade-level.short:not(.tp) .ref-trade-level-badge,.ref-trade-level.sl .ref-trade-level-badge { color: #ffe1e9; background: linear-gradient(125deg,rgba(46,35,41,.77),rgba(29,23,28,.72)); }
.ref-trade-level.limit .ref-trade-level-badge,.ref-trade-level.tp .ref-trade-level-badge,.ref-trade-level.sl .ref-trade-level-badge { cursor: ns-resize; touch-action: none; }
.ref-trade-level.close-limit .ref-trade-level-badge { pointer-events: auto; cursor: ns-resize; touch-action: none; }
.ref-trade-level-badge * { touch-action: none; }
.ref-trade-level.is-offscreen .ref-trade-level-line { display: none; }
.ref-trade-level.is-offscreen .ref-trade-level-badge { cursor: pointer; }
.ref-trade-level.is-offscreen .ref-trade-level-badge::before { content: '▲'; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); padding: 4px 6px; color: var(--level-color); font-size: 10px; }
.ref-trade-level.is-offscreen[data-offscreen='below'] .ref-trade-level-badge::before { content: '▼'; }
.ref-open-order-filters { display:flex; gap:24px; align-items:center; padding:12px 24px 4px; }
.ref-open-order-filters button { border:0; background:none; padding:6px 0; color:#8e929a; font-size:13px; font-weight:600; }
.ref-open-order-filters button.is-active { color:#f6f7f8; border-bottom:2px solid #f6f7f8; }
.ref-open-order-filters .ref-cancel-all { margin-left:auto; padding:5px 14px; border-radius:20px; background:#25292c; color:#f5f5f6; font-size:11px; }
.futures-order-tabs-constnt .ref-open-orders-table.ref-table,
.futures-order-tabs-constnt .ref-order-history-table.ref-table { width:100%; min-width:1050px; table-layout:fixed; }
.futures-order-tabs-constnt .ref-assets-table.ref-table { width:100%; min-width:0; table-layout:fixed; }
.futures-order-tabs-constnt .ref-open-orders-table th,
.futures-order-tabs-constnt .ref-open-orders-table td,
.futures-order-tabs-constnt .ref-order-history-table th,
.futures-order-tabs-constnt .ref-order-history-table td { box-sizing:border-box; height:auto; padding:13px 12px; text-align:left; vertical-align:middle; line-height:19px; }
.futures-order-tabs-constnt .ref-open-orders-table th,
.futures-order-tabs-constnt .ref-order-history-table th { color:#8f969e; font-size:12px; font-weight:500; }
.futures-order-tabs-constnt .ref-open-orders-table td,
.futures-order-tabs-constnt .ref-order-history-table td { height:76px; color:#f2f4f5; font-size:13px; font-weight:600; }
.futures-order-tabs-constnt .ref-open-orders-table th:first-child,
.futures-order-tabs-constnt .ref-open-orders-table td:first-child,
.futures-order-tabs-constnt .ref-order-history-table th:first-child,
.futures-order-tabs-constnt .ref-order-history-table td:first-child { width:24%; padding-left:30px; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(2),
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(2) { width:15%; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(3),
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(3) { width:10%; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(4) { width:14%; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(5) { width:15%; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(6),
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(7) { width:7%; }
.futures-order-tabs-constnt .ref-open-orders-table th:nth-child(8) { width:8%; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(4) { width:19%; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(5) { width:22%; }
.ref-order-history-table .ref-history-secondary { color:#9298a0; font-weight:500; }
.ref-order-history-table .ref-history-status { display:inline-block; padding:3px 8px; border-radius:3px; background:#252a2c; color:#bcc3c8; font-size:11px; }
.ref-order-history-table .ref-history-status.filled { background:#142c24; color:#20d799; }
.ref-order-history-table .ref-history-status.cancelled,
.ref-order-history-table .ref-history-status.liquidated { background:#38212a; color:#ff7398; }
.ref-history-more { display:flex; align-items:center; justify-content:center; min-height:58px; color:#929ba2; font-size:12px; }
.ref-history-more button { min-width:130px; height:32px; padding:0 18px; border:1px solid #3b4246; border-radius:18px; background:#24292c; color:#f0f4f5; font-size:12px; }
.ref-history-more button:hover { border-color:#93dce4; color:#b8f0f5; }
.ref-historical-position { padding:12px 14px 18px; border-bottom:1px solid #292d30; color:#f4f6f7; }
.ref-historical-position header { display:flex; align-items:center; gap:8px; min-height:38px; margin-bottom:18px; }
.ref-historical-position header img { width:30px; height:30px; object-fit:contain; }
.ref-historical-position header strong { margin-right:10px; font-size:18px; font-weight:700; }
.ref-historical-position .ref-order-side { margin-top:0; }
.ref-historical-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ref-historical-grid>div { display:grid; grid-template-rows:18px 25px 18px 25px; align-content:start; }
.ref-historical-grid>div:last-child { grid-template-rows:18px 25px; }
.ref-historical-grid span { color:#9aa2a9; font-size:12px; line-height:18px; text-decoration:none; }
.ref-historical-grid b { font-size:14px; line-height:23px; font-weight:650; white-space:nowrap; }
.ref-prediction-history .ref-historical-grid>div:last-child{grid-template-rows:18px 25px 18px 25px}
.ref-prediction-history-status{display:inline-block;padding:3px 8px;border-radius:3px;background:#252a2c;color:#bcc3c8;font-size:11px}
.ref-prediction-history-status.won{background:#142c24;color:#20d799}
.ref-prediction-history-status.lost{background:#38212a;color:#ff7398}
.futures-order-tabs-constnt .ref-assets-table th,
.futures-order-tabs-constnt .ref-assets-table td { width:25%; height:auto; box-sizing:border-box; padding:12px 14px; text-align:left; white-space:nowrap; }
.futures-order-tabs-constnt .ref-assets-table th { color:#a5acb4; font-size:12px; font-weight:500; line-height:18px; }
.futures-order-tabs-constnt .ref-assets-table td { height:68px; border-bottom:0; color:#f5f7f8; font-size:14px; font-weight:650; font-variant-numeric:tabular-nums; }
.futures-order-tabs-constnt .ref-assets-table th:first-child,
.futures-order-tabs-constnt .ref-assets-table td:first-child { padding-left:14px; }
.futures-order-tabs-constnt .ref-table th:first-child,
.futures-order-tabs-constnt .ref-table td:first-child,
.futures-order-tabs-constnt .ref-order-history-table.ref-table th:first-child,
.futures-order-tabs-constnt .ref-order-history-table.ref-table td:first-child,
.futures-order-tabs-constnt .ref-assets-table.ref-table th:first-child,
.futures-order-tabs-constnt .ref-assets-table.ref-table td:first-child { padding-left:30px; }
.futures-order-tabs-constnt .ref-open-order-filters { padding-left:30px; }
.futures-order-tabs-constnt .ref-historical-position { padding-left:30px; }
.ref-assets-coin { display:inline-flex; align-items:center; gap:10px; }
.futures-order-tabs-constnt .ref-empty { top:110px; bottom:auto; }
.ref-assets-coin strong { font-weight:650; }
.ref-assets-usdc-icon { display:block; width:32px; height:32px; flex:none; }
.futures-assets [data-asset-value].ref-green { color:#0ccb81 !important; }
.futures-assets [data-asset-value].ref-red { color:#e93678 !important; }
.vue-grid-layout > .vue-grid-item { outline: none !important; }
.ref-easy .order-book-row { cursor:default; }
.ref-easy .order-book-row:hover { background-color:transparent!important; }
.TickFavorite .ref-futures-route-button { min-width:112px; height:38px; padding:0 14px; border:1px solid #3a3f42; border-radius:8px; background:#252a2d; color:#f5f6f7; font-weight:600; }
.TickFavorite .ref-futures-route-button .ref-futures-route-icon { display:block; width:16px; height:16px; flex:none; }
.TickFavorite .ref-futures-route-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; }
.ref-futures-live .TickFavorite { position:relative; }
.ref-futures-live .TickFavorite .favorite-actions { position:absolute;left:0;right:16px;top:50%;transform:translateY(-50%);justify-content:flex-start; }
@media(min-width:1401px){.ref-futures-live .TickFavorite .favorite-actions{left:auto!important;right:16px!important;width:max-content!important}.arcus-mobile-grid-4 .fee-rate-value{max-width:calc(100% - 50px);white-space:normal!important;text-align:right}}
.ref-futures-live .TickFavorite .contract-mode-switcher { margin-inline-end:10px!important; }
.ref-futures-live .TickFavorite .contract-mode-tab { padding-inline:6px!important; }
.ref-futures-live .TickFavorite .demo-futures-btn { order:2; margin-inline-start:auto!important; margin-inline-end:0!important; padding-inline:6px!important; }
.ref-futures-live .TickFavorite .lazy-popover-trigger:has(.reckoner) { order:1; margin-inline-end:0!important; }
.ref-futures-demo .TickFavorite .ref-futures-route-button { background:#fff; border-color:#fff; color:#16191b; }
.ref-futures-demo .TickFavorite { justify-content:space-between!important; }
.ref-futures-demo .TickFavorite > :first-child { min-width:0; flex:0 0 auto; overflow:hidden; }
.ref-futures-demo .TickFavorite .favorite-actions { flex:none; }
.ref-futures-demo .TickFavorite .favorite-actions > :not(.ref-futures-route-button):not(.ref-futures-account-switch) { display:none!important; }
body:not(.ref-synthetic) .TickFavorite .ref-futures-account-switch { position:relative; order:2; flex:none; margin-inline-start:auto; }
body:not(.ref-synthetic) .ref-futures-account-switch .demo-futures-btn { display:inline-flex; align-items:center; gap:8px; min-width:118px; margin:0!important; white-space:nowrap; }
body:not(.ref-synthetic) .ref-futures-account-menu { position:fixed; z-index:10020; width:254px; padding:6px; border:1px solid #ffffff29; border-radius:12px; background:#202225ed; backdrop-filter:blur(20px); box-shadow:0 18px 40px #0006; }
body:not(.ref-synthetic) .ref-futures-account-menu[hidden] { display:none; }
body:not(.ref-synthetic) .ref-futures-account-menu button { display:block; width:100%; padding:10px 12px; border:0; border-radius:8px; background:transparent; color:#f5f6f7; text-align:left; font:600 13px/18px Onest,sans-serif; cursor:pointer; }
body:not(.ref-synthetic) .ref-futures-account-menu button:hover,body:not(.ref-synthetic) .ref-futures-account-menu button.is-active { background:#ffffff1a; }
body:not(.ref-synthetic) .ref-futures-account-menu small { display:block; margin-top:3px; color:#aab0b5; font:400 11px/15px Onest,sans-serif; }
.futures-available { position:relative; }
.ref-futures-refill { flex:none; display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:5px; background:#263037; color:#c8e7ef; font:600 21px/1 Onest,sans-serif; }
.ref-futures-refill[hidden] { display:none!important; }
.ref-futures-refill:hover,.ref-futures-refill:focus-visible { background:#34424a; }
.ref-futures-refill:disabled { opacity:.5; cursor:wait; }
.ref-futures-refill-help { display:none; position:fixed; z-index:10100; width:245px; max-width:calc(100vw - 24px); padding:12px 14px; border:1px solid #3b4144; border-radius:8px; background:#252a2d; color:#f4f6f7; font:500 12px/18px Onest,sans-serif; box-shadow:0 12px 28px #0009; pointer-events:none; }
.ref-futures-refill-help.is-visible { display:block; }
@media(max-width:900px){.ref-futures-refill-help.is-visible{display:none!important}}
.ref-futures-demo .ref-futures-demo-assets-actions { display:none!important; }
.futures-assets [data-asset-value].ref-asset-masked,
.futures-order-tabs-constnt .ref-assets-table td.ref-asset-masked { color:#8f969e !important; }
.ref-open-orders-table th,.ref-open-orders-table td { padding:15px 18px; line-height:1.45; vertical-align:middle; }
.ref-open-orders-table th { font-size:11px; }
.futures-order-tabs-constnt .ref-table th span { border-bottom:0!important; text-decoration:none!important; }
.futures-order-tabs-constnt .ref-table th span.ref-has-description { border-bottom:1px dashed #777!important; cursor:help; }
.ref-open-orders-table strong { color:#f4f5f7; }
.ref-order-side { display:inline-block; padding:2px 7px; margin-top:4px; border-radius:2px; font-size:11px; background:#102c24; color:#0ccb81; }
.ref-order-side.short { background:#35202c; color:#ff537d; }
.ref-order-side.down { background:#35202c; color:#ff537d; }
.ref-order-tag { display:inline-block; padding:2px 6px; margin-left:4px; border-radius:2px; font-size:11px; background:#272a2d; color:#c1c5ca; }
.ref-open-orders-empty { padding:40px; text-align:center; color:#9298a0; font-size:13px; }
.ref-trade-level.dragging { z-index: 5; }
.ref-trade-level.dragging .ref-trade-level-badge { box-shadow: 0 4px 18px #000b,0 0 23px var(--level-color); }
.ref-trade-level-badge strong { font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: .02em; }
.ref-trade-level-badge span { font-size: 10px; line-height: 12px; font-weight: 500; }
.ref-trade-level.limit .ref-trade-level-badge,
.ref-trade-level.close-limit .ref-trade-level-badge { padding-right:25px; }
.ref-trade-level-badge .ref-level-cancel { position:absolute; top:50%; right:4px; display:grid; place-items:center; width:20px; height:22px; padding:0; transform:translateY(-50%); border:0; border-radius:3px; background:transparent; color:rgba(235,247,244,.78); font-size:16px; line-height:1; cursor:pointer; }
.ref-trade-level-badge .ref-level-cancel:hover { background:rgba(255,255,255,.12); color:#fff; }
.ref-liquidation-level{position:absolute;left:0;right:85px;height:0;z-index:2;pointer-events:none}
.ref-liquidation-level span{position:absolute;right:8px;bottom:5px;padding:2px 5px;color:#aeb2b9;background:rgba(14,16,18,.78);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap}
.ref-position-preview[data-side=short] .ref-preview-loss { clip-path: inset(0); }
.ref-position-preview .ref-preview-line { top: calc(var(--entry-y) - 13px); height: 13px; background: linear-gradient(to bottom,transparent,rgba(12,203,129,.15)); filter: blur(5px); }
.ref-position-preview[data-side=short] .ref-preview-line { top: var(--entry-y); background: linear-gradient(to bottom,rgba(233,54,120,.16),transparent); clip-path: inset(0); }
/* Keep quote updates inside stable favorite-card columns. */
.ref-favorites-copy .ref-favorite-card { width:224px; min-width:224px; box-sizing:border-box; scroll-snap-align:start; }
.ref-favorites-copy .ref-favorite-open { display:grid; grid-template-columns:minmax(0,1fr) 50px 70px; align-items:center; gap:7px; width:100%; min-width:0; box-sizing:border-box; padding:4px 0; font-variant-numeric:tabular-nums; text-align:left; }
.ref-favorite-symbol { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ref-favorite-change,.ref-favorite-price { min-width:0; overflow:hidden; white-space:nowrap; text-align:right; }
/* The active top-level section is visible on live, demo, and synthetic pages. */
.c-layout-header .ref-nav-current .ref-section-label { position:relative; color:#9fe7f5; }
.c-layout-header .ref-nav-current .ref-section-label::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; border-radius:2px; background:#9fe7f5; }
.c-layout-header .ref-perpetuals-nav > a.ref-nav-current .menu-tip-tooltip { position:relative; }
.c-layout-header .ref-perpetuals-nav > a.ref-nav-current .icon-expand-menu { opacity:0; }
.c-layout-header .ref-perpetuals-nav > a.ref-nav-current .menu-tip-tooltip::after { content:""; position:absolute; right:0; top:50%; width:8px; height:6px; transform:translateY(-50%); background:#9fe7f5; clip-path:polygon(0 0,100% 0,50% 100%); pointer-events:none; }
.c-layout-header .ref-direct-nav > a.ref-nav-current { color:#9fe7f5; }
/* Drag the chart/positions divider on compact screens without changing the desktop layout. */
.ref-chart-resize-handle{position:absolute;left:0;height:18px;z-index:30;cursor:ns-resize;touch-action:none;user-select:none;background:transparent;outline:none}
.ref-chart-resize-handle::before,.ref-chart-resize-handle::after{content:"";position:absolute;top:8px;height:1px;background:#222527;transition:background-color .18s,box-shadow .18s}
.ref-chart-resize-handle::before{left:0;width:calc(var(--chart-knob-x) - 9px)}
.ref-chart-resize-handle::after{left:calc(var(--chart-knob-x) + 9px);right:0}
.ref-chart-resize-handle:hover::before,.ref-chart-resize-handle:hover::after,.ref-chart-resize-handle.is-dragging::before,.ref-chart-resize-handle.is-dragging::after,.ref-chart-resize-handle:focus-visible::before,.ref-chart-resize-handle:focus-visible::after{background:#9fe7f5bb;box-shadow:0 0 3px #9fe7f533}
.ref-chart-resize-gap{position:absolute;z-index:1;left:var(--chart-knob-x);top:7px;width:18px;height:3px;transform:translateX(-50%);background:#0e1012;pointer-events:none}
.ref-chart-resize-knob{position:absolute;z-index:2;left:var(--chart-knob-x);top:0;width:16px;height:16px;display:grid;place-items:center;transform:translateX(-50%);border:1px solid #a4cad044;border-radius:50%;color:#c7e9ed;background:#263238aa;box-shadow:inset 0 1px 0 #ffffff22,0 1px 3px #0008;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:.22;pointer-events:none;transition:opacity .2s,box-shadow .2s,border-color .2s}
.ref-chart-resize-knob svg{display:block;width:10px;height:10px}
.ref-chart-resize-handle:hover .ref-chart-resize-knob,.ref-chart-resize-handle.is-dragging .ref-chart-resize-knob,.ref-chart-resize-handle:focus-visible .ref-chart-resize-knob{opacity:.96;border-color:#b9e9f0aa;box-shadow:inset 0 1px 1px #ffffff66,0 2px 6px #000a,0 0 5px #8cdbeb55}
.ref-chart-resize-handle[hidden]{display:none!important}
html,body{margin:0;background:#0e1012;color:#fff;font-family:'Host Grotesk Number',Onest,sans-serif}body{min-width:1100px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid #9fe7f5;outline-offset:3px}.c-layout-header .icon-logo{background:none!important;width:120px;display:flex;align-items:center}.icon-logo img{width:120px;height:auto}.vue-resizable-handle,.vue-grid-placeholder{display:none!important}.vue-grid-layout{position:relative}.vue-grid-item{border-right:1px solid #222527;border-bottom:1px solid #222527;transition:none!important}.futures-main-content{margin-top:-4px!important}.content-pane{background:#0e1012!important}.trick{width:100%!important}.trick_left{min-width:0}.trick .swiper-wrapper{display:flex;gap:20px}.trick .swiper-slide{width:auto!important;flex-shrink:0}.trick .swiper{overflow:hidden}.trick_left>div:last-child{flex:1;width:auto!important;min-width:0}.tvBox{height:100%;display:flex;flex-direction:column}.tvBox>.chart{flex:1;min-height:0}.tv-chart-container{height:100%!important}.quick-order-wrapper,.quick-order{display:none!important}.order-book-tabs .trades{display:none}.order-book-tabs.show-trades .trades{display:flex}.order-book-tabs.show-trades .order-book{display:none}.order-book-items .overlay{display:none}.order-book-row{cursor:pointer;transition:background-color .12s}.order-book-row:hover{background-color:#34373b!important}.order-book-items{height:auto!important;flex:1;min-height:0}.order-book-list{display:flex;flex-direction:column}.order-book-row{height:20px;min-height:20px;line-height:20px}.last-price-row{flex:0 0 44px}.order-book-items ul{overflow:hidden}.ref-chart-wrap{position:relative;width:100%;height:100%;display:grid;grid-template-columns:50px 1fr;grid-template-rows:minmax(0,1fr) 28px}.ref-chart-tools{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px;border-right:1px solid #222527}.ref-chart-tools button{width:30px;height:26px;color:#737b82;background:none;border:0}.ref-chart-tools svg{width:22px;height:22px;fill:currentColor}.ref-chart-main{min-height:0;display:grid;grid-template-rows:68% 32%;position:relative}.ref-price-chart,.ref-volume-chart{min-height:0;position:relative}.ref-volume-chart{border-top:1px solid #222527}.ref-chart-legend{position:absolute;top:8px;left:12px;z-index:2;pointer-events:none;color:#818a97;font-size:12px}.ref-chart-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 12px;font-size:12px}.ref-header-button{height:42px;padding:0 14px;border:0;background:none;color:#fff;display:inline-flex;align-items:center;gap:5px;font-size:14px}.ref-header-button:hover{color:#9fe7f5}.ref-deposit{border-radius:24px;color:#102027;background:#9fe7f5;margin-right:10px;min-width:98px}.ref-deposit:hover{background:#bef1fa;color:#102027}.ref-header-icon{width:42px;height:42px;padding:9px;border:0;background:none;color:white;border-radius:8px}.ref-header-icon svg{width:24px;height:24px;fill:currentColor}.ref-header-icon:hover{background:#202427;color:#9fe7f5}.ref-open-buttons{display:flex;gap:4px;margin-top:24px}.ref-open-buttons button{width:50%;height:42px;border:0;border-radius:25px;color:white;font-size:16px;font-weight:600;background:#0ccb81}.ref-open-buttons .short{background:#e93678}.ref-open-buttons button:hover{filter:brightness(1.15)}.ref-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;font-size:12px;color:#81858c}.ref-risk-grid>div:nth-child(even){text-align:right}.ref-risk-grid b{display:block;color:#fff;font-weight:500}.ref-risk-grid span{border-bottom:1px dashed #777}.ref-slider-input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0}.ax-ti-slider{position:relative}.ref-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.ref-table th{text-align:left;padding:18px 24px;color:#858b94;font-weight:500}.ref-table th span{border-bottom:1px dashed #777}.ref-table td{padding:18px 24px;border-bottom:1px solid #222527}.ref-table button{border:1px solid #34373b;border-radius:4px;padding:6px 16px;background:#202427;color:white}.ref-empty{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);text-align:center;font-size:14px;color:#aab1ba}.ref-empty svg{width:64px;height:64px;display:block;margin:0 auto 14px}.ref-tooltip{position:fixed;z-index:9999;background:#24282a;padding:12px;border-radius:6px;box-shadow:0 4px 20px #0003;font-size:12px;max-width:350px;line-height:18px;pointer-events:none}.ref-tooltip>div{display:flex;justify-content:space-between;gap:24px}.ref-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#0009;display:grid;place-items:center}.ref-modal{background:#202427;border:1px solid #34373b;border-radius:12px;padding:24px;width:440px;max-height:80vh;overflow:auto}.ref-modal h2{font-size:20px;margin:0 0 20px}.ref-modal input{width:100%;background:#151719;color:white;padding:12px;border:1px solid #34373b;border-radius:6px;margin-bottom:14px}.ref-modal button{background:#2c3033;color:white;border:0;border-radius:6px;padding:10px 16px}.ref-modal .ref-market-row{display:flex;width:100%;justify-content:space-between;background:none;text-align:left}.ref-modal .ref-market-row:hover{background:#34373b}.ref-modal .ref-close{float:right}.ref-toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:20000;background:#292e32;padding:12px 24px;border-radius:6px;font-size:14px}.ref-limit-input{margin:10px 0;height:42px;width:100%;background:#202427;border:0;border-radius:8px;color:white;padding:12px}.ref-stale{color:#e93678!important}.futures-order-tabs-constnt{position:relative;overflow:auto}.futures-assets{font-size:12px}.ref-footer-ticker{display:flex;gap:24px;white-space:nowrap;animation:ref-ticker 80s linear infinite}.ref-footer-ticker:hover{animation-play-state:paused}@keyframes ref-ticker{to{transform:translateX(-50%)}}.ref-green{color:#0ccb81}.ref-red{color:#e93678}.arcus-auth[hidden]{display:none!important}
/* Portrait trading has a vertical reading order, independent of the desktop grid. */
@media(min-width:901px) and (max-width:1400px){
  .vue-grid-layout>.arcus-mobile-grid-5{overflow-x:auto;overscroll-behavior-inline:contain}
  .vue-grid-item .favorite-actions{left:auto!important;right:16px!important;width:auto!important}
  .vue-grid-item .ref-favorites-bar{max-width:calc(100% - 310px);overflow:hidden}
  .vue-grid-layout>.arcus-mobile-grid-4{overflow-x:hidden}
  .arcus-mobile-grid-4 .fee-rate-value{max-width:190px;white-space:normal!important;font-size:11px!important;text-align:right}
  .futures-footer{overflow:hidden}
}
@media(max-width:900px){
  html,body{min-width:0!important;width:100%;max-width:100%;overflow-x:clip}
  html{overflow-y:auto}
  body{overflow-y:visible}
  .vue-grid-layout>.arcus-mobile-grid-2{touch-action:auto!important}
  .ref-price-chart,.ref-price-chart *, .ref-volume-chart,.ref-volume-chart *, .ref-chart-main .ref-draw-layer{touch-action:none!important}
  .ref-market-picker{height:min(78dvh,690px)!important;max-width:100vw!important;border-radius:18px 18px 0 0!important;box-sizing:border-box}
  .ref-market-picker .asset-name-input input{font-size:16px!important}
  .ref-market-picker .symbol-category-swiper .swiper{overflow-x:auto;overscroll-behavior-inline:contain}
  .ref-market-picker .tag{min-height:36px;display:flex;align-items:center}
  .ref-market-picker-close{align-self:flex-end;width:42px;height:42px;margin:4px 8px 0 0;padding:0;border:0;background:transparent;color:#cbd3d6;font:30px/1 Onest,sans-serif;touch-action:manipulation}
  .ref-mobile-market-picker{position:fixed!important;inset:var(--market-picker-top,260px) 0 max(12px,env(safe-area-inset-bottom))!important;z-index:10001!important;width:100vw!important;max-width:100vw!important;height:auto!important;max-height:calc(100dvh - var(--market-picker-top,260px) - 12px)!important;padding:0!important;border-radius:18px!important;overflow:hidden!important}
  .ref-mobile-market-picker>.ref-mobile-market-shell{display:grid!important;grid-template-rows:46px 62px 50px 34px minmax(0,1fr);height:100%!important;min-height:0;overflow:hidden}
  .ref-mobile-market-close{justify-self:end;width:44px;height:44px;margin:1px 8px 0 0;padding:0;border:0;background:transparent;color:#d7dcdf;font:30px/1 Onest,sans-serif}
  .ref-mobile-market-search{display:flex;align-items:center;gap:10px;height:46px;margin:6px 14px 10px;padding:0 14px;border:1px solid #343a3e;border-radius:24px;background:#181c1e;color:#d3d8da;box-sizing:border-box}
  .ref-mobile-market-search span{font-size:27px;line-height:1}
  .ref-mobile-market-search input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:16px Onest,sans-serif}
  .ref-mobile-market-categories{display:flex;align-items:center;gap:10px;padding:0 14px;overflow:hidden}
  .ref-mobile-market-categories button{height:36px;padding:0 16px;border:1px solid #303639;border-radius:20px;background:transparent;color:#949da1;font:600 14px Onest,sans-serif}
  .ref-mobile-market-categories button.active{border-color:#f4f6f6;background:#f4f6f6;color:#171a1c}
  .ref-mobile-market-head{display:grid;grid-template-columns:minmax(0,1fr) 92px 66px;gap:8px;align-items:center;padding:0 14px;color:#8f999e;font:12px Onest,sans-serif}
  .ref-mobile-market-head span:nth-child(n+2){text-align:right}
  .ref-mobile-market-list{min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .ref-mobile-market-picker .ref-mobile-market-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px 66px!important;gap:8px;align-items:center;box-sizing:border-box;width:100%;min-height:58px;padding:8px 14px!important;border:0;border-bottom:1px solid #252a2d;background:transparent;color:#fff;text-align:left}
  .ref-mobile-market-name{display:flex;align-items:center;gap:9px;min-width:0}
  .ref-mobile-market-name img{display:block;width:26px;height:26px;flex:none;border-radius:50%;object-fit:contain}
  .ref-mobile-market-name>span{display:flex;flex-direction:column;min-width:0}
  .ref-mobile-market-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px Onest,sans-serif}
  .ref-mobile-market-name small{color:#89949a;font:11px Onest,sans-serif}
  .ref-mobile-market-row .price-col,.ref-mobile-market-row .rate-col{width:auto!important;white-space:nowrap;text-align:right;font:600 12px Onest,sans-serif}
  .ref-mobile-market-empty{margin:22px 14px;color:#aeb7ba;text-align:center;font:14px Onest,sans-serif}
  .futures-main-content{width:100%!important;min-width:0!important;height:auto!important;margin-top:0!important;padding-bottom:34px}
  .vue-grid-layout{display:flex!important;flex-direction:column;width:100%!important;min-width:0!important;height:auto!important}
  .vue-grid-layout>.vue-grid-item:not(.vue-grid-placeholder){position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;min-width:0!important;height:auto!important;flex:none;overflow:hidden}
  .vue-grid-layout>.vue-grid-item:not(.vue-grid-placeholder):not(.arcus-mobile-grid-2):not(.arcus-mobile-grid-3){touch-action:auto!important}
  .vue-grid-layout>.arcus-mobile-grid-0{min-height:54px!important;order:1}
  .vue-grid-layout>.arcus-mobile-grid-1{min-height:82px!important;order:2}
  .vue-grid-layout>.vue-grid-item.arcus-mobile-grid-2{height:490px!important;order:4}
  .vue-grid-layout>.vue-grid-item.arcus-mobile-grid-3{height:410px!important;order:4}
  .vue-grid-layout>.arcus-mobile-grid-4{order:7}
  .vue-grid-layout>.arcus-mobile-grid-5{min-height:310px!important;order:5}
  .vue-grid-layout>.arcus-mobile-grid-6{min-height:250px!important;order:6}
  .vue-grid-item .TickFavorite{padding-left:12px!important;padding-right:12px!important}
  .vue-grid-item .ref-favorites-bar{max-width:100px;overflow:hidden}
  .vue-grid-item .favorite-actions{left:auto!important;right:12px!important;gap:6px}
  .vue-grid-item .contract-mode-switcher{margin-inline-end:0!important}
  .arcus-mobile-grid-1 .trick{display:flex!important;align-items:center;height:82px!important;padding:0 8px 0 12px;overflow:hidden}
  .arcus-mobile-grid-1 .trick_left{display:flex!important;align-items:center;flex:1 1 auto;width:auto!important;min-width:0;height:100%;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:auto}
  .arcus-mobile-grid-1 .trick_left::-webkit-scrollbar{display:none}
  .arcus-mobile-grid-1 .trick_left .currencyDom{flex:none;min-width:max-content;touch-action:manipulation}
  .arcus-mobile-grid-1 .trick_left .line{display:block}
  .arcus-mobile-grid-1 .trick_left .now-price{flex:none;margin-inline-start:10px!important;margin-inline-end:14px}
  .arcus-mobile-grid-1 .trick_left .last-price{font-size:21px!important;white-space:nowrap}
  .arcus-mobile-grid-1 .trick_left>div:last-child{flex:none!important;width:max-content!important;min-width:max-content;overflow:visible!important}
  .arcus-mobile-grid-1 .trick .swiper{width:max-content!important;overflow:visible!important;padding:0 12px 0 0!important}
  .arcus-mobile-grid-1 .trick .swiper,.arcus-mobile-grid-1 .trick .swiper-wrapper,.arcus-mobile-grid-1 .trick .swiper-slide{touch-action:auto!important}
  .arcus-mobile-grid-1 .trick .swiper-wrapper{width:max-content;gap:18px}
  .arcus-mobile-grid-1 .trick .swiper-slide{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;height:82px!important;min-height:82px!important;padding:0!important;box-sizing:border-box}
  .arcus-mobile-grid-1 .trick .swiper-slide dt,.arcus-mobile-grid-1 .trick .swiper-slide dd{margin:0!important;line-height:17px!important;white-space:nowrap}
  .arcus-mobile-grid-1 .trick .swiper-button-prev,.arcus-mobile-grid-1 .trick .swiper-button-next{display:none!important}
  .arcus-mobile-grid-1 .trick_right,.arcus-mobile-grid-0 .ref-favorites-bar{display:none!important}
  .ref-chart-wrap{grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 25px}
  .ref-chart-tools{gap:5px;padding-top:8px}
  .ref-chart-tools button{width:28px;height:25px}
  .ref-chart-tools svg{width:18px;height:18px}
  .ref-chart-footer{padding:0 8px;font-size:10px;white-space:nowrap;overflow:hidden}
  .ref-chart-footer a{display:none}
  .ref-price-chart,.ref-volume-chart{width:100%;min-width:0}
  .order-book-tabs{width:100%}
  .order-book-items{min-height:0}
  .futures-order-tabs-constnt{overflow-x:auto;overscroll-behavior-inline:contain}
  .futures-order-tabs-constnt .ref-table{min-width:1180px}
  .futures-order-tabs-constnt .ref-table:has(tbody:empty){display:none}
  .ref-historical-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ref-historical-position{padding:18px 14px!important}
  .ref-historical-position header{flex-wrap:wrap}
  .ref-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:18px}
}
.arcus-mobile-market-tabs,.arcus-mobile-trade-head,.arcus-mobile-trade-actions,.arcus-mobile-trade-backdrop{display:none}
@media(max-width:900px){
  .futures-main-content{padding-bottom:0!important}
  .futures-footer{display:none!important}
  .arcus-mobile-market-tabs{display:flex;order:3;gap:22px;align-items:center;min-height:46px;padding:0 16px;border-bottom:1px solid #252a2d;background:#0e1012;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:auto}
  .arcus-mobile-market-tabs::-webkit-scrollbar{display:none}
  .arcus-mobile-market-tabs button{flex:none;height:46px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none;color:#8e979c;font:600 14px/1 Onest,sans-serif;white-space:nowrap}
  .arcus-mobile-market-tabs button[aria-selected=true]{border-color:#9fe7f5;color:#fff}
  .arcus-mobile-market-tabs button[hidden]{display:none}
  .vue-grid-layout[data-mobile-pane=chart]>.arcus-mobile-grid-3,.vue-grid-layout[data-mobile-pane=info]>.arcus-mobile-grid-3,.vue-grid-layout[data-mobile-pane=funding]>.arcus-mobile-grid-3,.vue-grid-layout[data-mobile-pane=book]>.arcus-mobile-grid-2,.vue-grid-layout[data-mobile-pane=trades]>.arcus-mobile-grid-2{display:none!important}
  .vue-grid-layout[data-mobile-pane=info]>.arcus-mobile-grid-2,.vue-grid-layout[data-mobile-pane=funding]>.arcus-mobile-grid-2{height:330px!important}
  .vue-grid-layout[data-mobile-pane=info]>.arcus-mobile-grid-2 .kline-type-box,.vue-grid-layout[data-mobile-pane=funding]>.arcus-mobile-grid-2 .kline-type-box,.vue-grid-layout[data-mobile-pane=info]>.arcus-mobile-grid-2 .tabTime,.vue-grid-layout[data-mobile-pane=funding]>.arcus-mobile-grid-2 .tabTime{display:none!important}
  .vue-grid-layout[data-mobile-pane=info] .ref-chart-tools,.vue-grid-layout[data-mobile-pane=funding] .ref-chart-tools{display:none!important}
  .vue-grid-layout>.arcus-mobile-grid-2,.vue-grid-layout>.arcus-mobile-grid-3{border-bottom:1px solid #252a2d}
  .arcus-mobile-grid-2 .tvBox,.arcus-mobile-grid-2 .kline-tab-container,.arcus-mobile-grid-2 .chart,.arcus-mobile-grid-2 .tv-chart-container,.arcus-mobile-grid-2 .ref-chart-wrap{min-width:0!important;max-width:100%!important;width:100%!important}
  .arcus-mobile-grid-2 .tvBox>.chart,.arcus-mobile-grid-2 .kline-tab-container{flex:1;min-height:0}
  .arcus-mobile-grid-2 .el-tabs__header:has(#tab-kline){display:none!important}
  .arcus-mobile-grid-3 .el-tabs__header:has(#tab-order-book){display:none!important}
  .vue-grid-layout>.arcus-mobile-grid-4{display:none!important}
  .arcus-mobile-trade-actions{position:fixed;z-index:90;left:0;right:0;bottom:0;display:flex;gap:10px;padding:11px 14px max(11px,env(safe-area-inset-bottom));border-top:1px solid #292d30;background:rgba(14,16,18,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .arcus-mobile-trade-actions button{flex:1;height:44px;border:0;border-radius:999px;background:#0ccb81;color:#061713;font:700 15px/1 Onest,sans-serif}
  .arcus-mobile-trade-actions button+button{background:#e93678;color:#fff}
  .arcus-mobile-trade-backdrop:not([hidden]){position:fixed;z-index:10090;inset:0;display:block;background:rgba(0,0,0,.72)}
  body.arcus-mobile-trade-open{overflow:hidden!important}
  body.arcus-mobile-trade-open .vue-grid-layout>.arcus-mobile-grid-4{position:fixed!important;z-index:10100;top:auto!important;left:0!important;right:0!important;bottom:0!important;display:block!important;width:100%!important;max-height:min(87dvh,850px)!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain;border:1px solid #33393c;border-bottom:0;border-radius:18px 18px 0 0;background:#151819;box-shadow:0 -20px 60px #000b}
  body.arcus-mobile-trade-open .arcus-mobile-grid-4 .futures-place-tabs .closePosition,
  body.arcus-mobile-trade-open .arcus-mobile-grid-4 .ref-close-summary{display:none!important}
  body.arcus-mobile-trade-open[data-mobile-order-side="long"] .arcus-mobile-grid-4 .ref-open-buttons [data-side="short"],
  body.arcus-mobile-trade-open[data-mobile-order-side="short"] .arcus-mobile-grid-4 .ref-open-buttons [data-side="long"],
  body.arcus-mobile-trade-open[data-mobile-order-side="up"] .arcus-mobile-grid-4 .ref-open-buttons [data-side="down"],
  body.arcus-mobile-trade-open[data-mobile-order-side="down"] .arcus-mobile-grid-4 .ref-open-buttons [data-side="up"]{display:none!important}
  body.arcus-mobile-trade-open .arcus-mobile-grid-4 .ref-open-buttons [data-side]{width:100%}
  .arcus-mobile-trade-head{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 18px;border-bottom:1px solid #2a3032;background:rgba(21,24,25,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:650 17px Onest,sans-serif}
  .arcus-mobile-trade-head button{width:34px;height:34px;padding:0;border:0;background:transparent;color:#c5cacc;font:28px/1 Onest,sans-serif}
  body.arcus-mobile-trade-open .arcus-mobile-trade-actions{display:none}
  .vue-grid-layout>.arcus-mobile-grid-5 .futures-order-tabs{height:58px;min-height:58px;overflow:hidden!important;flex-wrap:nowrap!important}
  .arcus-mobile-grid-5 .futures-order-tabs .el-scrollbar{height:42px!important;overflow:hidden!important}
  .arcus-mobile-grid-5 .futures-order-tabs .el-scrollbar__wrap{height:42px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:auto}
  .arcus-mobile-grid-5 .futures-order-tabs .el-scrollbar__wrap::-webkit-scrollbar{display:none}
  .arcus-mobile-grid-5 .futures-order-tabs .el-tabs__nav-scroll{height:42px;overflow:hidden!important}
  .vue-grid-layout>.arcus-mobile-grid-6{border-top:1px solid #252a2d}
}
@media(max-width:900px){
  .vue-grid-layout>.arcus-mobile-grid-5{min-height:330px!important}
  .arcus-mobile-grid-5 .futures-order-tabs{max-width:100%;border-bottom:1px solid #292e31}
  .arcus-mobile-grid-5 .futures-order-tabs-constnt{min-height:225px}
  .arcus-mobile-grid-5 .ref-guest-empty{box-sizing:border-box;min-height:260px;width:100%;margin:0;justify-content:center}
  .arcus-mobile-grid-0 .TickFavorite{box-sizing:border-box;display:flex;align-items:center;height:54px!important;min-height:54px;padding:0 12px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:auto}
  .arcus-mobile-grid-0 .TickFavorite::-webkit-scrollbar{display:none}
  .ref-futures-demo .arcus-mobile-grid-0 .TickFavorite .ref-futures-route-button{height:36px;min-width:0;padding:0 12px;border:1px solid #fff;border-radius:8px;background:#fff;color:#16191b;font:600 13px/1 Onest,sans-serif;box-shadow:none}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .favorite-actions{position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between!important;flex:none;width:100%!important;min-width:max-content;height:40px;gap:4px}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .contract-mode-switcher{flex:none;margin:0!important}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .contract-mode-tab{padding-inline:4px!important}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .lazy-popover-trigger:has(.reckoner){flex:none;margin:0!important}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .reckoner{margin:0!important}
  .ref-futures-live .arcus-mobile-grid-0 .TickFavorite .demo-futures-btn{flex:none;margin:0!important}
  .ref-futures-live:not(.ref-synthetic) .arcus-mobile-grid-0 .TickFavorite .favorite-actions{justify-content:flex-start!important}
  .ref-futures-live:not(.ref-synthetic) .arcus-mobile-grid-0 .TickFavorite .demo-futures-btn{margin-inline-start:auto!important}
}

/* Public market view: only market search, sign-in and language remain in the header. */
.c-layout-header .nav-right .ref-guest-login{display:none}
body.ref-guest .c-layout-header .nav-right>.ref-guest-login{display:inline-flex!important;align-items:center;justify-content:center;min-width:116px;height:40px;padding:0 23px;border:0;border-radius:999px;background:#f6f7f7;color:#121516;font-weight:650}
body.ref-guest .c-layout-header .nav-right>[data-guest-private]{display:none!important}
body.ref-guest .c-layout-header .nav-right>[data-search]{border-radius:50%}
.ref-guest-trade-login{display:none}
body.ref-guest .futures-place-order-panel .ref-open-buttons,body.ref-guest .futures-place-order-panel .ref-risk-grid{display:none!important}
body.ref-guest .futures-place-order-panel .ref-guest-trade-login{display:block!important;width:100%;min-height:49px;margin:18px 0 5px;border:0;border-radius:999px;background:#f6f7f7;color:#121516;text-align:center;font:650 15px Onest,sans-serif;cursor:pointer}
body.ref-guest .futures-assets button,body.ref-guest .ref-futures-refill{display:none!important}
body.ref-guest .futures-assets .icon-eye{cursor:default;opacity:.55}
.ref-guest-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9da4a8;font-size:13px}
.ref-guest-empty img{opacity:.65}
.ref-guest-empty button{margin-top:4px;padding:5px 12px;border:0;background:transparent;color:#a7e7f1;font:600 13px Onest,sans-serif;cursor:pointer}
.ref-guest-empty button:hover{text-decoration:underline;text-underline-offset:3px}
.ref-mobile-guest-login{display:none!important}
@media(max-width:900px){body.ref-guest .arcus-mobile-trade-actions>[data-mobile-side]{display:none!important}body.ref-guest .arcus-mobile-trade-actions>.ref-mobile-guest-login{display:block!important;width:100%;height:48px;border:0;border-radius:999px;background:#f6f7f7;color:#121516;font:650 15px Onest,sans-serif}}

/* The Prediction mobile actions follow the desktop ticket as each minute closes. */
@media(max-width:900px){
  .ref-prediction-terminal .arcus-mobile-trade-actions [data-mobile-side]{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}
  .ref-prediction-terminal .arcus-mobile-trade-actions [data-mobile-side]:disabled{background:#26352f!important;color:#a8b2ae!important;box-shadow:inset 0 0 0 1px rgba(12,203,129,.14);opacity:1;cursor:not-allowed}
  .ref-prediction-terminal .arcus-mobile-trade-actions [data-mobile-side="short"]:disabled{background:#372a30!important;color:#b6aab0!important;box-shadow:inset 0 0 0 1px rgba(233,54,120,.15)}
}

/* Shared calculator on Perpetuals, Futures, Prediction and TradFi. */
.ref-calculator .ref-calc-market{justify-content:space-between;gap:10px}
.ref-calculator .ref-calc-caret{display:block;flex:none;width:0;height:0;margin-left:auto;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c7d3d7;transform:translateY(1px);transition:transform .15s ease}
.ref-calculator .ref-calc-market[aria-expanded="true"] .ref-calc-caret{transform:rotate(180deg) translateY(1px)}
.ref-calculator .ref-calc-market-menu{background:linear-gradient(145deg,rgba(34,39,41,.93),rgba(20,24,26,.95));border:1px solid rgba(179,206,213,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.ref-calculator .ref-calc-market-menu input{background:transparent;border:1px solid rgba(179,206,213,.18);border-radius:8px}
.ref-calculator .ref-calc-market-list button{padding:0 12px;border-radius:7px;background:transparent;color:#d8e1e3}
.ref-calculator .ref-calc-market-list button:hover,.ref-calculator .ref-calc-market-list button:focus-visible{background:rgba(159,231,245,.09);outline:none}
.ref-calculator .ref-calc-market-list button[aria-selected="true"]{color:#aaf1ff}
.ref-calculator .ref-calc-slider{position:relative;width:100%;height:24px;margin-top:10px;touch-action:none;cursor:pointer}
.ref-calculator .ref-calc-slider-runway,.ref-calculator .ref-calc-slider-fill{position:absolute;left:10px;top:50%;height:3px;border-radius:4px;transform:translateY(-50%);pointer-events:none}
.ref-calculator .ref-calc-slider-runway{right:10px;background:#34393c}
.ref-calculator .ref-calc-slider-fill{width:0;background:#a4edfb}
.ref-calculator .ref-calc-slider-marks{position:absolute;inset:0 10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.ref-calculator .ref-calc-slider-node{width:8px;height:8px;flex:none;border-radius:2px;background:#34393c;transform:rotate(45deg)}
.ref-calculator .ref-calc-slider-node.is-active{background:#a4edfb}
.ref-calculator .ref-calc-slider-node.is-at-handle{visibility:hidden}
.ref-calculator .ref-calc-slider-handle{position:absolute;top:50%;left:10px;z-index:2;width:12px;height:12px;box-sizing:border-box;border:2px solid #a4edfb;border-radius:4px;background:#11191c;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.ref-calculator .ref-calc-slider:has(input:focus-visible) .ref-calc-slider-handle{outline:2px solid #a4edfb;outline-offset:3px}
.ref-calculator .ref-calc-slider input[type=range]{position:absolute;inset:0;z-index:3;width:100%;height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;opacity:0;appearance:none;-webkit-appearance:none;cursor:pointer}
.ref-calculator .ref-calc-slider input[type=range]::-webkit-slider-thumb{width:20px;height:24px;border:0;background:transparent;appearance:none;-webkit-appearance:none}
.ref-calculator .ref-calc-slider input[type=range]::-moz-range-thumb{width:20px;height:24px;border:0;background:transparent}

/* Phone ledgers use the same two-column card pattern as the Orders page. */
@media(min-width:901px){
  .futures-order-tabs-constnt{overflow-x:auto!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555d62 #15181a}
  .futures-order-tabs-constnt .ref-mobile-ledger-table{display:table!important;table-layout:auto!important;min-width:1600px!important;width:100%!important;max-width:none;white-space:nowrap}
  .futures-order-tabs-constnt .ref-open-orders-table.ref-mobile-ledger-table,
  .futures-order-tabs-constnt .ref-order-history-table.ref-mobile-ledger-table{min-width:1350px!important}
  .futures-order-tabs-constnt .ref-assets-table.ref-mobile-ledger-table{min-width:0!important;width:100%!important}
  .futures-order-tabs-constnt .ref-mobile-ledger-table thead{display:table-header-group!important}
  .futures-order-tabs-constnt .ref-mobile-ledger-table th,
  .futures-order-tabs-constnt .ref-mobile-ledger-table td{width:auto!important;min-width:108px;white-space:nowrap!important;padding-inline:16px!important;text-align:left!important}
  .futures-order-tabs-constnt .ref-mobile-ledger-table th:first-child,
  .futures-order-tabs-constnt .ref-mobile-ledger-table td:first-child{min-width:140px;padding-left:30px!important}
  .futures-order-tabs-constnt .ref-mobile-ledger-table th span{white-space:nowrap}
}
@media(max-width:900px){
  .arcus-mobile-grid-5 .futures-order-tabs-constnt{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:visible!important;padding:14px 12px 22px!important}
  .arcus-mobile-grid-5 .futures-order-tabs-constnt .ref-mobile-ledger-table{display:block;width:100%!important;min-width:0!important;max-width:100%;table-layout:auto!important;border-collapse:separate;white-space:normal}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table thead{display:none}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table tbody{display:block;width:100%}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table tbody tr{box-sizing:border-box;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px;padding:16px!important;border:1px solid #252a2d;border-radius:12px;background:#101214}
  .arcus-mobile-grid-5 .futures-order-tabs-constnt .ref-mobile-ledger-table td{box-sizing:border-box;display:block;width:auto!important;min-width:0;height:auto!important;padding:0!important;border:0;text-align:left!important;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.4}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#838c91;font-size:11px;font-weight:500;line-height:1.35}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td:first-child{grid-column:1/-1;font-size:16px;font-weight:600}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td:first-child::before{display:none}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td:has(button){display:flex;flex-wrap:wrap;align-items:end;gap:8px}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td:has(button)::before{width:100%;margin:0}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table td:last-child:has(button){grid-column:1/-1}
  .arcus-mobile-grid-5 .ref-positions-table .ref-position-pnl-values{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(2),
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(3){grid-column:auto}
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(10),
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(11):has(button){grid-column:auto;display:flex;align-items:stretch}
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(10) button,
  .arcus-mobile-grid-5 .ref-positions-table td:nth-child(11) button{width:100%;white-space:nowrap}
  .arcus-mobile-grid-5 .ref-mobile-ledger-table button{min-height:36px;padding:7px 14px;border-radius:8px}
  .arcus-mobile-grid-5 .ref-open-order-filters{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;padding:2px 16px 14px!important}
  .arcus-mobile-grid-5 .ref-open-order-filters .ref-cancel-all{margin-left:auto}
  .arcus-mobile-grid-5 .ref-historical-position{box-sizing:border-box;margin:0 0 10px;padding:16px!important;border:1px solid #252a2d;border-radius:12px;background:#101214}
  .arcus-mobile-grid-5 .ref-historical-position:first-child{margin-top:0}
  .arcus-mobile-grid-5 .ref-historical-position header{min-width:0;gap:6px 8px;margin-bottom:14px}
  .arcus-mobile-grid-5 .ref-historical-position header strong{min-width:0;margin:0;overflow-wrap:anywhere;font-size:16px}
  .arcus-mobile-grid-5 .ref-historical-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px}
  .arcus-mobile-grid-5 .ref-historical-grid>div{min-width:0;grid-template-rows:none;gap:3px}
  .arcus-mobile-grid-5 .ref-historical-grid b{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
  .arcus-mobile-grid-5 .ref-empty{position:static;transform:none;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
}

@media(min-width:901px){
  .ref-position-label-layer .ref-trade-level-badge{width:var(--ref-desktop-level-width,150px);min-width:0;max-width:220px;min-height:var(--ref-desktop-level-height,36px);border-radius:999px;overflow:hidden}
  .ref-position-label-layer .ref-trade-level-badge strong,
  .ref-position-label-layer .ref-trade-level-badge span{font-size:var(--ref-desktop-level-font,10px);line-height:1.15;overflow:hidden;text-overflow:ellipsis}
  .ref-position-label-layer .ref-trade-level-badge .ref-level-cancel{border-radius:50%}
}
@media(max-width:900px){
  .ref-position-label-layer .ref-trade-level-badge{width:var(--ref-mobile-level-width,120px);min-width:0;max-width:38vw;min-height:var(--ref-mobile-level-height,32px);padding:4px 9px;border-radius:999px;border-left-width:2px;overflow:hidden}
  .ref-position-label-layer .ref-trade-level-badge strong,
  .ref-position-label-layer .ref-trade-level-badge span{font-size:var(--ref-mobile-level-font,9px);line-height:1.15;overflow:hidden;text-overflow:ellipsis}
  .ref-position-label-layer .ref-trade-level.limit .ref-trade-level-badge,
  .ref-position-label-layer .ref-trade-level.close-limit .ref-trade-level-badge{padding-right:23px}
  .ref-position-label-layer .ref-trade-level-badge .ref-level-cancel{right:5px;border-radius:50%}
}

/* Mobile order sheet and its nested settings share one predictable stacking order. */
@media(max-width:900px){
  body.arcus-mobile-trade-open>.ref-modal-backdrop{z-index:10120!important}
  .ref-modal-backdrop.ref-modal-backdrop{box-sizing:border-box;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .ref-modal,.ref-settings-dialog.ref-modal,.ref-calculator.ref-modal{box-sizing:border-box;width:min(100%,480px);max-width:100%;max-height:calc(100dvh - 24px);margin:0;overflow-x:hidden;overflow-y:auto;padding:20px;border-radius:16px}
  .ref-risk-dialog.ref-modal{padding:8px;overflow:hidden}
  .ref-risk-scroll{max-height:calc(100dvh - 42px);padding:14px;overflow-x:hidden}
  .ref-settings-dialog.ref-modal h2{padding-right:34px;font-size:20px;line-height:26px;margin-bottom:18px}
  .ref-settings-dialog .ref-risk-pair,.ref-risk-dialog .ref-risk-pair{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}
  .ref-risk-dialog .ref-risk-section h4{gap:8px;line-height:1.35;flex-wrap:wrap}
  .ref-risk-dialog .ref-advanced-source{flex:0 1 130px;width:min(130px,100%);min-width:110px}
  .ref-settings-dialog.ref-modal input:not([type=range]),.ref-settings-dialog.ref-modal select,.ref-calculator input:not([type=range]){font-size:16px}
  .ref-settings-dialog .ref-leverage-stepper,.ref-settings-dialog .ref-dialog-actions,.ref-calculator .ref-calc-input{min-width:0}
  .ref-calculator.ref-modal{width:min(100%,480px);padding:18px}
  .ref-calculator .ref-calc-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .ref-calculator .ref-calc-result{border-left:0;border-top:1px solid #303436;padding:18px 0 0}
  .ref-calculator .ref-calc-market{width:min(240px,100%);max-width:100%}
  .ref-calculator .ref-calc-market-menu{box-sizing:border-box;width:min(240px,100%);max-height:min(284px,45dvh)}
  .ref-calculator .ref-calc-market-list{max-height:calc(min(284px,45dvh) - 57px)}
  .ref-calculator .ref-calc-tabs{gap:14px;overflow-x:auto;white-space:nowrap}
  .ref-calculator .ref-calc-tabs button{font-size:14px}
}
.ref-calculated-history{position:absolute;z-index:3;left:12px;top:36px;max-width:calc(100% - 110px);padding:3px 6px;border-radius:4px;background:#19202ae6;color:#b4c0d2;font:10px/1.4 Onest,Arial,sans-serif}
.ref-calculated-history[hidden]{display:none}
.ref-demo-market-notice{position:absolute;z-index:3;left:10px;top:30px;max-width:calc(100% - 110px);padding:4px 7px;border-radius:4px;background:#152229ed;color:#a4dbe7;font:10px/1.4 Onest,Arial,sans-serif;overflow-wrap:anywhere;pointer-events:none}
.ref-demo-tape-note{padding:16px;color:#8e9ca9;font:12px/1.6 Onest,Arial,sans-serif}

/* Trading halt of a synthetic asset (temporary feature): a transparent blocker with a
   not-allowed cursor over the order form, only the action buttons turn grey. */
.ref-halt-shield{position:absolute;left:0;right:0;bottom:0;z-index:40;background:transparent;cursor:not-allowed}
.futures-place-order-panel{position:relative}
.ref-market-halted .ref-open-buttons button,.ref-market-halted .ref-open-buttons [data-side],.ref-market-halted [data-mobile-side]{background:#3b3f47!important;border-color:#3b3f47!important;color:#858b96!important;box-shadow:none!important;cursor:not-allowed}
.ref-chart-main{position:relative}
.ref-halt-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;display:flex;flex-direction:column;gap:6px;max-width:min(86%,460px);padding:18px 28px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(22,25,31,.88);color:#f2f4f7;text-align:center;pointer-events:none;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.ref-halt-banner b{font-size:18px;font-weight:700;line-height:1.3}
.ref-halt-banner span{font-size:13px;color:#a7adb8}
.ref-market-halted .contract-mode-switcher{position:relative}
.ref-market-halted .contract-mode-switcher::after{content:"";position:absolute;inset:0;z-index:5;cursor:not-allowed}

/* The Up/Down glow stops at the plot edge (the price axis width is set from JS), and its blur never bleeds past it. */
.ref-position-preview{overflow:hidden}

/* The glow ends exactly at the anchor line: its blur is clipped to its own box. */
.ref-position-preview .ref-preview-profit,.ref-position-preview .ref-preview-loss,.ref-position-preview .ref-preview-line{clip-path:inset(0)}