.header__utility{flex:none;align-items:center;display:flex}.header__utility .trade-language-toggle{border-color:var(--border-color);background:var(--bg-tertiary);margin:0}.header__utility .trade-language-option:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.trade-panel-tools{align-items:center;gap:2px;display:flex;position:relative}.panel-tool-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:inline-grid}.panel-tool-btn:hover,.panel-tool-btn.active{border-color:var(--border);background:var(--bg-hover);color:var(--text)}.panel-tool-btn:focus-visible,.trade-tool-menu button:focus-visible,.trade-tool-menu a:focus-visible,.fee-calculator-button:focus-visible,.futures-calculator button:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.panel-tool-btn svg,.trade-tool-menu svg,.fee-calculator-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:15px;height:15px}.panel-tool-btn svg circle{fill:currentColor;stroke:none}.trade-tool-menu{z-index:40;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;width:264px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000006b}.trade-tool-menu__title{color:var(--text);padding:12px 14px 9px;font-size:13px;display:block}.trade-preference-switch{border:0;border-top:1px solid var(--border);width:100%;min-height:64px;color:var(--text);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.trade-preference-switch:hover{background:var(--bg-hover)}.trade-preference-switch>span{flex-direction:column;gap:3px;min-width:0;display:flex}.trade-preference-switch strong{font-size:12px;font-weight:600}.trade-preference-switch small{color:var(--text-muted);font-size:10px;line-height:1.35}.trade-preference-switch>i{background:var(--bg-input);border-radius:9px;flex:none;width:32px;height:18px;transition:background .14s;position:relative}.trade-preference-switch>i span{background:var(--text-muted);border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:3px;left:3px}.trade-preference-switch>i.active{background:var(--yellow)}.trade-preference-switch>i.active span{background:var(--bg-dark);transform:translate(14px)}.trade-tool-more{width:220px;padding:5px}.trade-tool-more button,.trade-tool-more a{width:100%;min-height:38px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:12px;text-decoration:none;display:flex}.trade-tool-more button:hover,.trade-tool-more a:hover{background:var(--bg-hover);color:var(--text)}.trade-tool-more svg{flex:none}.fee-calculator-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:5px;padding:2px 4px;font-family:inherit;font-size:11px;display:inline-flex}.fee-calculator-button:hover{background:var(--bg-hover);color:var(--yellow)}.fee-calculator-button svg{width:13px;height:13px}@media (min-width:769px){.future-layout--compact .future-panel .panel-body{padding:11px 12px}.future-layout--compact .future-panel .order-area{gap:7px}.future-layout--compact .future-panel .input-wrapper{height:38px}.future-layout--compact .future-panel .order-type-tab{min-height:34px;padding-top:6px;padding-bottom:6px}}@media (min-width:769px) and (max-width:1280px){.future-symbol-bar{gap:10px}.future-symbol-bar .stat-item--turnover,.future-symbol-bar .stat-item--interest,.future-symbol-bar .stat-item.funding{display:none}}@media (min-width:769px) and (max-width:1100px){.future-symbol-bar .stat-item--low{display:none}}.modal-backdrop:has(>.futures-calculator){z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.futures-calculator{border:1px solid var(--border);background:var(--bg-card);width:min(660px,100%);color:var(--text)}.futures-calculator__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:62px;padding:12px 18px;display:flex}.futures-calculator__header>div{flex-direction:column;gap:3px;display:flex}.futures-calculator__header strong{font-size:16px}.futures-calculator__header span{color:var(--text-muted);font-family:var(--mono);font-size:10px}.futures-calculator__header button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;font-size:23px;display:grid}.futures-calculator__header button:hover{background:var(--bg-hover);color:var(--text)}.futures-calculator__tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px;display:grid}.futures-calculator__tabs button{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 6px;font-family:inherit;font-size:12px}.futures-calculator__tabs button:hover,.futures-calculator__tabs button.active{color:var(--text)}.futures-calculator__tabs button.active{border-bottom-color:var(--yellow)}.futures-calculator__body{max-height:calc(100vh - 170px);padding:16px 18px 18px;overflow-y:auto}.futures-calculator__segmented{background:var(--bg-dark);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:3px;display:grid}.futures-calculator__segmented button{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;font-family:inherit;font-size:12px}.futures-calculator__segmented button.long.active{border-color:var(--green);color:var(--green);background:#0ecb811f}.futures-calculator__segmented button.short.active{border-color:var(--red);color:var(--red);background:#f6465d1f}.futures-calculator__segmented button.neutral.active{border-color:var(--border);background:var(--bg-input);color:var(--text)}.futures-calculator__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.futures-calculator__field{min-width:0;color:var(--text-muted);flex-direction:column;gap:6px;font-size:11px;display:flex}.futures-calculator__field>div{border:1px solid var(--border);background:var(--bg-input);border-radius:5px;align-items:center;height:42px;display:flex}.futures-calculator__field>div:focus-within{border-color:var(--yellow)}.futures-calculator__field input{width:100%;min-width:0;height:100%;color:var(--text);font-family:var(--mono);background:0 0;border:0;padding:8px 10px;font-size:13px}.futures-calculator__field input:focus-visible{outline:none}.futures-calculator__field strong{color:var(--text-secondary);font-family:var(--mono);flex:none;padding-right:10px;font-size:10px;font-weight:500}.futures-calculator__results{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.futures-calculator__results>div{background:var(--bg-dark);flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:10px 12px;display:flex}.futures-calculator__results span{color:var(--text-muted);font-size:10px}.futures-calculator__results strong{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.futures-calculator__results strong.positive{color:var(--green)}.futures-calculator__results strong.negative{color:var(--red)}.futures-calculator__empty{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:6px;margin-top:16px;padding:20px 12px;font-size:11px}.futures-calculator__fee-note,.futures-calculator__disclaimer{color:var(--text-muted);margin-top:10px;font-size:10px;line-height:1.45}.futures-calculator__fee-note{color:var(--text-secondary);font-family:var(--mono)}@media (max-width:768px){.header__utility .trade-language-toggle{margin:0}.header__utility .trade-language-option{min-width:30px;height:24px;padding:0 5px}.modal-backdrop:has(>.futures-calculator){align-items:flex-end;padding:0}.futures-calculator{border-bottom:0;border-left:0;border-right:0;border-radius:12px 12px 0 0;width:100%;max-height:92svh}.futures-calculator__body{max-height:calc(92svh - 108px);padding-right:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom));padding-left:14px}.futures-calculator__tabs{padding:0 10px}.futures-calculator__tabs button{min-height:42px;padding:0 2px;font-size:10px}}@media (max-width:480px){.futures-calculator__fields,.futures-calculator__results{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.trade-preference-switch>i,.trade-preference-switch>i span{transition:none}}
.future-page:has(.future-layout){--bg-dark:#11161c;--bg-card:#151b22;--bg-input:#1b222b;--bg-hover:#242d37;--border:#2b3540;--text:#f0f3f6;--text-secondary:#aab4c0;--text-muted:#7f8a98;background:var(--bg-dark)}.future-layout,.future-layout .future-symbol-bar,.future-layout .future-chart,.future-layout .future-orderbook,.future-layout .future-bottom,.future-layout .future-panel{background:var(--bg-dark)}.future-layout .future-chart{z-index:10;position:relative;overflow:hidden}:is(.future-layout .future-chart:has(.chart-analysis-menu),.future-layout .future-chart:has(.chart-drawing-tools-menu)){overflow:visible}.future-layout .chart-toolbar,.future-layout .ob-tab-bar,.future-layout .ob-control-bar,.future-layout .bottom-tabs,.future-layout .panel-header{background:var(--bg-card)}.future-layout .panel-body,.future-layout .orderbook-content,.future-layout .chart-container{background:var(--bg-dark)}.future-layout .chart-container{display:flex}.chart-plot{background:var(--bg-dark);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.margin-mode-select{flex:1;min-width:0;display:flex;position:relative}.margin-mode-select select{appearance:none;border:1px solid var(--border);background:var(--bg-input);width:100%;min-height:38px;color:var(--text);font:inherit;text-align:center;cursor:pointer;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;font-weight:600}.margin-mode-select select:hover{background:var(--bg-hover);border-color:#465363}.margin-mode-select select:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.margin-mode-select__arrow{border-right:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:11px;transform:translateY(-70%)rotate(45deg)}.future-panel .order-type-tab{min-width:0;color:var(--text-secondary);white-space:nowrap;flex:1 1 0;padding-left:6px;padding-right:6px;font-weight:600;line-height:1.2}.future-panel .order-type-tab:hover{color:var(--text);background:#ffffff09}.future-panel .order-type-tab.active{color:var(--text);background:var(--bg-hover);box-shadow:inset 0 -2px 0 var(--yellow)}.future-panel .advanced-order-fields{box-sizing:border-box;border-color:var(--border);background:0 0;min-width:0;max-width:100%;overflow:hidden}.future-panel .advanced-order-description{box-sizing:border-box;color:#c0c8d2;max-width:100%;font-size:12px;font-weight:500;line-height:1.5}.future-panel .advanced-order-grid{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr))}.future-panel .advanced-order-grid .input-group{min-width:0}.future-panel .advanced-order-grid .input-group>span:first-child{color:#d8dee6;font-size:12px;font-weight:600}.future-panel .advanced-order-grid .input-wrapper{box-sizing:border-box;background:var(--bg-input);border-color:#35414e;width:100%;min-width:0;overflow:hidden}.future-panel .advanced-order-grid input{box-sizing:border-box;width:0;min-width:0;padding-left:8px;padding-right:8px}.future-panel .advanced-order-grid input::placeholder{color:#778391;opacity:1;text-align:left}.future-orderbook .ob-row{font-variant-numeric:tabular-nums}.future-orderbook .ob-depth{will-change:width;transition:width .18s ease-out,background-color .18s ease-out}.future-orderbook .ob-price,.future-orderbook .ob-qty,.future-orderbook .ob-total{transition:color .12s ease-out}.chart-identity{border-right:1px solid var(--border);min-height:28px;color:var(--text);font-family:var(--mono);white-space:nowrap;flex:none;align-items:center;gap:5px;padding-right:8px;font-size:11px;display:inline-flex}.chart-identity>span:last-child{color:var(--text-muted);font-family:var(--font-inter), sans-serif;font-size:9px}.chart-identity__mark{color:var(--yellow);font-size:14px}.future-chart .chart-intervals{flex:auto}.chart-more-intervals{border-radius:4px;flex:none;align-items:center;min-height:26px;display:inline-flex;position:relative}.chart-more-intervals select{appearance:none;max-width:94px;min-height:26px;color:var(--text-secondary);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 22px 3px 7px;font-size:11px}.chart-more-intervals select:hover,.chart-more-intervals select:focus-visible{background:var(--bg-hover);color:var(--text)}.chart-more-intervals select:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.chart-more-intervals>span:last-child{color:var(--text-muted);pointer-events:none;font-size:9px;position:absolute;right:7px}.chart-more-intervals option{background:var(--bg-card);color:var(--text)}.chart-toolbar-actions{flex:none;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.future-chart .chart-toolbar{z-index:20;position:relative;overflow:visible}.chart-analysis{position:relative}.chart-analysis-trigger{border:1px solid var(--border);background:var(--bg-input);min-height:28px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.chart-analysis-trigger__icon{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:0 0 16px;width:16px;height:16px;overflow:visible}.chart-drawing-btn{border:1px solid var(--border);background:var(--bg-input);min-height:28px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.chart-drawing-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.chart-drawing-btn:disabled{opacity:.45;cursor:not-allowed}.chart-drawing-tools{align-items:center;gap:4px;display:inline-flex;position:relative}.chart-drawing-trigger{border:1px solid var(--border);background:var(--bg-input);min-height:28px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:4px;grid-template-columns:16px minmax(0,auto) 10px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-grid}.chart-drawing-trigger:hover,.chart-drawing-trigger.active,.chart-drawing-trigger[aria-expanded=true]{color:var(--text);border-color:#465363}.chart-drawing-trigger.active{border-color:var(--yellow);color:var(--yellow)}.chart-drawing-trigger:focus-visible,.chart-drawing-history button:focus-visible,.chart-drawing-tools-menu button:focus-visible,.chart-drawing-hit:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.chart-drawing-tools-menu{z-index:36;border:1px solid var(--border);background:var(--bg-card);border-radius:7px;width:224px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 14px 36px #0000006b}.chart-drawing-tools-menu button{width:100%;min-height:36px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.chart-drawing-tools-menu button:hover,.chart-drawing-tools-menu button[aria-checked=true]{background:var(--bg-hover);color:var(--text)}.chart-drawing-tools-menu button[aria-checked=true] i{color:var(--yellow)}.chart-drawing-tools-menu i{color:var(--text-muted);text-align:center;font-size:15px;font-style:normal}.chart-drawing-tools-menu kbd{color:var(--text-muted);font-family:var(--mono);font-size:9px}.chart-drawing-history{align-items:center;gap:2px;display:inline-flex}.chart-drawing-history button{border:1px solid var(--border);background:var(--bg-input);width:26px;height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:4px;place-items:center;padding:0;font-size:13px;display:grid}.chart-drawing-history button:hover:not(:disabled){color:var(--text);border-color:#465363}.chart-drawing-history button:disabled{opacity:.35;cursor:not-allowed}.chart-drawing-sidebar{z-index:8;border-right:1px solid var(--border);background:var(--bg-dark);scrollbar-width:none;flex-direction:column;gap:4px;width:42px;min-width:42px;min-height:0;padding:6px 4px;display:flex;position:relative;overflow:hidden auto}.chart-drawing-sidebar::-webkit-scrollbar{display:none}.chart-drawing-sidebar__group{flex-direction:column;gap:3px;display:flex}.chart-drawing-sidebar__group--actions{margin-top:auto}.chart-drawing-sidebar__separator{background:var(--border);flex:none;align-self:center;width:24px;height:1px}.chart-drawing-sidebar button{width:33px;height:33px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.chart-drawing-sidebar button:hover:not(:disabled){border-color:var(--border);background:var(--bg-hover);color:var(--text)}.chart-drawing-sidebar button.active{border-color:color-mix(in srgb, var(--yellow) 55%, var(--border));background:color-mix(in srgb, var(--yellow) 12%, var(--bg-hover));color:var(--yellow)}.chart-drawing-sidebar button:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.chart-drawing-sidebar button:disabled{opacity:.28;cursor:not-allowed}.chart-drawing-sidebar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.chart-drawing-sidebar.is-compact{width:36px;min-width:36px;padding-inline:2px}.chart-drawing-sidebar.is-compact button{width:31px;height:31px}.chart-drawing-sidebar.is-compact svg{width:18px;height:18px}.chart-drawing-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.chart-drawing-layer:not(.is-cursor){cursor:crosshair}.chart-drawing-placement-surface{fill:#0000;pointer-events:all;touch-action:none}.chart-drawing-shape{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.chart-drawing-rectangle{fill:#7d8ef514}.chart-drawing-hit{fill:none;stroke:#0000;stroke-width:14px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:move;touch-action:none}.chart-drawing-hit--rectangle{pointer-events:stroke}.chart-drawing-layer:not(.is-cursor) .chart-drawing-hit,.chart-drawing-layer:not(.is-cursor) .chart-drawing-handle{pointer-events:none}.chart-drawing-handle{fill:var(--bg-card);stroke:var(--yellow);stroke-width:2px;pointer-events:all;cursor:crosshair;touch-action:none}.chart-drawing-fibonacci-label{font-family:var(--mono);paint-order:stroke;stroke:var(--bg-dark);stroke-width:3px;pointer-events:none;font-size:9px;font-weight:650}.chart-drawing-hint{z-index:5;color:var(--text);pointer-events:none;background:#1b222bf0;border:1px solid #465363;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000052}.chart-drawing-hint>span{color:var(--yellow)}.chart-drawing-hint kbd{border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);border-radius:3px;padding:1px 4px;font-size:9px}.chart-analysis-trigger:hover,.chart-analysis-trigger.active{color:var(--text);border-color:#465363}.chart-analysis-trigger:focus-visible,.chart-drawing-btn:focus-visible,.chart-analysis-menu button:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.chart-analysis-trigger>strong{min-width:17px;height:17px;color:var(--yellow);background:#f0b90b29;border-radius:9px;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.chart-analysis-menu{z-index:35;border:1px solid var(--border);background:var(--bg-card);border-radius:7px;width:238px;padding:6px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 36px #0000006b}.chart-analysis-menu__heading{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:7px 9px 5px;font-size:10px;font-weight:700;display:block}.chart-analysis-menu__heading:not(:first-child){border-top:1px solid var(--border);margin-top:5px}.chart-analysis-menu button{width:100%;min-height:38px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:grid}.chart-analysis-menu button:hover{background:var(--bg-hover);color:var(--text)}.chart-analysis-menu button:disabled{opacity:.42;cursor:not-allowed}.chart-analysis-menu button>i{width:16px;height:16px;color:var(--text-muted);border:1px solid #4a5562;border-radius:3px;place-items:center;font-style:normal;line-height:1;display:inline-grid}.chart-analysis-menu button>i.active{border-color:var(--indicator-color);background:color-mix(in srgb, var(--indicator-color) 18%, transparent);box-shadow:inset 0 0 0 3px var(--bg-card)}.chart-analysis-menu button>i.chart-analysis-menu__checkbox.active{border-color:var(--yellow);background:var(--yellow);color:var(--bg-card);box-shadow:none;font-size:9px;font-weight:800}.chart-analysis-menu button>span:last-child{color:var(--yellow);text-align:right}.chart-candle-legend{z-index:4;background:color-mix(in srgb, var(--bg-dark) 82%, transparent);max-width:calc(100% - 72px);font-family:var(--mono);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:3px;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:3px 5px;font-size:10px;line-height:1.35;display:flex;position:absolute;top:8px;left:10px}.chart-candle-legend span{align-items:baseline;gap:3px;display:inline-flex}.chart-candle-legend b{color:var(--text-muted);font-size:inherit;font-weight:650}.chart-candle-legend i{color:inherit;font-style:normal}.chart-candle-legend strong{font-size:inherit;font-weight:650}.chart-candle-legend.is-up{color:var(--green)}.chart-candle-legend.is-down{color:var(--red)}.chart-indicator-legend{z-index:3;max-width:calc(100% - 70px);color:var(--text-secondary);font-family:var(--mono);pointer-events:none;background:#11161cd1;border:1px solid #2b3540c7;border-radius:4px;flex-wrap:wrap;gap:5px 10px;padding:4px 7px;font-size:10px;display:flex;position:absolute;top:9px;left:10px}.chart-candle-legend~.chart-indicator-legend{top:38px}@media (max-width:480px){.chart-drawing-sidebar{width:38px;min-width:38px;padding-inline:2px}.chart-drawing-sidebar button{width:32px;height:32px}.chart-drawing-sidebar svg{width:19px;height:19px}.chart-candle-legend{gap:1px 6px;max-width:calc(100% - 58px);padding-inline:3px;font-size:9px;left:5px}.chart-candle-legend~.chart-indicator-legend{top:48px}}.chart-indicator-legend span{align-items:center;gap:5px;display:inline-flex}.chart-indicator-legend i{background:currentColor;width:12px;height:2px}.chart-workspace{border-right:1px solid var(--border);background:var(--border);padding:0}.chart-workspace__grid{background:var(--border);flex:1;gap:1px;width:100%;min-width:0;min-height:0;display:grid}.chart-workspace[data-chart-layout=single] .chart-workspace__grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.chart-workspace[data-chart-layout=two-columns] .chart-workspace__grid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.chart-workspace[data-chart-layout=two-rows] .chart-workspace__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.chart-workspace[data-chart-layout=three-left] .chart-workspace__grid,.chart-workspace[data-chart-layout=three-right] .chart-workspace__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.chart-workspace[data-chart-layout=three-left] .chart-workspace__pane:first-child,.chart-workspace[data-chart-layout=three-right] .chart-workspace__pane:nth-child(3){grid-row:1/3}.chart-workspace[data-chart-layout=three-right] .chart-workspace__pane:first-child,.chart-workspace[data-chart-layout=three-right] .chart-workspace__pane:nth-child(2){grid-column:1}.chart-workspace[data-chart-layout=three-right] .chart-workspace__pane:nth-child(3){grid-column:2}.chart-workspace[data-chart-layout=three-columns] .chart-workspace__grid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.chart-workspace[data-chart-layout=four-grid] .chart-workspace__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.chart-workspace[data-chart-layout=four-columns] .chart-workspace__grid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr))}.chart-workspace[data-chart-layout=four-rows] .chart-workspace__grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.future-layout .chart-workspace__pane{background:var(--bg-dark);border:0;grid-area:auto;width:100%;min-width:0;height:100%;min-height:0;max-height:none}.chart-workspace__pane:focus-within{z-index:2}.chart-workspace-controls{flex:none;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.chart-layout-control{position:relative}.chart-workspace-control-btn,.chart-layout-option{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:4px;place-items:center;display:grid}.chart-workspace-control-btn{width:30px;height:28px;padding:5px}.chart-workspace-control-btn:hover,.chart-layout-option:hover,.chart-layout-option[aria-checked=true]{border-color:var(--text-muted);background:var(--bg-hover);color:var(--text)}.chart-workspace-control-btn:focus-visible,.chart-layout-option:focus-visible,.chart-symbol-combobox__trigger:focus-visible,.chart-compact-interval select:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.chart-fullscreen-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.chart-layout-menu{z-index:100;border:1px solid var(--border);background:var(--bg-card);border-radius:6px;width:174px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0000006b}.chart-layout-menu__row{grid-template-columns:18px repeat(3,34px);align-items:center;gap:6px;min-height:40px;display:grid}.chart-layout-menu__count{color:var(--text-muted);font-family:var(--mono);text-align:center;font-size:12px}.chart-layout-option{width:34px;height:30px;padding:5px}.chart-layout-preview{gap:2px;width:100%;min-width:13px;height:100%;min-height:13px;display:grid}.chart-layout-preview>span{border:1px solid;border-radius:1px;min-width:0;min-height:0}.chart-layout-preview[data-layout=single]{grid-template:minmax(0,1fr)/minmax(0,1fr)}.chart-layout-preview[data-layout=two-columns]{grid-template:minmax(0,1fr)/repeat(2,minmax(0,1fr))}.chart-layout-preview[data-layout=two-rows]{grid-template:repeat(2,minmax(0,1fr))/minmax(0,1fr)}.chart-layout-preview[data-layout=three-left],.chart-layout-preview[data-layout=three-right]{grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.chart-layout-preview[data-layout=three-left]>span:first-child,.chart-layout-preview[data-layout=three-right]>span:nth-child(3){grid-row:1/3}.chart-layout-preview[data-layout=three-right]>span:first-child,.chart-layout-preview[data-layout=three-right]>span:nth-child(2){grid-column:1}.chart-layout-preview[data-layout=three-right]>span:nth-child(3){grid-column:2}.chart-layout-preview[data-layout=three-columns]{grid-template:minmax(0,1fr)/repeat(3,minmax(0,1fr))}.chart-layout-preview[data-layout=four-grid]{grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.chart-layout-preview[data-layout=four-columns]{grid-template:minmax(0,1fr)/repeat(4,minmax(0,1fr))}.chart-layout-preview[data-layout=four-rows]{grid-template:repeat(4,minmax(0,1fr))/minmax(0,1fr)}.chart-compact-interval select{appearance:none;min-width:0;color:var(--text);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.chart-symbol-combobox{width:min(118px,22vw);min-width:0;position:relative}.chart-compact-interval option{background:var(--bg-card);color:var(--text)}.chart-symbol-combobox__trigger{width:100%;min-width:0;min-height:26px;color:var(--text);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;font-size:10px;font-weight:700;display:flex}.chart-symbol-combobox__trigger>span:first-child{text-overflow:ellipsis;overflow:hidden}.chart-symbol-combobox__trigger>span:last-child{color:var(--text-muted);flex:none;font-size:8px}.chart-symbol-combobox__trigger:hover{border-color:var(--border);background:var(--bg-hover)}.chart-symbol-combobox__trigger[aria-expanded=true]{border-color:var(--yellow);background:var(--bg-input)}.chart-symbol-combobox__popup{z-index:10020;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 36px #0000007a}.chart-symbol-combobox__search{border-bottom:1px solid var(--border);flex:none;align-items:center;padding:7px;display:flex;position:relative}.chart-symbol-combobox__search svg{fill:none;width:14px;height:14px;stroke:var(--text-muted);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;left:15px}.chart-symbol-combobox__search input{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;height:30px;color:var(--text);font-family:var(--mono);border-radius:4px;outline:0;padding:5px 9px 5px 29px;font-size:11px}.chart-symbol-combobox__search input:focus{border-color:var(--yellow);box-shadow:0 0 0 1px color-mix(in srgb, var(--yellow) 28%, transparent)}.chart-symbol-combobox__search input::placeholder{color:var(--text-muted)}.chart-symbol-combobox__search input::-webkit-search-cancel-button{filter:invert(.72)}.chart-symbol-combobox__list{scrollbar-color:var(--text-muted) transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:4px;overflow-y:auto}.chart-symbol-combobox__list [role=option]{width:100%;min-height:30px;color:var(--text-secondary);font-family:var(--mono);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.chart-symbol-combobox__list [role=option].is-active,.chart-symbol-combobox__list [role=option]:hover{background:var(--bg-hover);color:var(--text)}.chart-symbol-combobox__list [role=option][aria-selected=true]{color:var(--yellow)}.chart-symbol-combobox__empty{min-height:70px;color:var(--text-muted);text-align:center;place-items:center;padding:12px;font-size:11px;display:grid}.chart-compact-interval{align-items:center;min-width:54px;display:inline-flex;position:relative}.chart-compact-interval select{border:1px solid var(--border);background:var(--bg-input);border-radius:4px;width:100%;padding:4px 17px 4px 6px}.chart-compact-interval>span:last-child{color:var(--text-muted);pointer-events:none;font-size:8px;position:absolute;right:6px}.chart-workspace:fullscreen{background:var(--bg-dark);border:0;width:100vw;height:100vh;max-height:none}.chart-workspace:fullscreen .chart-workspace__grid{height:100%}.mobile-chart-focus-trigger{display:none}@media (max-width:768px){.margin-mode-select select{min-height:36px;padding-left:6px;padding-right:24px;font-size:clamp(9px,2.5vw,12px)}.margin-mode-select__arrow{right:7px}.future-panel .advanced-order-description{font-size:11px}.chart-toolbar-actions{gap:3px}.chart-identity{gap:3px;padding-right:5px;font-size:9px}.chart-identity>span:last-child{display:none}.chart-identity__mark{font-size:11px}.chart-more-intervals select{max-width:76px;padding-left:5px;padding-right:18px;font-size:10px}.chart-analysis-trigger{min-width:30px;padding:3px 6px}.chart-analysis-trigger>span:nth-child(2),.chart-drawing-trigger>span:nth-child(2),.chart-reset-btn>span:nth-child(2),.chart-reset-btn kbd{display:none}.chart-analysis-menu{width:min(238px,100vw - 24px);right:-19px}.chart-drawing-tools{gap:2px}.chart-drawing-trigger{grid-template-columns:16px 8px;min-width:31px;padding:3px 5px}.chart-drawing-trigger>span:nth-child(2){display:none}.chart-drawing-tools-menu{width:min(224px,100vw - 24px);left:-58px}.chart-drawing-history button:nth-child(3),.chart-drawing-history button:nth-child(4){display:none}.chart-drawing-hint{white-space:nowrap;max-width:calc(100% - 24px);top:8px}.chart-layout-control{display:none}.chart-workspace__grid{background:var(--bg-dark);display:flex}.future-layout .chart-workspace__pane:not(:first-child){display:none!important}.chart-workspace-controls{margin-left:auto}.chart-fullscreen-trigger{border-color:var(--yellow);width:44px;height:44px;color:var(--yellow)}.chart-fullscreen-trigger svg{width:20px;height:20px}.future-symbol-bar{grid-template-columns:116px minmax(0,1fr) 44px}.future-symbol-bar .mobile-market-summary{grid-column:2}.future-symbol-bar .mobile-chart-focus-trigger{width:44px;height:44px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;grid-area:1/3;place-items:center;margin:0;padding:0;display:grid}.future-symbol-bar .mobile-chart-focus-trigger:hover{color:var(--yellow);border-color:var(--yellow)}.future-symbol-bar .mobile-chart-focus-trigger:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.future-symbol-bar .mobile-chart-focus-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.future-layout .chart-workspace:not(.chart-workspace--mobile-focus) .chart-fullscreen-trigger{display:none}.future-layout .chart-workspace--mobile-focus .chart-fullscreen-trigger{display:grid}}.future-layout .chart-workspace--mobile-focus{z-index:1500;background:var(--bg-dark);inset:0;border:0!important;width:100dvw!important;height:100dvh!important;min-height:0!important;max-height:none!important;display:flex!important;position:fixed!important}.chart-workspace--mobile-focus .chart-workspace__grid{width:100%;height:100%;min-height:0;display:flex}.chart-workspace--mobile-focus .chart-workspace__pane{width:100%;height:100%;min-height:0}.chart-workspace--mobile-focus .chart-workspace__pane:not(:first-child){display:none!important}.chart-workspace--mobile-focus .chart-toolbar{min-height:48px;padding:max(4px, env(safe-area-inset-top)) 8px 4px}.chart-workspace--mobile-focus .chart-workspace-control-btn{width:44px;height:44px}.chart-mobile-trade-dock,.chart-order-sheet__header{display:none}@media (max-width:768px),(pointer:coarse){.future-layout .chart-mobile-trade-dock{z-index:1510;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-card);grid-template-columns:minmax(0,1fr) minmax(86px,.82fr) minmax(0,1fr);align-items:center;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000047}.future-layout .chart-mobile-trade-dock--order-open{visibility:hidden;pointer-events:none}.chart-mobile-trade-dock__button,.chart-mobile-trade-dock__quantity{min-width:0;min-height:44px;color:var(--text);cursor:pointer;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 8px;font-family:inherit;display:flex;overflow:hidden}.chart-mobile-trade-dock__button{color:var(--text)}.chart-mobile-trade-dock__button--long{background:var(--green)}.chart-mobile-trade-dock__button--short{background:var(--red)}.chart-mobile-trade-dock__button span,.chart-mobile-trade-dock__quantity span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.1;overflow:hidden}.chart-mobile-trade-dock__button strong,.chart-mobile-trade-dock__quantity strong{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.1;overflow:hidden}.chart-mobile-trade-dock__quantity{background:var(--bg-input);color:var(--text-secondary)}.chart-mobile-trade-dock__quantity strong{color:var(--text)}.chart-mobile-trade-dock__button:focus-visible,.chart-mobile-trade-dock__quantity:focus-visible,.chart-order-sheet__close:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.future-layout .future-panel--chart-order-sheet{z-index:1600;border:1px solid var(--border);background:var(--bg-card);border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;width:100%;min-height:0;max-height:min(76dvh,680px);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 50px #0006}.future-layout .future-panel--chart-order-sheet>.panel-header{border-bottom:1px solid var(--border);background:var(--bg-card);flex:none;min-height:62px;padding:0 12px;display:flex}.future-layout .future-panel--chart-order-sheet>.panel-body{padding:0 14px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.future-layout .future-panel--chart-order-sheet .chart-order-sheet__header{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.chart-order-sheet__header>div{align-items:baseline;gap:6px;display:flex}.chart-order-sheet__header strong{color:var(--text);font-family:var(--mono);font-size:15px}.chart-order-sheet__header>div span{color:var(--text-muted);font-size:12px}.chart-order-sheet__handle{background:var(--text-muted);border-radius:999px;width:34px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.chart-order-sheet__close{background:var(--bg-input);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:8px;place-items:center;margin-right:-6px;padding:0;display:grid}.chart-order-sheet__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:20px;height:20px}.future-layout.future-layout--mobile-keyboard-open .future-panel:not(.future-panel--chart-order-sheet){z-index:1550;width:100%;height:var(--futures-visual-viewport-height,100dvh);background:var(--bg-dark);min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.future-layout.future-layout--mobile-keyboard-open .future-panel:not(.future-panel--chart-order-sheet)>.panel-body{min-height:0;padding:0 12px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:24px;overflow:hidden auto}.future-layout.future-layout--mobile-keyboard-open .future-panel:not(.future-panel--chart-order-sheet) .order-area{min-height:min-content}}@media (prefers-reduced-motion:reduce){.future-orderbook .ob-depth,.future-orderbook .ob-price,.future-orderbook .ob-qty,.future-orderbook .ob-total{transition:none}}
.position-pnl-share-trigger{min-width:0;color:inherit;font:inherit;text-align:right;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) 13px;justify-content:end;align-items:center;gap:5px;padding:4px 2px;transition:border-color .15s,background .15s;display:inline-grid;position:relative;container:position-pnl-share/inline-size}.position-pnl-share-trigger:hover{border-color:color-mix(in srgb, currentColor, transparent 68%);background:color-mix(in srgb, currentColor, transparent 93%)}.position-pnl-share-trigger:focus-visible,.position-share-modal button:focus-visible,.position-share-modal input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.position-pnl-share-trigger__copy{flex-direction:column;align-items:flex-end;min-width:0;display:flex;overflow:hidden}.position-pnl-share-trigger .pnl-main,.position-pnl-share-trigger .pnl-value,.position-pnl-share-trigger .pnl-percent,.position-pnl-share-trigger .card-pnl-main,.position-pnl-share-trigger .card-pnl-krw{white-space:nowrap;flex-wrap:nowrap}.position-pnl-share-trigger svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px;overflow:visible}.position-table-row .position-pnl-share-trigger{width:100%;padding:3px 18px 3px 0;display:block;overflow:hidden}.position-table-row .position-action-group .close-pos-btn{white-space:normal;width:100%;min-height:28px;padding:3px 5px;font-size:11px;line-height:1.15}.position-table-row .position-action-group{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4px;display:grid}.position-table-row .position-pnl-share-trigger__copy{width:100%;overflow:visible}.position-table-row .position-pnl-share-trigger .pnl-main{flex-direction:row;justify-content:flex-end;align-items:baseline;gap:4px;line-height:1.15}.position-table-row .position-pnl-share-trigger .pnl-value{text-overflow:clip;max-width:none;font-size:14px;font-weight:700;overflow:visible}.position-table-row .position-pnl-share-trigger .pnl-percent{opacity:1;font-size:12px;font-weight:600;line-height:1.15}.position-table-row .position-pnl-share-trigger .pnl-krw{font-size:10px;line-height:1.2}.position-table-row .position-pnl-share-trigger svg{position:absolute;top:50%;right:1px;transform:translateY(-50%)}.mobile-position-card .position-pnl-share-trigger{flex:0 48%;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 13px;align-items:center;gap:1px 5px;width:min(48%,180px);max-width:none;margin-left:auto;padding:2px 0}.mobile-position-card .position-pnl-share-trigger__copy{grid-area:2/1;max-width:100%}.mobile-position-card .position-pnl-share-trigger>svg{grid-area:1/2/span 2;align-self:center}.mobile-position-card .card-pnl-label{color:var(--text-muted);white-space:nowrap;grid-area:1/1;font-size:9px;line-height:1.1}.mobile-position-card .card-pnl-main{flex-direction:column;align-items:flex-end;gap:1px;min-width:0;line-height:1.1;display:flex}.mobile-position-card .card-pnl-amount{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mobile-position-card .card-pnl-roe{color:currentColor;opacity:.9;font-size:9px;line-height:1.1}.mobile-position-card .card-realized-pnl{font-size:10px;font-weight:500}.mobile-position-card .card-realized-pnl .card-value{font-size:10px}.mobile-position-card .card-realized-pnl .card-value-sub{font-size:9px}.modal-backdrop:has(>.position-share-modal){z-index:11000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px}.modal.position-share-modal{border:1px solid var(--border);background:var(--bg-dark);width:min(380px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:10px;overflow:hidden;box-shadow:0 24px 70px #0000009e}.position-share-modal__title{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.position-share-card-shell{background:var(--bg-dark);flex-direction:column;width:100%;display:flex;position:relative}.position-share-modal__close{z-index:3;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-dark), transparent 18%);width:27px;height:27px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:9px;right:9px}.position-share-modal__close:hover{border-color:var(--yellow);color:var(--yellow)}.position-share-preview{background:var(--bg-dark);width:100%;position:relative;overflow:hidden}.position-share-preview canvas{aspect-ratio:4/5;width:100%;height:auto;display:block}.position-share-preview__state{color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060807d6;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;inset:0}.position-share-preview__state.is-error{color:var(--red);text-align:center;padding:20px}.position-share-spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite position-share-spin}@keyframes position-share-spin{to{transform:rotate(360deg)}}.position-share-toolbar{border-top:1px solid var(--border);background:var(--bg-card);align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.position-share-option{border:1px solid var(--border);background:var(--bg-input);min-height:38px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.position-share-option input{width:14px;height:14px;accent-color:var(--green);flex:none;margin:0}.position-share-actions{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.position-share-actions button{border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;padding:7px 9px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,filter .15s;display:inline-flex}.position-share-actions__download{background:var(--bg-input);color:var(--text)}.position-share-actions__download:hover{border-color:var(--text-secondary);background:var(--bg-hover)}.position-share-actions__share{color:var(--bg-dark);border-color:var(--green)!important;background:var(--green)!important}.position-share-actions__share:hover{filter:brightness(1.08)}.position-share-actions button:disabled,.position-share-modal__close:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.modal-backdrop:has(>.position-share-modal){align-items:center;padding:8px}.modal.position-share-modal{border-radius:9px;width:min(340px,100vw - 16px);max-height:calc(100dvh - 16px)}.position-share-toolbar{gap:5px;padding:6px}.position-share-option,.position-share-actions button{min-height:36px;padding-inline:7px;font-size:10px}.position-share-actions{gap:5px}}@container position-pnl-share (max-width:180px){.position-table-row .position-pnl-share-trigger .pnl-value{font-size:13px}.position-table-row .position-pnl-share-trigger .pnl-percent{font-size:11px}.position-table-row .position-pnl-share-trigger .pnl-krw{font-size:10px}}@container position-pnl-share (max-width:135px){.position-table-row .position-pnl-share-trigger .pnl-value{font-size:12px}.position-table-row .position-pnl-share-trigger .pnl-percent{font-size:10px}.position-table-row .position-pnl-share-trigger .pnl-krw{font-size:9px}}@media (prefers-reduced-motion:reduce){.position-share-spinner{animation:none}}
@font-face{font-family:OKXSans;font-style:normal;font-weight:200;font-display:swap;src:url(https://www.okx.com/cdn/assets/okfe/libs/fonts/OKX_Sans/Thin.woff2)format("woff2")}@font-face{font-family:OKXSans;font-style:normal;font-weight:300;font-display:swap;src:url(https://www.okx.com/cdn/assets/okfe/libs/fonts/OKX_Sans/Light.woff2)format("woff2")}@font-face{font-family:OKXSans;font-style:normal;font-weight:400;font-display:swap;src:url(https://www.okx.com/cdn/assets/okfe/libs/fonts/OKX_Sans/Regular.woff2)format("woff2")}@font-face{font-family:OKXSans;font-style:normal;font-weight:500;font-display:swap;src:url(https://www.okx.com/cdn/assets/okfe/libs/fonts/OKX_Sans/Medium.woff2)format("woff2")}@font-face{font-family:OKXSans;font-style:normal;font-weight:600;font-display:swap;src:url(https://www.okx.com/cdn/assets/okfe/libs/fonts/OKX_Sans/Bold.woff2)format("woff2")}.mobile-chart-launcher,.mobile-trade-dock--okx,.trade-workspace-rail,.tablet-trades-pane{display:none}body.future-page:has(.future-layout--okx){--okx-font-family:"OKXSans", "Pretendard Variable", Pretendard, apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--header-height:50px;--bg-dark:#000;--bg-card:#000;--bg-input:#ffffff21;--bg-hover:#212121;--border:#2e2e2e;--text:#fff;--text-secondary:#969696;--text-muted:#909090;--green:#25a750;--green-bg:#25a75033;--red:#ca3f64;--red-bg:#ca3f6433;--yellow:#fff;--font:var(--okx-font-family);--mono:var(--okx-font-family);color:#fff;font-family:var(--okx-font-family);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;background:#000;font-size:14px;line-height:14px}body:has(.future-layout--okx) .header{height:50px;font-family:var(--okx-font-family);background:#000;border-bottom:0;padding:0 24px}body:has(.future-layout--okx) .header__logo{min-height:40px;margin-right:10px;padding-right:18px}body:has(.future-layout--okx) .header__logo:after{height:18px}body:has(.future-layout--okx) .header__logo-image{width:128px;height:auto}body:has(.future-layout--okx) .header__nav-link{min-height:38px;padding-inline:9px;font-size:14px;color:#fafafa!important;font-weight:400!important}body:has(.future-layout--okx) .header__nav-link:link{min-height:38px;padding-inline:9px;font-size:14px;color:#fafafa!important;font-weight:400!important}body:has(.future-layout--okx) .header__nav-link:visited{min-height:38px;padding-inline:9px;font-size:14px;color:#fafafa!important;font-weight:400!important}:is(body:has(.future-layout--okx) .header__tool-link,body:has(.future-layout--okx) .header__notification-bell,body:has(.future-layout--okx) .header__mobile-toggle){flex-basis:38px;width:38px;height:38px}body:has(.future-layout--okx) .header__auth .btn{min-height:38px;padding-inline:12px}body:has(.future-layout--okx) .header__auth .btn--primary{min-width:74px}body:has(.future-layout--okx) .header .trade-language-toggle{min-height:30px}@media (min-width:1024px){body:has(.future-layout--okx) .header__nav{display:flex}}.future-layout--okx{--workspace-main-height:568px;grid-template-columns:minmax(0,61.8fr) minmax(224px,18.1fr) minmax(256px,20.1fr) 48px;grid-template-rows:44px var(--workspace-main-height) minmax(238px, 1fr);color:#fff;background:#000;grid-template-areas:"symbol symbol trade rail""chart orderbook trade rail""bottom bottom trade rail";width:100%;min-width:0;min-height:calc(100svh - 50px);margin-top:50px;font-size:14px;line-height:14px;display:grid;position:relative;overflow:clip}.future-layout--okx,.future-layout--okx button,.future-layout--okx input,.future-layout--okx select{font-family:var(--okx-font-family);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.future-layout--okx .future-symbol-bar,.future-layout--okx .trade-chart-region,.future-layout--okx .future-chart,.future-layout--okx .future-orderbook,.future-layout--okx .future-panel,.future-layout--okx .future-bottom,.future-layout--okx .panel-header,.future-layout--okx .panel-body,.future-layout--okx .chart-toolbar,.future-layout--okx .chart-container,.future-layout--okx .orderbook-content,.future-layout--okx .ob-control-bar,.future-layout--okx .ob-tab-bar,.future-layout--okx .bottom-tabs{background:#000}.future-layout--okx button,.future-layout--okx a,.future-layout--okx [role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.future-layout--okx button:focus-visible,.future-layout--okx a:focus-visible,.future-layout--okx [role=button]:focus-visible,.future-layout--okx input:focus-visible,.future-layout--okx select:focus-visible{outline-offset:-2px;outline:2px solid #c6ff4a}.future-layout--okx .future-symbol-bar{border-bottom:1px solid #2e2e2e;border-right:1px solid #2e2e2e;grid-area:symbol;gap:clamp(12px,1.35vw,24px);width:100%;min-width:0;height:44px;min-height:44px;padding:0 16px;display:flex;overflow:visible}.future-layout--okx .future-symbol-bar .symbol-selector,.future-layout--okx .future-symbol-bar .symbol-main-shell{flex-wrap:nowrap;flex:none;align-items:center;min-width:0;height:100%;display:inline-flex}.future-layout--okx .future-symbol-bar .symbol-main{white-space:nowrap;flex:none;gap:8px;min-height:42px;padding:0}.future-layout--okx .future-symbol-bar .coin-icon{flex:0 0 24px;width:24px;height:24px}.future-layout--okx .future-symbol-bar .symbol-star-spacer{display:none}.future-layout--okx .future-symbol-bar .symbol-star{color:#909090;border:.5px solid #404040;border-radius:5px;flex:0 0 23px;order:2;width:23px;height:23px;margin-left:10px;font-size:16px;position:static;transform:none}.future-layout--okx .future-symbol-bar .symbol-star:hover,.future-layout--okx .future-symbol-bar .symbol-star.active{color:#fff;border-color:#606060}.future-layout--okx .future-symbol-bar .symbol-name{color:#fff;letter-spacing:0;white-space:nowrap;gap:7px;font-size:16px;font-weight:600;line-height:20px}.future-layout--okx .future-symbol-bar .symbol-korean-name{color:#a3a3a3;letter-spacing:-.01em;font-size:12px;font-weight:500;line-height:16px}.future-layout--okx .future-symbol-bar .symbol-row-1{white-space:nowrap;flex-wrap:nowrap;gap:0}.future-layout--okx .future-symbol-bar .dropdown-chevron{color:#909090;flex-basis:14px;width:14px;height:14px;margin-left:6px}.future-layout--okx .future-symbol-bar .symbol-row-2{display:none}.future-layout--okx .future-symbol-bar .price-section{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.future-layout--okx .future-symbol-bar .current-price{font-family:var(--okx-font-family);font-size:14px;font-weight:600;line-height:20px}.future-layout--okx .future-symbol-bar .mark-price{color:#909090;font-family:var(--okx-font-family);font-size:12px;line-height:16px}.future-layout--okx .future-symbol-bar .bar-divider{display:none}.future-layout--okx .future-symbol-bar .stat-item{flex:auto;justify-content:center;gap:1px;min-width:0}.future-layout--okx .future-symbol-bar .stat-label{color:#909090;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.future-layout--okx .future-symbol-bar .stat-value{color:#eee;max-width:100%;font-family:var(--okx-font-family);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}.future-layout--okx .future-symbol-bar .stat-item--change,.future-layout--okx .mobile-market-summary,.future-layout--okx .mobile-symbol-type,.future-layout--okx .mobile-chart-focus-trigger{display:none}@media (min-width:1024px){.future-layout--okx .future-symbol-bar .symbol-main{height:24px;min-height:24px}}.future-layout--okx .trade-chart-region{border-bottom:1px solid #2e2e2e;border-right:1px solid #2e2e2e;grid-area:chart;grid-template-rows:44px 35px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.trade-workspace-tabs{background:#000;border-bottom:1px solid #2e2e2e;align-items:stretch;gap:24px;min-width:0;height:44px;padding:0 16px;display:flex;overflow:hidden}.trade-workspace-tabs a{color:#969696;align-items:center;min-width:max-content;font-size:14px;font-weight:500;line-height:19px;display:inline-flex;position:relative}.trade-workspace-tabs a:hover,.trade-workspace-tabs a.active{color:#fafafa}.trade-workspace-tabs a.active:after{content:"";background:#fafafa;height:2px;position:absolute;bottom:-1px;left:0;right:0}.trade-market-status{color:#909090;white-space:nowrap;border-bottom:1px solid #202020;align-items:center;gap:7px;min-width:0;height:35px;padding:0 16px;font-size:12px;font-weight:400;line-height:16px;display:flex;overflow:hidden}.trade-market-status__signal{background:#25a750;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #25a7501f}.trade-market-status>span:nth-child(2){color:#b9b9b9}.trade-market-status a{color:#696969;text-overflow:ellipsis;min-width:0;overflow:hidden}.future-layout--okx .trade-chart-region>.future-chart{background:#000;border:0;grid-area:3/1;width:100%;min-width:0;height:100%;min-height:0;max-height:none;padding:0;overflow:hidden}.future-layout--okx .chart-workspace__grid,.future-layout--okx .chart-workspace__pane,.future-layout--okx .chart-plot{background:#000}.future-layout--okx .chart-loading-overlay{background:#000000eb}.future-layout--okx .chart-toolbar{border-bottom:1px solid #202020;gap:2px;min-height:45px;padding:5px 8px}.future-layout--okx .chart-identity{display:none}.future-layout--okx .interval-btn,.future-layout--okx .chart-more-intervals,.future-layout--okx .chart-reset-btn,.future-layout--okx .chart-workspace-control-btn{color:#969696;background:0 0;border-color:#0000;min-height:30px;font-size:14px;font-weight:500;line-height:19px}.future-layout--okx .interval-btn:hover,.future-layout--okx .interval-btn.active,.future-layout--okx .chart-workspace-control-btn:hover{color:#fafafa;background:#242424;border-color:#0000}.future-layout--okx .future-symbol-bar .funding .stat-value{color:#ffb117}.future-layout--okx .chart-reset-btn kbd{display:none}.future-layout--okx .future-orderbook{border-bottom:1px solid #2e2e2e;border-right:1px solid #2e2e2e;grid-area:orderbook;width:100%;min-width:0;height:100%;min-height:0;max-height:none;overflow:hidden}.future-layout--okx .ob-tab-bar{border-bottom:1px solid #2e2e2e;flex:0 0 44px;min-height:44px;padding:0 14px}.future-layout--okx .ob-tabs{gap:22px;height:100%}.future-layout--okx .ob-panel-tab{color:#909090;padding:0;font-size:14px;font-weight:500;line-height:19px}.future-layout--okx .ob-panel-tab.active{color:#fafafa}.future-layout--okx .ob-panel-tab.active:after{background:#fafafa;height:2px;bottom:-1px;left:0;right:0}.future-layout--okx .ob-control-bar{flex:0 0 38px;min-height:38px;padding:6px 11px}.future-layout--okx .ob-view-btn{width:24px;height:24px}.future-layout--okx .ob-precision{color:#fff;background:#1d1d1d;border:1px solid #0000;border-radius:5px;height:26px;padding-inline:8px;font-size:14px;font-weight:400;line-height:16px}.future-layout--okx .ob-precision-shell{min-width:0;position:relative}.future-layout--okx .ob-precision{cursor:pointer}.future-layout--okx .ob-precision-menu{margin-top:0;top:calc(100% + 4px)}.future-layout--okx .ob-precision-option{text-align:left;background:0 0;border:0;width:100%;display:block}.future-layout--okx .ob-precision-menu{background:#1d1d1d;border-color:#2e2e2e}.future-layout--okx .ob-precision-option.active,.future-layout--okx .ob-precision-option:hover{color:#fafafa;background:#292929}.future-layout--okx .orderbook-header,.future-layout--okx .trades-header{color:#909090;border-color:#202020;min-height:36px;padding:6px 11px;font-size:12px;font-weight:400;line-height:16px}.future-layout--okx .ob-row,.future-layout--okx .trade-row{color:#eee;height:20px;min-height:20px;font-family:var(--okx-font-family);padding:2px 11px;font-size:12px;font-weight:500;line-height:16px}.future-layout--okx .ob-row.ask .ob-price,.future-layout--okx .trade-price.down{color:#ca3f64}.future-layout--okx .ob-row.bid .ob-price,.future-layout--okx .trade-price.up{color:#25a750}.future-layout--okx .ob-row .ob-qty,.future-layout--okx .ob-row .ob-total{color:#fafafa}.future-layout--okx .ob-row.ask .depth-bar,.future-layout--okx .ob-row.ask .ob-depth{opacity:1;background:#ca3f6433}.future-layout--okx .ob-row.bid .depth-bar,.future-layout--okx .ob-row.bid .ob-depth{opacity:1;background:#25a75033}.future-layout--okx .ob-current-price{background:#000;border-color:#202020;flex:0 0 32px;min-height:32px;padding:5px 11px}.future-layout--okx .ob-last-value{font-size:20px;font-weight:600;line-height:20px}.future-layout--okx .ob-bs-ratio{min-height:32px;font-family:var(--okx-font-family);border-color:#2e2e2e;flex:0 0 32px;padding:5px 11px;font-size:12px;font-weight:400;line-height:20px}.future-layout--okx .ob-bs-ratio .bs-buy{color:#25a750;background:#25a75026}.future-layout--okx .ob-bs-ratio .bs-sell{color:#ca3f64;background:#ca3f6426}.future-layout--okx .future-panel{grid-area:trade;grid-template-rows:44px var(--workspace-main-height) 44px minmax(0, 1fr);width:100%;min-width:0;min-height:0;box-shadow:none;background:#000;border:0;border-right:1px solid #2e2e2e;border-radius:0;display:grid;overflow:hidden}.future-layout--okx .future-panel>.panel-header{border-bottom:1px solid #2e2e2e;align-items:center;width:100%;min-width:0;height:44px;min-height:44px;padding:0 16px;display:flex}.future-layout--okx .panel-title{color:#fff;font-size:14px;font-weight:500;line-height:19px}.future-layout--okx .trade-panel-tools{gap:2px}.future-layout--okx .panel-tool-btn{color:#8f8f8f;background:0 0;border-color:#0000;width:32px;height:32px}.future-layout--okx .panel-tool-btn:hover,.future-layout--okx .panel-tool-btn.active{color:#fafafa;background:#1d1d1d;border-color:#2e2e2e}.future-layout--okx .future-panel>.panel-body{width:100%;min-width:0;min-height:0;height:var(--workspace-main-height);overscroll-behavior:contain;scrollbar-width:thin;gap:0;padding:0 16px;display:flex;overflow:hidden auto}.future-layout--okx .desktop-trade-form,.future-layout--okx .order-area{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.future-layout--okx .position-intent-tabs{background:#1d1d1d;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;min-height:36px;margin:12px 0 8px;padding:4px;display:grid}.future-layout--okx .position-intent-tabs button{color:#969696;cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:0;min-height:28px;font-size:12px;font-weight:500;line-height:12px}.future-layout--okx .position-intent-tabs button.active:first-child{color:#fff;background:#25a750}.future-layout--okx .position-intent-tabs button.active:last-child{color:#fff;background:#ca3f64}.future-layout--okx .margin-leverage-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;padding:0 0 8px;display:grid}.future-layout--okx .margin-mode-select select,.future-layout--okx .leverage-select-btn{color:#eee;background:#2c2c2c;border:1px solid #0000;border-radius:6px;width:100%;min-height:32px;font-size:12px;font-weight:400}.future-layout--okx .margin-mode-select select:hover,.future-layout--okx .leverage-select-btn:hover{background:#292929;border-color:#464646}.future-layout--okx .order-type-tabs{border-bottom:1px solid #2e2e2e;align-items:stretch;gap:14px;min-height:35px;padding:0}.future-layout--okx .order-type-tab{color:#969696;border-radius:0;flex:0 auto;min-height:35px;padding:0;font-size:12px;font-weight:500;line-height:12px;position:relative;overflow:visible}.future-layout--okx .order-type-tab:hover,.future-layout--okx .order-type-tab.active{color:#fafafa;box-shadow:none;background:0 0}.future-layout--okx .order-type-tab.active:after{content:"";background:#fafafa;height:2px;position:absolute;bottom:-1px;left:0;right:0}.future-layout--okx .order-type-advanced{align-items:stretch;min-width:0;display:flex;position:relative}.future-layout--okx .order-type-advanced>.order-type-tab{padding-right:14px}.future-layout--okx .order-type-advanced__toggle{z-index:2;color:#969696;cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:35px;padding:0;font-size:11px;display:grid;position:absolute;top:0;right:-3px}.future-layout--okx .order-type-advanced__toggle:hover,.future-layout--okx .order-type-advanced__toggle[aria-expanded=true]{color:#fafafa}.future-layout--okx .order-type-advanced__menu{z-index:80;background:#1d1d1d;border:1px solid #2e2e2e;border-radius:7px;gap:2px;width:max-content;min-width:126px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0000007a}.future-layout--okx .order-type-advanced__menu button{color:#b7b7b7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:34px;padding:0 10px;font-size:11px}.future-layout--okx .order-type-advanced__menu button:hover,.future-layout--okx .order-type-advanced__menu button[aria-checked=true]{color:#fafafa;background:#292929}.future-layout--okx .mobile-order-type-select{display:none}.future-layout--okx .input-group{min-width:0;padding:9px 0 0}.future-layout--okx .input-group label{color:#f0f0f0;margin:0 0 5px;font-size:12px;font-weight:400;line-height:16px}.future-layout--okx .input-wrapper{background:#ffffff21;border:1px solid #0000;border-radius:8px;width:100%;min-width:0;height:40px;overflow:hidden}.future-layout--okx .input-wrapper:hover,.future-layout--okx .input-wrapper:focus-within{border-color:#545454}.future-layout--okx .input-wrapper input{color:#fafafa;width:0;min-width:0;font-family:var(--okx-font-family);text-align:left;padding:9px 10px;font-size:14px;font-weight:400;line-height:16px}.future-layout--okx .input-wrapper input::placeholder{color:#666}.future-layout--okx .input-suffix{color:#eee;min-width:0;padding-right:8px;font-size:12px;line-height:16px}.future-layout--okx .last-btn{color:#fafafa;background:#292929;border-radius:5px;min-height:28px;padding:5px 8px;font-size:10px}.future-layout--okx .slider-container{padding:23px 7px 8px}.future-layout--okx .slider-track{background:#3b3b3b;height:3px}.future-layout--okx .slider-fill{background:#fafafa}.future-layout--okx .slider-tick,.future-layout--okx .slider-thumb{background:#000;border-color:#969696}.future-layout--okx .slider-label{color:#777;font-size:9px}.future-layout--okx .slider-label:hover{color:#fafafa}.future-layout--okx .order-info{padding:3px 0 7px}.future-layout--okx .info-row{color:#cfcfcf;min-width:0;padding:2px 0;font-size:10px}.future-layout--okx .info-row span:first-child{color:#777}.future-layout--okx .info-row .link{color:#fafafa}.future-layout--okx .order-options{padding:0 0 9px}.future-layout--okx .checkbox-label{color:#cfcfcf;font-size:10px}.future-layout--okx .checkbox-label input{accent-color:#25a750}.future-layout--okx .guest-actions,.future-layout--okx .action-buttons{width:100%;padding:2px 0 8px}.future-layout--okx .guest-actions__cta,.future-layout--okx .action-btn{border-radius:999px;min-height:40px;font-size:14px;font-weight:400;line-height:16px}.future-layout--okx .guest-actions__cta,.future-layout--okx .action-btn.long{color:#fff;background:#25a750}.future-layout--okx .action-btn.short{color:#fff;background:#ca3f64}.future-layout--okx .extra-info{color:#969696;border:0;align-items:center;gap:8px;min-height:34px;padding:6px 0 10px;font-size:9.5px}.future-layout--okx .fee-calculator-button{color:#d5d5d5}.future-layout--okx .account-section,.future-layout--okx .contract-section{background:#000;border-color:#2e2e2e}.future-panel-assets{color:#fafafa;background:#000;border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;justify-content:space-between;align-items:center;width:100%;min-width:0;height:44px;padding:0 16px;display:flex}.future-panel-assets strong{font-size:13px;font-weight:600}.future-panel-assets a{color:#858585;place-items:center;width:32px;height:32px;display:grid}.future-layout--okx .future-bottom{background:#000;border:0;border-right:1px solid #2e2e2e;grid-area:bottom;width:100%;min-width:0;min-height:238px;overflow:hidden}.future-layout--okx .bottom-tabs{border-bottom:1px solid #2e2e2e;flex:0 0 44px;min-height:44px;padding:0 12px;overflow-x:auto}.future-layout--okx .bottom-tab{color:#969696;min-height:44px;padding:0 13px;font-size:14px;font-weight:500;line-height:16px}.future-layout--okx .bottom-tab:hover,.future-layout--okx .bottom-tab.active{color:#fafafa}.future-layout--okx .bottom-tab.active:after{background:#fafafa;height:2px;left:13px;right:13px}.future-layout--okx .bottom-content{background:#000;min-height:0}.future-layout--okx .guest-panel-empty{gap:8px;min-height:164px;padding:36px 20px}.future-layout--okx .guest-panel-icon{display:none}.future-layout--okx .guest-panel-text{color:#777;font-size:12px}.future-layout--okx .guest-panel-actions .btn-guest-primary{color:#fff;background:#25a750}.future-layout--okx .trade-workspace-rail{background:#000;border-left:0;flex-direction:column;grid-area:rail;align-items:center;gap:2px;width:48px;min-width:48px;min-height:0;display:flex;overflow:hidden}.trade-workspace-rail>a,.trade-workspace-rail>button{color:#969696;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;min-height:42px;font-size:15px;display:grid}.trade-workspace-rail>a:hover,.trade-workspace-rail>button:hover,.trade-workspace-rail>.active{color:#fafafa;background:#1d1d1d}.trade-workspace-rail__collapse{margin-bottom:4px;border-bottom:1px solid #2e2e2e!important;border-radius:0!important}.trade-workspace-rail__number{font-family:var(--okx-font-family);border:1px solid #343434!important;border-radius:50%!important;font-size:12px!important}.trade-workspace-rail__number.active{border-color:#777!important}.trade-workspace-rail__divider{background:#2e2e2e;flex:0 0 1px;width:32px;height:1px;margin:6px 0}@media (max-width:1280px) and (min-width:1024px){body:has(.future-layout--okx) .header__logo-image{width:128px;height:auto}body:has(.future-layout--okx) .header{border-top:6px solid #3b3b3b;height:72px}body:has(.future-layout--okx) .header__logo{margin-right:4px;padding-right:12px}body:has(.future-layout--okx) .header__logo:after{height:32px}body:has(.future-layout--okx) .header__nav{gap:0;margin-left:10px}body:has(.future-layout--okx) .header__nav-link{gap:8px;min-height:48px;padding-inline:12px;font-size:17px}body:has(.future-layout--okx) .header__nav-link:link{gap:8px;min-height:48px;padding-inline:12px;font-size:17px}body:has(.future-layout--okx) .header__nav-link:visited{gap:8px;min-height:48px;padding-inline:12px;font-size:17px}body:has(.future-layout--okx) .header__nav-leverage{min-width:0;height:21px;padding-inline:9px;font-size:11px}body:has(.future-layout--okx) .header__utility{display:none}:is(body:has(.future-layout--okx) .header__tools,body:has(.future-layout--okx) .header__auth,body:has(.future-layout--okx) .header__user){display:none}.future-layout--okx{min-height:calc(100svh - 72px);margin-top:72px}.future-layout--okx .future-symbol-bar{gap:10px;padding-inline:12px}.future-layout--okx .future-symbol-bar .stat-item--turnover,.future-layout--okx .future-symbol-bar .stat-item--interest{display:none}.future-layout--okx .future-panel>.panel-body{padding-inline:12px}}@media (min-width:768px) and (max-width:1023px){body:has(.future-layout--okx) .header{height:50px;padding-inline:16px}body:has(.future-layout--okx) .header__logo-image{width:96px}:is(body:has(.future-layout--okx) .header__nav,body:has(.future-layout--okx) .header__tools){display:none}body:has(.future-layout--okx) .header__utility{display:flex}.future-layout--okx{--workspace-main-height:694px;grid-template:"symbol symbol"48px"trade chart"391px"trade orderbook"303px"bottom bottom"minmax(232px,1fr)/minmax(260px,34.8fr) minmax(0,65.2fr);min-height:calc(100svh - 50px);overflow:clip visible}.future-layout--okx .future-symbol-bar{border-right:0;gap:14px;height:48px;min-height:48px;padding-inline:16px}.future-layout--okx .future-symbol-bar .symbol-main{min-height:46px}.future-layout--okx .future-symbol-bar .symbol-star{display:none}.future-layout--okx .future-symbol-bar .symbol-selector{flex:0 0 250px;width:250px;max-width:250px;overflow:visible}.future-layout--okx .future-symbol-bar .symbol-main-shell,.future-layout--okx .future-symbol-bar .symbol-main{width:auto;min-width:0}.future-layout--okx .future-symbol-bar .price-section,.future-layout--okx .future-symbol-bar .stat-item--index,.future-layout--okx .future-symbol-bar .funding{display:flex}.future-layout--okx .future-symbol-bar .mobile-market-summary,.future-layout--okx .future-symbol-bar .symbol-row-2,.future-layout--okx .future-symbol-bar .mobile-chart-focus-trigger,.future-layout--okx .future-symbol-bar .stat-item--high,.future-layout--okx .future-symbol-bar .stat-item--low,.future-layout--okx .future-symbol-bar .stat-item--turnover,.future-layout--okx .future-symbol-bar .stat-item--interest{display:none}.future-layout--okx .future-symbol-bar .stat-item{flex:0 auto;min-width:78px}.future-layout--okx .future-symbol-bar .funding{min-width:150px}.future-layout--okx .trade-chart-region{border-right:0;grid-template-rows:44px 35px minmax(0,1fr);height:391px}.future-layout--okx .future-panel{border-bottom:1px solid #2e2e2e;border-right:1px solid #2e2e2e;grid-template-rows:44px minmax(0,1fr);height:694px;min-height:694px}.future-layout--okx .future-panel>.panel-body{height:auto;min-height:0;padding-inline:16px}.future-layout--okx .future-panel-assets{display:none}.future-layout--okx .position-intent-tabs{margin-top:12px}.future-layout--okx .future-panel .order-type-tabs{display:flex!important}.future-layout--okx .future-panel .mobile-order-type-select{display:none!important}.future-layout--okx .future-panel .input-group{min-height:0;padding:9px 0 0;position:static}.future-layout--okx .future-panel .input-group label{clip:auto;color:#cfcfcf;white-space:normal;width:auto;height:auto;margin:0 0 5px;padding:0;font-size:11px;display:block;position:static;overflow:visible}.future-layout--okx .future-panel .input-wrapper{height:40px}.future-layout--okx .future-panel .order-info,.future-layout--okx .future-panel .order-options,.future-layout--okx .future-panel .guest-actions,.future-layout--okx .future-panel .action-buttons,.future-layout--okx .future-panel .extra-info{order:initial}.future-layout--okx .future-panel .guest-actions,.future-layout--okx .future-panel .action-buttons{margin-top:8px}.future-layout--okx .future-orderbook{border-top:0;border-right:1px solid #2e2e2e;grid-template-rows:44px 38px minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));height:303px;min-height:303px;display:grid!important}.future-layout--okx .future-orderbook>.mobile-orderbook-meta{display:none}.future-layout--okx .future-orderbook>.ob-tab-bar{grid-area:1/1;min-width:0}.future-layout--okx .future-orderbook>.ob-tab-bar .ob-panel-tab:nth-child(2){display:none}.future-layout--okx .future-orderbook>.ob-control-bar{grid-area:2/1;min-width:0}.future-layout--okx .future-orderbook>.ob-panel{grid-area:3/1;min-width:0;min-height:0}.future-layout--okx .future-orderbook .orderbook-header,.future-layout--okx .future-orderbook .ob-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.future-layout--okx .future-orderbook .orderbook-header>span:nth-child(3),.future-layout--okx .future-orderbook .ob-total{display:none}.future-layout--okx .future-orderbook .ob-row{height:18px;min-height:18px;padding-block:1px;font-size:9.5px;line-height:16px}.future-layout--okx .future-orderbook .ob-current-price{flex-basis:36px;min-height:36px}.future-layout--okx .future-orderbook .ob-last-value{font-size:17px}.future-layout--okx .future-orderbook .ob-bs-ratio{flex-basis:23px;min-height:23px;padding-block:3px}.future-layout--okx .tablet-trades-pane{background:#000;border-left:1px solid #2e2e2e;flex-direction:column;grid-area:1/2/4;min-width:0;min-height:0;display:flex;overflow:hidden}.future-layout--okx .tablet-trades-pane>h2{color:#fafafa;border-bottom:1px solid #2e2e2e;flex:0 0 44px;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.future-layout--okx .tablet-trades-pane>.ob-panel{min-height:0}.future-layout--okx .tablet-trades-pane .trades-header{flex-basis:38px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 52px;min-height:38px;padding-inline:10px}.future-layout--okx .tablet-trades-pane .trade-row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 52px;height:20px;min-height:20px;padding-inline:10px;font-size:9.5px}.future-layout--okx .future-bottom{border-right:0;min-height:232px}.future-layout--okx .trade-workspace-rail,.future-layout--okx .mobile-chart-launcher,.future-layout--okx .mobile-trade-dock--okx{display:none!important}}@media (max-width:767px){html:has(.future-layout--okx){background:#000;width:100%;max-width:100%;overflow-x:hidden}body.future-page:has(.future-layout--okx){background:#000;width:100%;max-width:100%;overflow-x:hidden}body:has(.future-layout--okx) .header{height:50px;padding:0 10px 0 16px}body:has(.future-layout--okx) .header__logo{min-height:40px;margin:0;padding:0}body:has(.future-layout--okx) .header__logo:after{display:none}body:has(.future-layout--okx) .header__logo-image{width:104px}:is(body:has(.future-layout--okx) .header__nav,body:has(.future-layout--okx) .header__tools){display:none}body:has(.future-layout--okx) .header__utility{display:flex}body:has(.future-layout--okx) .header__right{gap:4px}body:has(.future-layout--okx) .header__auth .btn--primary{min-width:68px;min-height:34px;padding-inline:10px;font-size:11px}body:has(.future-layout--okx) .header__mobile-toggle{flex-basis:38px;width:38px;height:38px;display:flex}:is(.future-layout--okx,.future-layout--okx:has(.guest-actions)){--mobile-trade-row-height:570px;grid-template-columns:minmax(0,54.1fr) minmax(0,45.9fr);grid-template-rows:52px clamp(260px, 35svh, 340px) var(--mobile-trade-row-height) minmax(190px, auto);width:100%;max-width:100%;min-height:calc(100svh - 50px);padding:0 0 calc(61px + env(safe-area-inset-bottom));grid-template-areas:"symbol symbol""chart chart""trade orderbook""bottom bottom";margin-top:50px;display:grid;position:relative;overflow:clip}.future-layout--okx .future-symbol-bar{border-bottom:0;border-right:0;grid-area:symbol;grid-template-rows:52px;grid-template-columns:max-content minmax(0,1fr);gap:0;width:100%;max-width:100%;height:52px;min-height:52px;padding:0;display:grid;overflow:hidden}.future-layout--okx .future-symbol-bar .symbol-selector{grid-column:1;width:100%;min-width:0;padding-left:16px;overflow:hidden}.future-layout--okx .future-symbol-bar .symbol-main-shell,.future-layout--okx .future-symbol-bar .symbol-main{width:auto;min-width:0}.future-layout--okx .future-symbol-bar .symbol-main{gap:0;height:52px;min-height:52px;overflow:hidden}.future-layout--okx .future-symbol-bar .coin-icon,.future-layout--okx .future-symbol-bar .symbol-star{display:none}.future-layout--okx .future-symbol-bar .symbol-text{flex-direction:row;align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.future-layout--okx .future-symbol-bar .symbol-row-1,.future-layout--okx .future-symbol-bar .symbol-row-2{align-items:center;min-width:0;display:flex}.future-layout--okx .future-symbol-bar .symbol-row-1{flex:0 auto;gap:5px;width:auto}.future-layout--okx .future-symbol-bar .symbol-row-2{display:none}.future-layout--okx .future-symbol-bar .symbol-name{text-overflow:ellipsis;white-space:nowrap;gap:6px;max-width:112px;font-size:17px;font-weight:600;line-height:24px;overflow:hidden}.future-layout--okx .future-symbol-bar .symbol-row-1.has-korean-name .symbol-name{max-width:clamp(112px,54vw,190px)}.future-layout--okx .future-symbol-bar .symbol-korean-name{color:#a3a3a3;font-size:12px;font-weight:500;line-height:16px}.future-layout--okx .future-symbol-bar .symbol-row-1.has-korean-name .mobile-symbol-type,.future-layout--okx .symbol-dropdown .item-name.has-korean-name .perp-badge{display:none}.future-layout--okx .symbol-dropdown .dropdown-list-header,.future-layout--okx .symbol-dropdown .dropdown-item{padding-left:12px;padding-right:12px}.future-layout--okx .symbol-dropdown .dropdown-list-header .col-price,.future-layout--okx .symbol-dropdown .item-price{width:72px}.future-layout--okx .symbol-dropdown .dropdown-list-header .col-change,.future-layout--okx .symbol-dropdown .item-change{width:60px}.future-layout--okx .future-symbol-bar .mobile-symbol-type{color:#969696;white-space:nowrap;background:#ffffff21;border-radius:4px;align-items:center;min-width:max-content;height:22px;padding:0 5px;font-size:12px;font-weight:400;line-height:22px;display:inline-flex}.future-layout--okx .future-symbol-bar .dropdown-chevron{flex-basis:14px;width:14px;height:14px;margin-left:0}.future-layout--okx .future-symbol-bar .symbol-type{color:#969696;white-space:nowrap;word-break:keep-all;background:#ffffff21;border-radius:4px;align-items:center;min-height:22px;padding:0 5px;font-size:12px;font-weight:400;line-height:22px;display:inline-flex}.future-layout--okx .future-symbol-bar .mobile-change,.future-layout--okx .future-symbol-bar .price-section,.future-layout--okx .future-symbol-bar .bar-divider,.future-layout--okx .future-symbol-bar .stat-item{display:none}.future-layout--okx .mobile-market-summary{flex-direction:column;grid-column:2;justify-content:center;align-items:flex-start;gap:2px;width:100%;min-width:0;padding:0 16px;display:flex;overflow:hidden}.future-layout--okx .mobile-market-summary__price{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.future-layout--okx .mobile-market-summary__price strong{max-width:100%;font-family:var(--okx-font-family);text-overflow:clip;white-space:nowrap;font-size:14px;font-weight:500;line-height:16px;overflow:hidden}.future-layout--okx .mobile-market-summary__price span{font-size:12px;line-height:16px}.future-layout--okx .mobile-market-summary__stats,.future-layout--okx .mobile-chart-focus-trigger{display:none}.future-layout--okx .symbol-dropdown{border-radius:0;width:100%;max-height:calc(100svh - 102px);position:fixed;top:102px;left:0;right:0}.future-layout--okx .trade-chart-region{background:#000;border:0;border-bottom:1px solid #2e2e2e;grid-area:chart;grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.future-layout--okx .trade-chart-region>.trade-workspace-tabs,.future-layout--okx .trade-chart-region>.trade-market-status{display:none}.future-layout--okx .trade-chart-region>.future-chart{grid-row:1;width:100%;height:100%;min-height:0;max-height:none;display:flex}.future-layout--okx .trade-chart-region .chart-toolbar{gap:2px;min-height:44px;padding:4px;overflow:hidden}.future-layout--okx .trade-chart-region .chart-intervals{gap:1px}.future-layout--okx .trade-chart-region .interval-btn,.future-layout--okx .trade-chart-region .chart-more-intervals,.future-layout--okx .trade-chart-region .chart-analysis-trigger,.future-layout--okx .trade-chart-region .chart-reset-btn,.future-layout--okx .trade-chart-region .chart-workspace-control-btn{min-height:36px}.future-layout--okx .trade-chart-region .interval-btn{min-width:34px;padding-inline:6px;font-size:12px}.future-layout--okx .trade-chart-region .chart-more-intervals select{max-width:72px;min-height:36px;padding-left:6px;font-size:10px}.future-layout--okx .trade-chart-region .chart-analysis-trigger,.future-layout--okx .trade-chart-region .chart-reset-btn,.future-layout--okx .trade-chart-region .chart-workspace-control-btn{width:36px;min-width:36px;height:36px;padding:0}.future-layout--okx .trade-chart-region .chart-analysis-trigger,.future-layout--okx .trade-chart-region .chart-reset-btn{justify-content:center;position:relative}.future-layout--okx .trade-chart-region .chart-analysis-trigger>strong{min-width:12px;height:12px;padding:0 2px;font-size:7px;position:absolute;top:2px;right:2px}.future-layout--okx .trade-chart-region .chart-workspace:not(.chart-workspace--mobile-focus) .chart-fullscreen-trigger{width:36px;height:36px;min-height:36px;display:grid}.future-layout--okx .trade-chart-region:has(.chart-workspace--mobile-focus){z-index:1499;background:#000;border:0;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden;display:block!important}:is(.future-layout--okx .trade-chart-region:has(.chart-workspace--mobile-focus)>.trade-workspace-tabs,.future-layout--okx .trade-chart-region:has(.chart-workspace--mobile-focus)>.trade-market-status){display:none}.future-layout--okx .trade-chart-region .chart-workspace--mobile-focus{background:#000;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;position:absolute!important;inset:0!important}:is(body:has(.future-layout--okx .chart-workspace--mobile-focus) .mobile-chart-launcher,body:has(.future-layout--okx .chart-workspace--mobile-focus) .mobile-trade-dock--okx,body:has(.future-layout--okx .chart-workspace--mobile-focus) .chart-mobile-trade-dock){display:none!important}.future-layout--okx .future-panel{z-index:auto;width:100%;min-width:0;min-height:var(--mobile-trade-row-height);height:var(--mobile-trade-row-height);visibility:visible;max-height:none;box-shadow:none;pointer-events:auto;background:#000;border:1px solid #2e2e2e;border-top:0;border-left:0;border-radius:0;flex-direction:column;grid-area:trade;align-self:stretch;transition:none;display:flex;position:static;inset:auto;overflow:hidden;transform:none}.future-layout--okx .future-panel>.panel-header,.future-layout--okx .future-panel-assets{display:none}.future-layout--okx .future-panel>.panel-body{scrollbar-width:none;flex:auto;width:100%;min-width:0;height:100%;min-height:0;padding:0 10px 8px 16px;display:flex;overflow:hidden auto}.future-layout--okx .future-panel>.panel-body::-webkit-scrollbar{display:none}.future-layout--okx .future-panel .desktop-trade-form,.future-layout--okx .future-panel .order-area{min-height:100%}.future-layout--okx .position-intent-tabs{min-height:44px;margin:0 0 8px;padding:4px}.future-layout--okx .position-intent-tabs button{min-height:36px;font-size:12px}.future-layout--okx .margin-leverage-row{gap:4px;padding-bottom:7px}.future-layout--okx .margin-mode-select select,.future-layout--okx .leverage-select-btn{text-overflow:ellipsis;min-height:38px;padding:5px 20px 5px 7px;font-size:12px;overflow:hidden}.future-layout--okx .leverage-select-btn{padding-inline:5px}.future-layout--okx .order-type-tabs{display:none!important}.future-layout--okx .mobile-order-type-select{width:100%;margin:0 0 7px;display:block;position:relative}.future-layout--okx .mobile-order-type-select:after{color:#d0d0d0;content:"▾";pointer-events:none;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.future-layout--okx .mobile-order-type-select select{appearance:none;color:#fafafa;background:#ffffff21;border:0;border-radius:8px;outline:0;width:100%;height:40px;padding:0 26px 0 10px;font-size:14px;font-weight:500}.future-layout--okx .input-group{padding:0 0 6px;position:static}.future-layout--okx .input-group label{clip:auto;color:#f0f0f0;white-space:normal;width:auto;height:auto;margin:0 0 4px;padding:0;font-size:13px;font-weight:500;line-height:18px;display:block;position:static;overflow:visible}.future-layout--okx .input-wrapper{border:0;border-radius:8px;width:100%;min-width:0;height:42px}.future-layout--okx .input-wrapper input{width:0;min-width:0;padding:8px 5px 8px 8px;font-size:14px}.future-layout--okx .input-suffix{gap:2px;padding-right:6px;font-size:12px}.future-layout--okx .mobile-price-unit{font-size:8px;display:inline}.future-layout--okx .last-btn{justify-content:center;align-items:center;min-width:42px;min-height:30px;padding:4px 6px;font-size:9px;display:inline-flex}.future-layout--okx .qty-unit{text-overflow:ellipsis;max-width:38px;font-size:8px;overflow:hidden}.future-layout--okx .slider-container{padding:18px 5px 7px;display:block}.future-layout--okx .slider-labels{margin-top:6px}.future-layout--okx .slider-label{padding-inline:1px;font-size:9px}.future-layout--okx .order-info{order:11;padding:2px 0 5px}.future-layout--okx .info-row{gap:3px;padding:1px 0;font-size:9.5px;overflow:hidden}.future-layout--okx .info-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.future-layout--okx .info-row--max-size,.future-layout--okx .info-row--cost,.future-layout--okx .info-row--liquidation{display:none}.future-layout--okx .order-options{flex-direction:column;order:10;align-items:flex-start;gap:2px;min-height:28px;padding-bottom:4px}.future-layout--okx .checkbox-label{gap:4px;font-size:10px}.future-layout--okx .checkbox-label input{flex-basis:13px;width:13px;height:13px}.future-layout--okx .guest-actions,.future-layout--okx .action-buttons{background:0 0;order:12;width:100%;margin-top:5px;padding:3px 0 7px;position:static}.future-layout--okx .guest-actions__cta,.future-layout--okx .action-btn{min-height:44px;padding:6px 3px;font-size:14px;font-weight:400}.future-layout--okx .action-buttons{flex-direction:column;gap:4px;display:flex}.future-layout--okx .action-button-group{flex-direction:column;gap:3px;min-width:0;display:flex}.future-layout--okx .mobile-action-limit{display:none}.future-layout--okx .extra-info{order:13;min-height:28px;padding:3px 0 8px;font-size:9px}.future-layout--okx .extra-info>span{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.future-layout--okx .fee-calculator-button{font-size:9px}.future-layout--okx .account-section,.future-layout--okx .contract-section,.future-layout--okx .advanced-order-description{display:none}.future-layout--okx .future-orderbook{width:100%;min-width:0;min-height:var(--mobile-trade-row-height);height:var(--mobile-trade-row-height);background:#000;border:0;border-bottom:1px solid #2e2e2e;grid-area:orderbook;align-self:stretch;max-height:none;overflow:hidden;display:flex!important}.future-layout--okx .future-orderbook>.mobile-orderbook-meta{color:#777;min-width:0;min-height:44px;font-family:var(--okx-font-family);text-align:right;white-space:nowrap;background:#000;flex-direction:column;flex:0 0 44px;order:1;justify-content:center;align-items:flex-end;padding:4px 7px;line-height:1.25;display:flex;overflow:hidden}.future-layout--okx .mobile-orderbook-meta__label,.future-layout--okx .mobile-orderbook-meta__value{text-overflow:clip;max-width:100%;font-size:9px;overflow:hidden}.future-layout--okx .future-orderbook>.ob-tab-bar,.future-layout--okx .tablet-trades-pane{display:none}.future-layout--okx .future-orderbook>.ob-control-bar{z-index:3;background:#000;flex:0 0 44px;order:2;gap:4px;min-height:44px;padding:4px 7px;position:relative}.future-layout--okx .future-orderbook .ob-view-icons{display:none}.future-layout--okx .future-orderbook .ob-mobile-view-selector{flex:0 0 36px;width:36px;height:36px;display:block;position:relative}.future-layout--okx .future-orderbook .ob-mobile-view-trigger{background:0 0;border:0;border-radius:4px;place-content:center;gap:2px;width:36px;height:36px;padding:8px;display:grid}.future-layout--okx .future-orderbook .ob-mobile-view-trigger .bar{width:14px;height:3px;display:block}.future-layout--okx .future-orderbook .ob-mobile-view-trigger .bar-ask{background:#ca3f64}.future-layout--okx .future-orderbook .ob-mobile-view-trigger .bar-bid{background:#25a750}.future-layout--okx .future-orderbook .ob-precision-shell{flex:auto;min-width:0}.future-layout--okx .future-orderbook .ob-precision{justify-content:space-between;width:100%;min-width:0;height:36px;padding:0 7px;font-size:10px}.future-layout--okx .future-orderbook>.ob-panel{order:3;min-height:0}.future-layout--okx .future-orderbook .orderbook-header,.future-layout--okx .future-orderbook .ob-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.future-layout--okx .future-orderbook .orderbook-header{flex:0 0 36px;gap:2px;min-height:36px;padding:5px 7px;font-size:9.5px;line-height:1.1;overflow:hidden}.future-layout--okx .future-orderbook .orderbook-header>span{text-overflow:clip;flex-direction:column;min-width:0;display:flex;overflow:hidden}.future-layout--okx .future-orderbook .ob-header-label{font-size:10px}.future-layout--okx .future-orderbook .ob-header-unit{color:#686868;font-size:8.5px}.future-layout--okx .future-orderbook .orderbook-header>span:nth-child(3),.future-layout--okx .future-orderbook .ob-total,.future-layout--okx .future-orderbook .ob-header-unit--desktop,.future-layout--okx .future-orderbook .ob-qty--base{display:none}.future-layout--okx .future-orderbook .ob-header-unit--mobile,.future-layout--okx .future-orderbook .ob-qty--quote{display:block}.future-layout--okx .future-orderbook .orderbook-content,.future-layout--okx .future-orderbook .asks-section,.future-layout--okx .future-orderbook .bids-section{min-height:0;overflow:hidden}:is(.future-layout--okx .future-orderbook:has(.ob-mobile-view-trigger--both) .asks-section .ob-row:nth-last-child(n),.future-layout--okx .future-orderbook:has(.ob-mobile-view-trigger--both) .bids-section .ob-row:nth-child(n)){display:grid!important}.future-layout--okx .future-orderbook .ob-row{flex:1 1 0;align-items:center;gap:2px;width:100%;height:auto;min-height:19px;max-height:none;padding:1px 7px;font-size:clamp(9.5px,2.65vw,10.5px);line-height:1;overflow:hidden}.future-layout--okx .future-orderbook .ob-price,.future-layout--okx .future-orderbook .ob-qty{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.future-layout--okx .future-orderbook .ob-current-price{flex:0 0 48px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:0 3px;min-height:48px;padding:4px 7px;display:grid;overflow:hidden}.future-layout--okx .future-orderbook .ob-last-value{text-overflow:clip;white-space:nowrap;grid-area:1/1;min-width:0;font-size:clamp(15px,4.6vw,20px);overflow:hidden}.future-layout--okx .future-orderbook .ob-last-arrow{grid-area:1/2/-1}.future-layout--okx .future-orderbook .ob-mark-price{grid-area:2/1;font-size:9px}.future-layout--okx .future-orderbook .ob-mark-flag{display:none}.future-layout--okx .future-orderbook .ob-bs-ratio{flex:0 0 28px;gap:3px;min-height:28px;padding:3px 6px;font-size:9px}.future-layout--okx .future-orderbook .ob-bs-ratio .bs-side{gap:2px;min-width:0}.future-layout--okx .future-orderbook .ob-bs-ratio .bs-buy,.future-layout--okx .future-orderbook .ob-bs-ratio .bs-sell{min-width:16px;height:14px;padding-inline:2px;font-size:8px}.future-layout--okx .future-bottom{background:#000;border:0;grid-area:bottom;width:100%;min-width:0;min-height:190px;max-height:none;overflow:hidden}.future-layout--okx .bottom-tabs{flex-basis:44px;gap:2px;min-height:44px;padding:0 4px}.future-layout--okx .bottom-tab{min-height:44px;padding:0 9px;font-size:10px}.future-layout--okx .bottom-content{min-height:120px}.future-layout--okx .guest-panel-empty{min-height:120px;padding:24px 16px 110px}.future-layout--okx .guest-panel-actions,.future-layout--okx .guest-panel-icon,.future-layout--okx .mobile-position-filter{display:none}.future-layout--okx .mobile-chart-launcher{right:0;bottom:calc(61px + env(safe-area-inset-bottom));z-index:1190;color:#fafafa;text-align:left;cursor:pointer;background:#000;border:1px solid #2e2e2e;border-left:0;border-right:0;border-radius:0;grid-template-columns:22px minmax(0,auto) minmax(0,1fr) 20px;align-items:center;gap:4px;width:100%;height:38px;min-height:38px;padding:0 16px;display:none;position:fixed;left:0}.future-layout--okx .mobile-chart-launcher__icon{color:#cfcfcf;place-items:center;width:20px;height:20px;display:grid}.future-layout--okx .mobile-chart-launcher strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:550;overflow:hidden}.future-layout--okx .mobile-chart-launcher>span:nth-of-type(2){color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.future-layout--okx .mobile-chart-launcher>i{color:#969696;text-align:right;font-size:10px}.future-layout--okx .mobile-trade-dock--okx{z-index:1200;width:100%;height:calc(61px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);box-shadow:none;background:#000;border-top:1px solid #2e2e2e;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:fixed;bottom:0;left:0;right:0;display:grid!important}.future-layout--okx .mobile-trade-dock--okx a{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:60px;font-size:9px;display:flex}.future-layout--okx .mobile-trade-dock--okx a i{font-size:17px}.future-layout--okx .mobile-trade-dock--okx a.active{color:#fafafa}.future-layout--okx .mobile-trade-dock--okx a.active i{background:#171717;border:1px solid #3b3b3b;border-radius:8px;place-items:center;width:36px;height:28px;margin-top:0;font-size:14px;display:grid}.future-layout--okx .mobile-trade-dock--okx a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.future-layout--okx .trade-workspace-rail,.future-layout--okx.future-layout--mobile-keyboard-open .mobile-chart-launcher,.future-layout--okx.future-layout--mobile-keyboard-open .mobile-trade-dock--okx{display:none!important}}@media (max-width:1023px){body:has(.future-layout--okx) .header .trade-language-toggle{border-radius:8px;width:38px;height:38px;min-height:38px;margin:0;padding:0;display:inline-flex}body:has(.future-layout--okx) .header .header__utility .trade-language-option{border-radius:7px;place-items:center;width:100%;min-width:0;height:100%;padding:0;font-size:11px;font-weight:650;display:none}body:has(.future-layout--okx) .header .header__utility .trade-language-option:not(.active){display:grid}}@media (max-width:360px){:is(.future-layout--okx,.future-layout--okx:has(.guest-actions)){grid-template-columns:minmax(0,54.1fr) minmax(0,45.9fr)}.future-layout--okx .trade-chart-region .chart-intervals .interval-btn:nth-of-type(5){display:none}.future-layout--okx .future-symbol-bar .symbol-selector{padding-left:14px}.future-layout--okx .future-panel>.panel-body{padding-left:14px;padding-right:7px}.future-layout--okx .future-panel .input-wrapper input{padding-left:6px}}.future-layout--okx .modal-backdrop:has(>.position-tpsl-modal){box-sizing:border-box;z-index:1500;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000b8;padding:24px}.future-layout--okx .position-tpsl-modal{width:min(480px,100vw - 40px);max-width:calc(100vw - 40px);min-height:0;max-height:min(760px, calc(var(--modal-visual-viewport-height,100dvh) - 48px));color:#fafafa;background:#121212;border:1px solid #2e2e2e;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;animation:none;display:grid;overflow:hidden;box-shadow:0 20px 60px #0006}.future-layout--okx .position-tpsl-modal .close-modal-header{background:#121212;border-bottom:1px solid #2e2e2e;flex:none;min-width:0;min-height:68px;padding:14px 20px!important}.future-layout--okx .position-tpsl-modal .close-modal-title{flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.future-layout--okx .position-tpsl-modal .close-modal-symbol-name{color:#fafafa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden;font-size:16px!important;line-height:20px!important}.future-layout--okx .position-tpsl-modal__position{color:#969696;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:16px;display:flex}.future-layout--okx .position-tpsl-modal__position>strong{color:#969696;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.future-layout--okx .position-tpsl-modal .close-modal-side{background:0 0;border-radius:0;font-weight:500;line-height:16px;padding:0!important;font-size:12px!important}.future-layout--okx .position-tpsl-modal .close-modal-side.long{color:#25a750}.future-layout--okx .position-tpsl-modal .close-modal-side.short{color:#d04769}.future-layout--okx .position-tpsl-modal .close-modal-close{color:#969696;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:24px;line-height:1;display:grid}.future-layout--okx .position-tpsl-modal .close-modal-close:hover{color:#fafafa;background:#212121}.future-layout--okx .position-tpsl-modal .close-modal-body{overscroll-behavior:contain;scrollbar-color:#3b3b3b transparent;scrollbar-width:thin;background:#121212;min-height:0;scroll-padding-block:16px 88px;overflow:hidden auto;padding:0 20px 20px!important}.future-layout--okx .position-tpsl-modal .close-position-info{background:0 0;border-bottom:1px solid #2e2e2e;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:16px 0;display:grid}.future-layout--okx .position-tpsl-modal .close-info-row{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:0!important}.future-layout--okx .position-tpsl-modal .close-info-label,.future-layout--okx .position-tpsl-modal .close-qty-label,.future-layout--okx .position-tpsl-modal .close-field-label,.future-layout--okx .position-tpsl-modal .close-modal-field-label{color:#969696;line-height:16px;font-size:12px!important}.future-layout--okx .position-tpsl-modal .close-info-value{color:#fafafa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.future-layout--okx .position-tpsl-modal .position-protection-section,.future-layout--okx .position-tpsl-modal .position-protection-section:first-of-type{border-top:0;margin:0;padding:20px 0 0}.future-layout--okx .position-tpsl-modal .position-protection-section+.position-protection-section{border-top:1px solid #2e2e2e;margin-top:20px}.future-layout--okx .position-tpsl-modal .close-modal-field{margin-bottom:12px!important}.future-layout--okx .position-tpsl-modal .close-field-label,.future-layout--okx .position-tpsl-modal .close-modal-field-label{margin-bottom:8px!important}.future-layout--okx .position-tpsl-modal .close-input-wrap{background:#212121;border:1px solid #212121;border-radius:8px;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.future-layout--okx .position-tpsl-modal .close-input-wrap:focus-within{border-color:#fafafa;box-shadow:0 0 0 2px #c6ff4a}.future-layout--okx .position-tpsl-modal .close-input{color:#fafafa;height:46px;font-weight:500;line-height:20px;padding:0!important;font-size:14px!important}.future-layout--okx .position-tpsl-modal .close-input-unit{color:#969696;font-size:12px;line-height:16px}.future-layout--okx .position-tpsl-modal .position-protection-quantity{margin-top:0}.future-layout--okx .position-tpsl-modal .position-protection-mode{background:#212121;border:0;border-radius:8px;gap:2px;margin:0 0 12px;padding:2px}.future-layout--okx .position-tpsl-modal .position-protection-mode button{color:#969696;border-radius:6px;min-height:44px;padding:0 10px;font-size:13px;font-weight:500;line-height:18px;transition:background .15s,color .15s}.future-layout--okx .position-tpsl-modal .position-protection-mode button.active{color:#000;background:#fafafa}.future-layout--okx .position-tpsl-modal .close-qty-section{margin-bottom:16px}.future-layout--okx .position-tpsl-modal .close-qty-header{min-height:28px;margin-bottom:8px}.future-layout--okx .position-tpsl-modal .close-qty-max{color:#969696;align-items:center;gap:4px;min-height:28px;font-size:12px;line-height:16px;display:flex}.future-layout--okx .position-tpsl-modal .close-qty-max button{color:#fafafa;min-height:28px;line-height:16px}.future-layout--okx .position-tpsl-modal .close-qty-hint{color:#969696;min-height:16px;margin:0 0 12px;font-size:12px;line-height:16px}.future-layout--okx .position-tpsl-modal .close-qty-hint.is-error{color:#d04769}.future-layout--okx .position-tpsl-modal .close-percent-btns{gap:8px;margin-bottom:12px}.future-layout--okx .position-tpsl-modal .close-percent-btn{color:#969696;min-height:44px;box-shadow:none;background:#212121;border:1px solid #2e2e2e;border-radius:8px;font-weight:500;line-height:18px;transform:none;padding:0!important;font-size:13px!important}.future-layout--okx .position-tpsl-modal .close-percent-btn:hover{color:#fafafa;box-shadow:none;background:#2e2e2e;border-color:#3b3b3b;transform:none}.future-layout--okx .position-tpsl-modal .close-percent-btn.active{color:#000;box-shadow:none;background:#fafafa;border-color:#fafafa}.future-layout--okx .position-tpsl-modal .close-slider-wrap{min-height:64px;padding:8px 0 0}.future-layout--okx .position-tpsl-modal .close-slider-container,.future-layout--okx .position-tpsl-modal .close-slider{min-height:44px}.future-layout--okx .position-tpsl-modal .close-slider{background-image:linear-gradient(90deg,#fafafa 0% 100%),linear-gradient(90deg,#3b3b3b 0% 100%);background-size:var(--pct) 4px, 100% 4px;height:44px;box-shadow:none}.future-layout--okx .position-tpsl-modal .close-slider::-webkit-slider-thumb{background:#fafafa;border:2px solid #000;width:18px;height:18px;box-shadow:0 0 0 1px #fafafa}.future-layout--okx .position-tpsl-modal .close-slider::-moz-range-thumb{background:#fafafa;border:2px solid #000;width:18px;height:18px;box-shadow:0 0 0 1px #fafafa}.future-layout--okx .position-tpsl-modal .close-slider-percent{color:#fafafa;background:0 0;border:0;border-radius:0;min-height:20px;margin-top:0;padding:0;font-size:12px;font-weight:500;line-height:20px}.future-layout--okx .position-tpsl-modal .position-target-preview{background:#000;border:0;border-radius:8px;gap:12px;margin:0;padding:12px}.future-layout--okx .position-tpsl-modal .position-target-preview span{color:#969696;font-size:12px;line-height:16px}.future-layout--okx .position-tpsl-modal .position-target-preview strong{font-size:14px;font-weight:500;line-height:20px}.future-layout--okx .position-tpsl-modal .position-target-preview strong.profit{color:#25a750}.future-layout--okx .position-tpsl-modal .position-target-preview strong.loss{color:#d04769}.future-layout--okx .position-tpsl-modal .position-estimate-note{color:#969696;margin:16px 0 0;font-size:12px;line-height:16px}.future-layout--okx .position-tpsl-modal .close-modal-footer{background:#121212;border-top:1px solid #2e2e2e;flex:none;min-height:80px;gap:12px!important;padding:16px 20px!important}.future-layout--okx .position-tpsl-modal .close-modal-btn{border:1px solid #0000;border-radius:8px;min-height:48px;font-size:14px;font-weight:600;line-height:20px;transition:background .15s,color .15s,opacity .15s;padding:0!important}.future-layout--okx .position-tpsl-modal .close-modal-btn.cancel{color:#fafafa;background:#212121;border-color:#2e2e2e}.future-layout--okx .position-tpsl-modal .close-modal-btn.cancel:hover{color:#fafafa;background:#2e2e2e}.future-layout--okx .position-tpsl-modal .close-modal-btn.confirm{color:#000;background:#fafafa}.future-layout--okx .position-tpsl-modal .close-modal-btn.confirm:hover{filter:none;background:#d5d5d5}.future-layout--okx .position-tpsl-modal .close-modal-btn:disabled{cursor:not-allowed;opacity:.35}.future-layout--okx .position-tpsl-modal .position-protection-mode button:focus-visible,.future-layout--okx .position-tpsl-modal .close-percent-btn:focus-visible,.future-layout--okx .position-tpsl-modal .close-qty-max button:focus-visible,.future-layout--okx .position-tpsl-modal .close-modal-btn:focus-visible,.future-layout--okx .position-tpsl-modal .close-modal-close:focus-visible{outline-offset:-2px;outline:2px solid #c6ff4a}@media (max-width:480px){.future-layout--okx .modal-backdrop:has(>.position-tpsl-modal){padding:max(12px, env(safe-area-inset-top)) 0 0;justify-content:center;align-items:stretch;overflow:hidden}.future-layout--okx .position-tpsl-modal{border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;width:100%;max-width:none;height:100%;max-height:100%;margin:0}.future-layout--okx .position-tpsl-modal .close-modal-header{min-height:64px;padding:10px 16px!important}.future-layout--okx .position-tpsl-modal .close-modal-body{padding:0 16px 16px!important}.future-layout--okx .position-tpsl-modal .close-modal-footer{min-height:calc(72px + env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}.future-layout--okx .position-tpsl-modal .close-qty-max button{min-height:44px}}@media (prefers-reduced-motion:reduce){.future-layout--okx *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(.future-layout--okx) .header *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}