.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}.future-layout .future-chart:has(.chart-analysis-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)}.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);flex:1 1 0;padding-left:6px;padding-right:6px;font-weight:600}.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{border-color:var(--border);background:0 0}.future-panel .advanced-order-description{color:#c0c8d2;font-size:12px;font-weight:500;line-height:1.5}.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{background:var(--bg-input);border-color:#35414e}.future-panel .advanced-order-grid input::placeholder{color:#778391;opacity:1}.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,.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-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>span:last-child{color:var(--yellow);text-align:right}.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-indicator-legend span{align-items:center;gap:5px;display:inline-flex}.chart-indicator-legend i{background:currentColor;width:12px;height:2px}@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-btn>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}}@media (prefers-reduced-motion:reduce){.future-orderbook .ob-depth,.future-orderbook .ob-price,.future-orderbook .ob-qty,.future-orderbook .ob-total{transition:none}}
