:root{--bg: #0e141b;--panel: #151b23;--panel-2: #1e252e;--raised: #2b3541;--border: #232b35;--text: #efece7;--muted: #68717b;--long: #00d492;--long-bg: rgba(0, 212, 146, .1);--short: #f0475b;--short-bg: rgba(240, 71, 91, .1);--accent: #f0c24b;--light: #cccfd3;--light-text: #151b23;--radius: 6px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 13px/1.4 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.up{color:var(--long)}.down{color:var(--short)}.app{display:flex;flex-direction:column;height:100%;min-height:640px}.topbar{height:44px;flex-shrink:0}.statusbar{height:26px;flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topbar{display:flex;align-items:center;gap:24px;padding:0 12px;border-bottom:1px solid var(--border)}.brand{font-size:17px;font-weight:500;letter-spacing:-.01em}.brand-accent{color:var(--accent)}.nav{display:flex;gap:18px}.nav-item.active{color:var(--accent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.badge{padding:1px 6px;border-radius:4px;background:var(--raised);font-size:11px}.badge.warn{background:#f0c24b26;color:var(--accent)}.btn{border:0;border-radius:var(--radius);padding:6px 12px;font-weight:500}.btn-light{background:var(--light);color:var(--light-text)}.btn-ghost{background:var(--panel-2)}.btn-long{background:var(--long);color:#06241a}.btn-short{background:var(--short);color:#fff}.btn-block{width:100%;padding:10px}.btn-small{padding:2px 8px;background:var(--raised);font-size:12px}.btn:disabled{opacity:.55}.link{background:none;border:0;padding:0;text-decoration:underline dotted var(--muted)}.market-header{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 12px;border-bottom:1px solid var(--border)}.market-select{background:transparent;border:0;font-size:16px;font-weight:600}.market-select option{background:var(--panel)}.stat{display:flex;flex-direction:column;white-space:nowrap}.stat-label{color:var(--muted);font-size:11px}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 300px 320px;gap:4px;padding:4px;min-height:0}.main-col{display:grid;grid-template-rows:minmax(260px,1fr) minmax(200px,38%);gap:4px;min-height:0}.panel{background:var(--panel);border-radius:var(--radius);min-height:0;overflow:hidden;display:flex;flex-direction:column}.chart-canvas{flex:1;min-height:0}.right-col{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto}.account{padding:10px;gap:8px;flex-shrink:0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.strong{font-weight:600}.small{font-size:11px}.tpsl{display:grid;gap:6px}.leverage-row{display:flex;align-items:center;gap:8px}.chip.wide{padding:5px 10px;font-size:12px}.leverage-edit{display:grid;gap:8px;padding:8px;background:var(--panel-2);border-radius:var(--radius)}.leverage-edit input[type=range]{flex:1;accent-color:var(--accent)}.tabs{display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid var(--border);min-height:34px}.tab{background:none;border:0;padding:8px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--text)}.tabs-right{margin-left:auto}.book-body{flex:1;overflow-y:auto;padding:4px 0;font-size:12px}.book-head,.book-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1px 10px;text-align:right}.book-head>:first-child,.book-row>.px{text-align:left}.book-head{color:var(--muted);padding-bottom:4px}.book-row{position:relative;width:100%;background:none;border:0;border-radius:2px}.book-side{display:grid;gap:2px}.book-row:not(.static):hover{background:var(--panel-2)}.book-row .depth,.book-row .flash{position:absolute;inset:0;border-radius:2px;pointer-events:none}.book-row .depth{transform-origin:left center;opacity:.18;transition:transform .35s cubic-bezier(.22,1,.36,1)}.book-row.bid .px{color:var(--long)}.book-row.ask .px{color:var(--short)}.book-row.bid .depth{background:var(--long)}.book-row.ask .depth{background:var(--short)}.book-row .flash{opacity:0;animation:book-flash .6s cubic-bezier(.4,0,.2,1)}.book-row.bid .flash{background:var(--long)}.book-row.ask .flash{background:var(--short)}@keyframes book-flash{15%{opacity:.22}to{opacity:0}}@media(prefers-reduced-motion:reduce){.book-row .depth{transition:none}.book-row .flash{animation:none}}.book-row>span:not(.depth):not(.flash){position:relative}.book-spread{padding:4px 10px;margin:4px 0;background:var(--panel-2);color:var(--muted);text-align:center}.order-panel{padding:10px;gap:10px;flex-shrink:0;overflow:visible}.side-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--panel-2);border-radius:var(--radius)}.side{background:none;border:0;padding:7px;border-radius:var(--radius);color:var(--muted)}.side.long.active{background:var(--long-bg);color:var(--long)}.side.short.active{background:var(--short-bg);color:var(--short)}.segmented{display:grid;grid-auto-flow:column;background:var(--panel-2);border-radius:var(--radius);padding:2px}.segmented button{background:none;border:0;padding:5px;border-radius:4px;color:var(--muted)}.segmented button.active{background:var(--raised);color:var(--text)}.field{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid transparent;border-radius:var(--radius);padding:7px 10px}.field:focus-within{border-color:var(--raised)}.field-label{color:var(--muted);white-space:nowrap}.field input{flex:1;min-width:0;background:none;border:0;outline:none;text-align:right}.field-unit{color:var(--muted)}.chip{background:var(--raised);border:0;border-radius:4px;font-size:11px;padding:1px 6px}.options{display:flex;justify-content:space-between;align-items:center}.check,.tif{display:flex;align-items:center;gap:6px}.tif select{background:var(--panel-2);border:0;border-radius:4px;padding:2px 4px}.hint{margin:0;color:var(--muted);font-size:12px}.hint.error{color:var(--short)}.summary{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin:0}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right}.results{margin:0;padding:8px 10px;list-style:none;background:var(--panel-2);border-radius:var(--radius);font-size:12px}.grid{width:100%;border-collapse:collapse;font-size:12px}.grid th{color:var(--muted);font-weight:400;text-align:left;padding:6px 10px}.grid td{padding:5px 10px;border-top:1px solid var(--border)}.bottom{overflow-y:auto}.empty{color:var(--muted);text-align:center;margin:24px 0}.inline-input{width:90px;background:var(--panel-2);border:1px solid var(--raised);border-radius:4px;padding:1px 4px}.statusbar{display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.dot{width:7px;height:7px;border-radius:50%;margin-left:8px}.dot.ok{background:var(--long)}.dot.warn{background:var(--accent)}.dot.bad{background:var(--short)}.market-selector{position:relative}.market-trigger{display:flex;align-items:center;gap:6px;background:none;border:0;font-size:16px;font-weight:600;padding:2px 4px}.market-popover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(560px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000080}.market-search{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.market-search input{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}.market-table{max-height:420px;overflow-y:auto;font-size:12px}.market-row{display:grid;grid-template-columns:28px 1.6fr 1fr .8fr 1fr;align-items:center;padding:6px 10px;cursor:pointer}.market-row>span:nth-child(n+3){text-align:right}.market-row.head{color:var(--muted);cursor:default}.market-row.active{background:var(--panel-2)}.star{background:none;border:0;color:var(--muted);padding:0}.star.on,.chip.on{color:var(--accent)}.compact-select{background:var(--panel-2);border:0;border-radius:4px;font-size:11px;padding:2px 4px}.size-slider{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:10px}.size-track{position:relative;height:24px}.size-rail{position:absolute;left:8px;right:8px;top:50%;height:4px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(to right,var(--accent) calc(var(--pct) * 1%),var(--raised) calc(var(--pct) * 1%));pointer-events:none}.size-stop{position:absolute;top:50%;left:calc(8px + (100% - 16px) * var(--stop) / 100);width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--raised);background:var(--panel);pointer-events:none}.size-stop.on{border-color:var(--accent);background:var(--accent)}.size-track input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;appearance:none;cursor:pointer}.size-track input[type=range]::-webkit-slider-runnable-track{height:24px;background:transparent}.size-track input[type=range]::-moz-range-track{height:24px;background:transparent}.size-track input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--text);border:3px solid var(--accent)}.size-track input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text);border:3px solid var(--accent)}.size-track.disabled{opacity:.5}.size-track.disabled input[type=range]{cursor:default}.size-pct{display:flex;align-items:center;gap:4px;background:var(--panel-2);border-radius:var(--radius);padding:4px 8px}.size-pct input{width:100%;min-width:0;background:none;border:0;outline:none;text-align:right}.actions{text-align:right;white-space:nowrap}.actions .btn+.btn{margin-left:4px}.btn-accent{background:var(--accent);color:#1b1506}.icon-btn{background:none;border:0;font-size:20px;line-height:1;color:var(--muted)}.margin-edit{margin-left:4px;font-size:12px;color:var(--muted)}.margin-edit:hover:not(:disabled){color:var(--accent)}.notice{display:grid;gap:8px;padding:10px;border-radius:var(--radius);background:#f0c24b14;border:1px solid rgba(240,194,75,.3)}.notice p{margin:0}.funding{display:grid;gap:10px;margin-top:10px}.equity-head{display:grid;gap:2px}.equity-total{font-size:20px;font-weight:600}.equity-rows dt.sub{padding-left:10px}.balances-filter{justify-content:flex-end;padding:6px 10px 0;color:var(--muted);font-size:12px}.funding-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}.modal{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)}.modal::backdrop{background:#05080cb3}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:15px;font-weight:600}.modal-body{display:grid;gap:12px;padding:16px}.modal-body p{margin:0}.steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{display:grid;gap:2px;padding:10px 10px 10px 40px;border:1px solid var(--border);border-radius:var(--radius);position:relative;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:12px;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--raised)}.steps li.active{border-color:var(--accent)}.steps li.done:before{content:"✓";background:var(--long);color:#06241a}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:240px;display:grid;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000080}.network-switch{border:0;color:inherit;cursor:pointer}.menu-pop a{color:inherit;text-decoration:none;padding:8px;border-radius:4px}.menu-pop a:hover{background:var(--panel-2)}.menu-pop a.active,.menu-pop button.active{color:var(--accent)}.menu-pop button{background:none;border:0;text-align:left;padding:8px;border-radius:4px}.menu-pop button:hover{background:var(--panel-2)}.menu-note{padding:4px 8px}.toasts{position:fixed;right:16px;bottom:36px;z-index:50;display:grid;gap:8px;width:min(340px,calc(100vw - 32px))}.toast{position:relative;padding:10px 32px 10px 12px;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius);box-shadow:0 8px 24px #00000073}.toast.success{border-left-color:var(--long)}.toast.error{border-left-color:var(--short)}.toast-title{font-weight:600}.toast-body{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.toast-close{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--muted);font-size:16px}.banner{padding:6px 12px;background:#f0475b1f;color:var(--short);font-size:12px;text-align:center}.crash{padding:16px;gap:8px;align-items:flex-start}.mobile-tabs{display:none}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 320px}.book{display:none}}@media(max-width:760px){.app{height:auto;min-height:100%}.mobile-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 8px}.layout{grid-template-columns:1fr}.main-col{grid-template-rows:360px auto}.mobile-chart .book,.mobile-chart .right-col,.mobile-book .main-col,.mobile-book .right-col,.mobile-trade .main-col,.mobile-trade .book{display:none}.mobile-book .book{display:flex;min-height:480px}.market-header{gap:16px}.nav{display:none}.grid{display:block;overflow-x:auto;white-space:nowrap}}