.hl{--h-page:#1b2429;--h-bg:#0f1a1f;--h-raise:#273035;--h-line:#273035;--h-text:#f6fefd;--h-mute:#949e9c;--h-accent:#6e9cff;--h-accent-soft:#a8c5ff;--h-accent-ink:#04060c;--h-chip:#142546;--h-long:#6e9cff;--h-short:#ed7088;background:var(--h-page);min-height:100vh;color:var(--h-text);font:400 12px/15px var(--font-geist), system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;flex-direction:column;display:flex}.hl .mute{color:var(--h-mute)}.hl .long{color:var(--h-long)}.hl .short{color:var(--h-short)}.hl button{font:inherit;color:inherit}.hl .tip{-webkit-text-decoration:underline dashed;text-decoration:underline dashed;-webkit-text-decoration-color:var(--h-mute);text-decoration-color:var(--h-mute);text-underline-offset:3px;cursor:help}.hl-nav{background:var(--h-bg);flex:none;align-items:center;gap:40px;height:56px;padding:0 16px;display:flex}.hl-logo{letter-spacing:-.01em;color:var(--h-text);align-items:center;gap:8px;font-size:18px;font-weight:500;display:inline-flex}.hl-nav nav{gap:32px;display:flex}.hl-nav nav a{color:var(--h-text)}.hl-nav nav a:hover,.hl-nav nav a.on{color:var(--h-accent-soft)}.hl-nav-note{color:var(--h-mute);margin-left:auto}.hl-nav-wallet{gap:8px;margin-left:auto;display:flex}.hl-grid{flex:1;grid-template:"market book form"63px"chart book form"minmax(440px,calc(100vh - 297px))"account account equity"minmax(300px,auto)/minmax(0,1fr) 266px 266px;gap:3px;padding:3px;display:grid}.hl-market,.hl-chart,.hl-book,.hl-form,.hl-account,.hl-equity{background:var(--h-bg);border-radius:5px;min-width:0}.hl-market{grid-area:market}.hl-chart{grid-area:chart}.hl-book{grid-area:book}.hl-form{grid-area:form}.hl-account{grid-area:account}.hl-equity{grid-area:equity}.hl-market{align-items:center;gap:40px;padding:0 12px;display:flex;overflow:auto hidden}.hl-pair{white-space:nowrap;align-items:center;gap:10px;font-size:20px;line-height:27px;display:inline-flex}.hl-pair img{border-radius:50%}.hl-chip{background:var(--h-chip);height:20px;color:var(--h-accent);border-radius:5px;padding:0 4px;font-size:12px;line-height:20px}.hl-stats{gap:32px;margin:0;display:flex}.hl-stats div{white-space:nowrap;flex-direction:column;gap:5px;display:flex}.hl-stats dt{color:var(--h-mute)}.hl-stats dd{margin:0}.hl-tabs{border-bottom:1px solid var(--h-line);flex:none;align-items:stretch;height:41px;display:flex}.hl-tabs>button{cursor:pointer;color:var(--h-mute);white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:0 18px;line-height:40px}.hl-tabs>button.on{color:var(--h-text);border-bottom-color:var(--h-accent)}.hl-tabs>button:hover{color:var(--h-text)}.hl-tabs-half>button{flex:1;padding:0}.hl-chart{flex-direction:column;display:flex;overflow:hidden}.hl-tf{border-bottom:1px solid var(--h-line);flex:none;align-items:center;gap:2px;height:41px;padding:0 8px;display:flex}.hl-tf button{cursor:pointer;height:26px;color:var(--h-mute);background:0 0;border:0;border-radius:4px;padding:0 7px;font-size:14px}.hl-tf button.on{color:var(--h-accent)}.hl-tf button:hover{color:var(--h-text)}.hl-chart-body{flex:1;min-height:0;position:relative}.hl-chart-body .chart-host{position:absolute;inset:0}.hl-ohlc{z-index:3;color:var(--h-text);white-space:pre;pointer-events:none;font-size:13px;line-height:18px;position:absolute;top:8px;left:12px}.hl-ohlc b{margin-right:6px;font-weight:400}.hl-ohlc-src{margin-right:10px}.hl-book{flex-direction:column;display:flex;overflow:hidden}.hl-book-head{color:var(--h-mute);flex:none;grid-template-columns:.6fr 1fr 1fr;padding:10px 10px 4px;display:grid}.hl-book-head span:not(:first-child){text-align:right}.hl-book-rows{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.hl-book-rows>div{grid-template-columns:.6fr 1fr 1fr;align-items:center;height:25px;padding:0 10px;display:grid}.hl-book-rows>div span:not(:first-child){text-align:right}.hl-book-rows>.taken span:first-child{color:var(--h-accent)}.hl-book-rows>.taken.mine{background:#6e9cff1f}.hl-book-rows>.free{color:var(--h-mute)}.hl-book-mid{background:var(--h-raise);height:23px!important}.hl-book-note{color:var(--h-mute);margin:0;padding:12px 10px}.hl-form{scrollbar-width:none;flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.hl-modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hl-mode{background:var(--h-raise);height:33px;color:var(--h-text);border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}button.hl-mode{cursor:pointer}button.hl-mode:hover{background:#313c42}.hl-ordertabs{border-bottom:1px solid var(--h-line);height:35px;display:flex}.hl-ordertabs .on{border-bottom:1px solid var(--h-accent);justify-content:center;align-items:center;width:33%;margin-bottom:-1px;display:flex}.hl-side{background:var(--h-raise);border-radius:8px;grid-template-columns:1fr 1fr;padding:2px;display:grid}.hl-side button{cursor:pointer;height:29px;color:var(--h-text);background:0 0;border:0;border-radius:6px}.hl-side button.on.long{background:var(--h-long);color:var(--h-accent-ink)!important}.hl-side button.on.short{background:var(--h-short);color:var(--h-accent-ink)!important}.hl-rows{flex-direction:column;gap:7px;margin:0;display:flex}.hl-rows div{justify-content:space-between;gap:10px;display:flex}.hl-rows dt{color:var(--h-mute)}.hl-rows dd{text-align:right;margin:0}.hl-size{border:1px solid var(--h-line);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:33px;padding:0 8px 0 10px;display:grid}.hl-size:focus-within{border-color:var(--h-mute)}.hl-size input{min-width:0;color:var(--h-text);font:inherit;text-align:right;background:0 0;border:0;outline:0}.hl-unit{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 2px;display:inline-flex}.hl-unit svg{width:11px;height:11px;color:var(--h-mute)}.hl-pct{grid-template-columns:1fr 60px;align-items:center;gap:12px;display:grid}.hl-pctbox{border:1px solid var(--h-line);border-radius:8px;justify-content:space-between;align-items:center;height:33px;padding:0 10px;display:flex}.hl-cta{margin-top:6px}.hl-details{border-top:1px solid var(--h-line);padding-top:10px}.hl-sealed{border:1px solid var(--h-line);border-radius:8px;flex-direction:column;gap:3px;padding:8px;display:flex}.hl-sealed code{font:11px/15px var(--font-geist-mono), ui-monospace, monospace;color:var(--h-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hl .dots{height:20px}.hl .dots-track{background:var(--h-raise);height:4px;margin-top:-2px}.hl .dots-fill{background:var(--h-accent);height:4px;margin-top:-2px}.hl .dot{background:#57656b;width:6px;height:6px;margin:-3px 0 0 -3px}.hl .dot.on{background:var(--h-accent)}.hl .dots-handle{border:2px solid var(--h-accent);background:var(--h-bg);width:16px;height:16px;margin:-8px 0 0 -8px}.hl .dots:focus-visible{outline-color:var(--h-accent)}.hl-btn{background:var(--h-raise);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;height:33px;padding:0 16px}.hl-btn:hover:not(:disabled){background:#313c42}.hl-btn.wide{width:100%}.hl-accent{background:var(--h-accent);color:var(--h-accent-ink)!important}.hl-accent:hover:not(:disabled){background:var(--h-accent-soft)}.hl-btn:disabled{opacity:.5;cursor:not-allowed}.hl-link{color:var(--h-accent);cursor:pointer;background:0 0;border:0;padding:0}.hl-link:disabled{opacity:.55;cursor:not-allowed}.hl-msg{z-index:50;background:var(--h-bg);border:1px solid var(--h-line);max-width:360px;color:var(--h-text);border-radius:12px;margin:0;padding:12px 14px;position:fixed;bottom:44px;right:16px}.hl-account{overflow-x:auto}.hl-account .hl-tabs>button{padding:0 12px;line-height:34px}.hl-account .hl-tabs{height:35px}.hl-table{border-collapse:collapse;width:100%}.hl-table th{text-align:left;color:var(--h-mute);white-space:nowrap;height:24px;padding:0 12px;font-weight:400}.hl-table td{white-space:nowrap;height:24px;padding:0 12px}.hl-pane{flex-direction:column;gap:10px;max-width:560px;padding:12px;display:flex}.hl-pane p{color:var(--h-mute);margin:0}.hl-pane .hl-rows{max-width:420px}.hl-lp{flex-direction:column;gap:8px;max-width:320px;display:flex}.hl-input{border:1px solid var(--h-line);border-radius:8px;align-items:center;gap:8px;height:33px;padding:0 10px;display:flex}.hl-input input{text-align:right;min-width:0;color:var(--h-text);font:inherit;background:0 0;border:0;outline:0;flex:1}.hl-equity{flex-direction:column;gap:12px;padding:12px;display:flex}.hl-equity h3{margin:0;font-size:12px;font-weight:500}.hl-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hl .logo-inline{vertical-align:-2px;border-radius:50%;margin-right:6px}.hl-foot{background:var(--h-bg);height:34px;color:var(--h-mute);border-top:1px solid var(--h-line);flex:none;align-items:center;gap:24px;padding:0 12px;display:flex}.hl-foot-links{gap:20px;margin-left:auto;display:flex}.hl-foot a{color:var(--h-text)}.hl-foot a:hover{color:var(--h-accent-soft)}.modal-back{z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--h-bg);border:1px solid var(--h-line);width:min(400px,100%);color:var(--h-text);font:400 12px/16px var(--font-geist), system-ui, sans-serif;border-radius:12px;outline:none;padding:20px}.modal h2{text-align:center;margin:0;font-size:16px;font-weight:500;line-height:22px}.modal-sub,.modal-note{color:var(--h-mute);text-align:center;margin:8px 0 0}.modal-body{flex-direction:column;gap:8px;margin:14px 0 0;display:flex}.modal-body p{margin:0}.modal-body b{font-weight:500}.lev-row{grid-template-columns:1fr 72px;align-items:center;gap:12px;margin:20px 0 14px;display:grid}.lev-box{border:1px solid var(--h-line);border-radius:8px;align-items:center;gap:4px;height:33px;padding:0 10px;display:flex}.lev-box input{text-align:right;width:100%;min-width:0;color:var(--h-text);font:inherit;background:0 0;border:0;outline:0}.modal .hl-btn{margin-top:16px}.modal .dots{height:20px}.modal .dots-track,.modal .dots-fill{height:4px;margin-top:-2px}.modal .dots-track{background:#273035}.modal .dots-fill,.modal .dot.on{background:#6e9cff}.modal .dot{background:#57656b;width:6px;height:6px;margin:-3px 0 0 -3px}.modal .dots-handle{background:#0f1a1f;border:2px solid #6e9cff;width:16px;height:16px;margin:-8px 0 0 -8px}.modal .hl-btn{cursor:pointer;border:0;border-radius:8px;width:100%;height:33px}.modal .hl-accent{background:#6e9cff;color:#04060c!important}@media (max-width:1100px){.hl-grid{grid-template:"market market""chart form"460px"book form"300px"account account"minmax(300px,auto)"equity equity"/minmax(0,1fr) 266px}}@media (max-width:760px){.hl-nav{flex-wrap:wrap;gap:8px 20px;height:auto;padding:10px 12px}.hl-nav nav{flex:1 0 100%;order:3;justify-content:space-between;gap:0}.hl-nav-note{display:none}.hl-grid{grid-template:"market""chart"380px"form""book"320px"account""equity"/minmax(0,1fr)}.hl-market{flex-wrap:wrap;gap:10px 20px;padding:12px;overflow:visible}.hl-stats{flex:1 0 100%;grid-template-columns:1fr 1fr 1fr;gap:10px 14px;display:grid}.hl-tf{justify-content:space-between}.hl-ohlc{white-space:pre-wrap;max-width:calc(100% - 80px)}.hl-ohlc-src{display:none}.hl-foot{flex-wrap:wrap;gap:6px 16px;height:auto;padding:8px 12px}.hl-foot-links{margin-left:0}}
