:root{--bg:#0b0c0e;--panel:#14161a;--line:#23262b;--text:#e8e9ea;--muted:#8b9097;--gold:#e7b873;--up:#1ec26b;--down:#f0443a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font:14px/1.4 Inter,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#1c1f24;border-radius:8px;width:100%;padding:10px}.up{color:var(--up)}.down{color:var(--down)}.app{flex-direction:column;height:100dvh;display:flex}header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{width:auto;display:block}.brand-abl{height:34px}.brand-mxv{height:90px}.status{color:var(--muted);white-space:nowrap;font-size:12px}.status.connected{color:var(--up)}.status.offline{color:var(--down)}.eq{color:var(--muted);margin-left:auto;font-size:12px}.eq b{color:var(--text)}main{flex:1;min-height:0;overflow:hidden auto}nav{border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);display:flex}nav button{color:var(--muted);flex-direction:column;flex:1;align-items:center;padding:8px 4px;font-size:12px;display:flex}nav button span{font-size:18px}nav button.on{color:var(--gold)}.page{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;border-radius:8px 8px 0 0;padding:8px 14px}.tabs button.on{color:#1a1205;background:var(--gold);font-weight:600}.tabs .danger{color:var(--down);margin-left:auto}.chips{gap:8px;display:flex}.chips button{border:1px solid var(--line);border-radius:999px;padding:4px 14px}.chips button.on{border-color:var(--gold);color:var(--gold);background:#3a2c14}.pb-head,.pb-row{grid-template-columns:32px 1fr 110px 120px 90px;align-items:center;gap:8px;display:grid}.pb-head{color:var(--muted);padding:0 8px;font-size:12px}.pb-scroll{max-height:calc(100dvh - 260px);overflow:auto}.pb-row{border-bottom:1px solid var(--line);cursor:pointer;height:56px;padding:0 8px}.pb-name{flex-direction:column;display:flex}.pb-name span{color:var(--muted);font-size:12px}.pb-last{text-align:right;flex-direction:column;display:flex}.pb-last span{font-size:12px}.pb-hl{text-align:right;flex-direction:column;font-size:12px;display:flex}.pb-settle{text-align:right}.star{color:var(--line);font-size:20px}.star.on{color:var(--gold)}.trade .picker{width:100%}.grid{grid-template-columns:1fr 200px 300px;gap:12px;display:grid}.col{background:var(--panel);border-radius:12px;min-height:340px;padding:8px}.book div{font-variant-numeric:tabular-nums;justify-content:space-between;padding:2px 8px;display:flex}.book .ask span{color:var(--down)}.book .bid span{color:var(--up)}.book i{color:var(--muted);font-style:normal}.book .mid{border-block:1px solid var(--line);justify-content:center;margin:4px 0;font-size:16px;font-weight:700}.form{flex-direction:column;gap:10px;padding:4px;display:flex}.form .head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.form .head small{width:100%;color:var(--muted)}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.form label.check{flex-direction:row;align-items:center;gap:8px}.form label.check input{width:auto}.stepper{grid-template-columns:44px 1fr 44px;gap:6px;display:grid}.stepper button{background:#1c1f24;border-radius:8px;font-size:20px}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}dl{grid-template-columns:1fr auto;gap:4px 8px;margin:0;font-size:13px;display:grid}dt{color:var(--muted)}dd{text-align:right;margin:0}.buy,.sell{color:#fff;border-radius:10px;padding:14px;font-weight:700}.buy{background:#0fa75a}.sell{background:#e03b32}.msg{border-radius:8px;padding:8px 10px;font-size:13px}.msg.ok{background:#0f3a26}.msg.err{background:#4a1a17}.panel{background:var(--panel);border-radius:12px;padding:8px}.vlist{max-height:280px;overflow:auto}.line{border-bottom:1px solid var(--line);height:64px;padding:8px;position:relative}.line .sub{color:var(--muted);font-size:12px}.line em{color:var(--gold);font-size:12px;font-style:normal}.mini{border:1px solid var(--line);border-radius:8px;padding:4px 12px;position:absolute;top:16px;right:8px}.empty{text-align:center;color:var(--muted);padding:32px}.assets{display:block}.assets>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.danger.wide{border:1px solid var(--down);width:100%;color:var(--down);border-radius:10px;padding:12px}.hint{color:var(--muted);font-size:12px}.only-sm{display:none}@media (width<=820px){.grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.col{min-height:0}.grid .chartcol{grid-area:1/1/auto/-1}.grid .formcol{grid-area:2/1}.grid .bookcol{grid-area:2/2}.formcol .tabs.sm{gap:0}.formcol .tabs.sm button{text-align:center;flex:1;min-width:0;padding:8px 2px}.only-sm{display:flex}.hide-sm{display:none}.pb-head,.pb-row{grid-template-columns:32px 1fr 110px}.eq{display:none}.status{margin-left:auto}}nav{order:2}.body{flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=821px){.body{flex-direction:row}nav{border-top:0;border-right:1px solid var(--line);flex-direction:column;flex:0 0 168px;order:0;gap:2px;width:168px;padding:10px 8px;overflow-y:auto}nav button{border-left:3px solid #0000;border-radius:8px;flex-direction:row;flex:none;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:14px}nav button span{text-align:center;width:22px}nav button:hover{background:#ffffff0a}nav button.on{border-left-color:var(--gold);background:#e7b8731f}main{order:1;min-width:0}nav{transition:flex-basis .15s,width .15s}nav button em.nl{white-space:nowrap;font-style:normal;overflow:hidden}.navtoggle{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;margin-bottom:6px}.body.nav-collapsed nav{flex-basis:60px;width:60px;padding:10px 6px}.body.nav-collapsed nav button{justify-content:center;gap:0;padding:10px 0}.body.nav-collapsed nav button em.nl{display:none}}.feed{background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.feed h3{margin:0}.feed label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.feed button:disabled{opacity:.45;cursor:not-allowed}.mini-wide{border:1px solid var(--line);border-radius:10px;padding:12px}.diag{background:#0d0e10;border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:12px;display:block}.diag>div{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.diag dd{text-align:right;word-break:break-all}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.badge.live{color:var(--up);background:#0f3a26}.badge.sim{color:var(--gold);background:#3a2c14}select{width:100%}.chartbox{flex-direction:column;gap:6px;display:flex}.chartwrap{position:relative}.intervals button{padding:4px 10px;font-size:12px}.chartmsg{color:var(--muted);text-align:center;pointer-events:none;background:#0b0c0e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.chartmsg.err{color:var(--down)}.simbanner{color:var(--gold);text-align:center;background:#3a2c14;padding:6px 12px;font-size:12px}.simbanner button{color:var(--gold);font-weight:700;text-decoration:underline}.book .spread{color:var(--muted);justify-content:center;margin-top:8px;font-size:12px}.intervals .tzselect{align-self:center;width:auto;max-width:190px;margin-left:auto;padding:4px 8px;font-size:12px}.chartbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.chartbar .intervals{border-bottom:0;flex:auto;min-width:0}.chartopts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chartopts select,.chartopts .ind-btn{border:1px solid var(--line);width:auto;color:var(--text);background:#1c1f24;border-radius:8px;padding:6px 10px;font-size:12px}.chartopts .tzselect{max-width:170px;margin-left:0}.chartbox,.chartmain,.col{min-width:0;max-width:100%}.chartmain{gap:6px;display:flex}.chartwrap{flex:1;min-width:0;position:relative}.chartwrap.drawing .chart{cursor:crosshair}.chart{height:calc(460px + var(--extra,0px))}.drawbar{flex-direction:column;gap:4px;padding:4px 0;display:flex}.drawbar button{width:36px;height:36px;color:var(--muted);background:#1c1f24;border-radius:8px;font-size:16px}.drawbar button.on{background:var(--gold);color:#1a1205}.drawbar button:disabled{opacity:.35;cursor:not-allowed}.drawbar .sep{background:var(--line);height:1px;margin:4px 6px}.legend{z-index:5;pointer-events:none;text-shadow:0 0 3px #000;font-size:11px;position:absolute;top:6px;left:8px}.legend .ohlc{color:var(--muted);flex-wrap:wrap;gap:4px 10px;display:flex}.legend .ohlc b{color:var(--text);font-weight:600}.legend .ind{flex-wrap:wrap;gap:2px 10px;margin-top:2px;display:flex}.drawhint{background:var(--gold);color:#1a1205;z-index:6;pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.menu-backdrop{z-index:20;position:fixed;inset:0}.indmenu{z-index:21;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;min-width:250px;margin-top:4px;padding:10px;display:flex;position:absolute;right:12px;box-shadow:0 8px 24px #00000080}.indmenu .row{cursor:pointer;align-items:center;gap:8px;padding:6px 4px;display:flex}.indmenu .row span{flex:1}.indmenu .row input[type=checkbox]{width:20px;height:20px;padding:0}.indmenu .period{text-align:center;width:64px;padding:6px}.indmenu .menu-close{background:var(--gold);color:#1a1205;border-radius:8px;margin-top:4px;padding:10px;font-weight:700}@media (width<=820px){.chart{height:calc(380px + var(--extra,0px))}.chartmain{flex-direction:column}.drawbar{scrollbar-width:none;flex-direction:row;padding:0;overflow-x:auto}.drawbar button{flex:0 0 44px;width:44px;height:44px;font-size:18px}.drawbar .sep{flex:0 0 1px;width:1px;height:auto;margin:6px 4px}.indmenu{left:12px;right:12px}.legend{font-size:10px}.legend .ind{display:none}}.loadingmore{z-index:6;border:1px solid var(--line);color:var(--muted);pointer-events:none;white-space:nowrap;background:#14161ae6;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.drawprops{z-index:7;border:1px solid var(--line);background:#14161af2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 90px);padding:6px 8px;display:flex;position:absolute;top:6px;right:64px;box-shadow:0 4px 16px #00000073}.drawprops .swatches{gap:5px;display:flex}.drawprops .swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.drawprops .swatch.on{border-color:#fff;box-shadow:0 0 0 1px #000}.drawprops .actions{border-left:1px solid var(--line);gap:4px;padding-left:8px;display:flex}.drawprops .actions button{color:var(--muted);background:#1c1f24;border-radius:6px;padding:4px 8px;font-size:12px}.drawprops .actions .del{color:var(--down)}@media (width<=820px){.drawprops{flex-wrap:wrap;row-gap:6px;max-width:calc(100% - 12px);padding:6px;top:6px;left:6px;right:6px}.drawprops .swatches{flex-wrap:wrap;gap:6px}.drawprops .swatch{width:26px;height:26px}.drawprops .actions{border-left:0;margin-left:auto;padding-left:0}.drawprops .actions button{min-width:40px;min-height:32px}.chartwrap{overflow:hidden}}.chartwrap.over-drawing .chart canvas{cursor:move!important}.chartwrap.has-selection .chart,.chartwrap.has-selection .chart canvas{touch-action:none}.tplus{z-index:6;border:1px solid var(--gold);width:22px;height:22px;color:var(--gold);cursor:pointer;background:#1a1d23;border-radius:4px;padding:0;font-size:16px;line-height:18px;position:absolute}.tplus:hover{background:var(--gold);color:#10131a}.tplus.off{opacity:.5}@media (hover:none){.tplus{border-radius:8px;width:34px;height:34px;margin-top:-6px;font-size:22px;line-height:28px}}.chartwrap.over-order .chart canvas{cursor:ns-resize!important}.tmenu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;z-index:20;background:#1a1d23;border:1px solid #343840;border-radius:10px;flex-direction:column;gap:2px;padding:6px;font-size:13px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.tm-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 6px;font-size:12px;display:flex}.tm-head b{color:var(--gold)}.tm-warn{color:var(--gold);background:#3a2c14;border-radius:6px;margin-bottom:4px;padding:6px 8px;font-size:11px}.tm-item{text-align:left;color:#e8eaed;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.tm-item small{color:var(--muted);font-size:11px}.tm-item:hover:not(:disabled){background:#262a31}.tm-item:disabled{opacity:.45;cursor:default}.tm-item.buy span{color:var(--up)}.tm-item.sell span{color:var(--down)}.tm-sep{background:#2a2d33;height:1px;margin:3px 4px}.tm-ticket{flex-direction:column;gap:8px;padding:2px 4px 4px;display:flex}.tm-ticket label{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:flex}.tm-ticket input,.tm-ticket select{color:#e8eaed;background:#10131a;border:1px solid #343840;border-radius:6px;min-width:0;padding:7px 8px;font-size:14px}.tm-row{gap:8px;display:flex}.tm-row>*{flex:1;min-width:0}.tm-back{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:18px}.tm-err{color:var(--down);font-size:12px}.tm-ticket .btn{cursor:pointer;color:#fff;border:0;border-radius:8px;padding:9px;font-weight:700}.tm-ticket .btn.buy{background:var(--up)}.tm-ticket .btn.sell{background:var(--down)}.tm-ticket .btn:disabled{opacity:.4}.toasts{z-index:50;flex-direction:column;gap:6px;width:min(92vw,420px);display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.toast{border:1px solid #343840;border-left:3px solid var(--up);background:#1a1d23;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;box-shadow:0 6px 20px #00000080}.toast.err{border-left-color:var(--down)}.toast span{flex:1;min-width:0}.toast button{color:var(--gold);cursor:pointer;background:#262a31;border:0;border-radius:6px;padding:5px 10px;font-size:12px}.toast .x{color:var(--muted);background:0 0;padding:5px 7px}.drawfab-wrap{display:block;position:relative}@media (width>=821px){.drawmenu{left:auto;right:0}}.drawfab{border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:#1c1f24;border-radius:8px;padding:6px 10px;font-size:12px}.drawfab.on{background:var(--gold);color:#1a1205}.drawmenu{z-index:30;background:#1a1d23;border:1px solid #343840;border-radius:10px;flex-direction:column;min-width:230px;max-height:min(72vh,640px);margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.drawmenu button{min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.drawmenu button span{text-align:center;width:22px;font-size:17px}.drawmenu button.on{background:var(--gold);color:#1a1205}.drawmenu button.danger{color:var(--down)}.drawmenu button:disabled{opacity:.4}.drawmenu .sep{background:#2a2d33;height:1px;margin:4px}.tzclock-wrap{z-index:8;position:absolute;bottom:3px;right:4px}.tzclock{color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums;background:#14161ad9;border:0;border-radius:4px;padding:3px 6px;font-size:11px}.tzclock:hover{color:var(--text)}.tzlist{background:#1a1d23;border:1px solid #343840;border-radius:10px;flex-direction:column;width:250px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:absolute;bottom:28px;right:0;box-shadow:0 8px 28px #0000008c}.tzlist button{min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.tzlist button span{width:14px;color:var(--gold)}.tzlist button:hover,.tzlist button.on{background:#262a31}.tznote{color:var(--muted);padding:6px 10px 4px;font-size:11px}.chartbox.full{z-index:40;background:var(--bg);height:100dvh;padding:8px;position:fixed;inset:0;overflow:hidden}.chartbox.full .chartmain{flex:1;min-height:0}.chartbox.full .chartwrap{flex:1;min-height:0;display:flex}.chartbox.full .chart{flex:1;min-width:0;height:auto!important}.fullbtn{white-space:nowrap}.tmenu>*{flex-shrink:0}@media (width<=820px){header{flex-wrap:wrap;row-gap:4px}}.vis-wrap{position:relative}.visbtn.hidden-some{border-color:var(--gold)}.vismenu{z-index:30;background:#1a1d23;border:1px solid #343840;border-radius:10px;flex-direction:column;min-width:240px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 28px #0000008c}.vismenu button{min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.vismenu button:hover{background:#262a31}.vismenu .vis-check{color:var(--gold);width:20px;font-size:17px}.vismenu .vis-label{flex:1}.vismenu small{color:var(--muted)}.ctype-wrap{position:relative}.ctype-btn{justify-content:center;align-items:center;padding:5px 9px;display:inline-flex}.ctype-menu{z-index:30;background:#1a1d23;border:1px solid #343840;border-radius:10px;flex-direction:column;min-width:210px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 28px #0000008c}.ctype-menu button{min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.ctype-menu button:hover{background:#262a31}.ctype-menu button.on{color:var(--gold)}.ctype-ico{justify-content:center;width:24px;display:inline-flex}.ctype-label{flex:1}.ctype-tick{width:16px;color:var(--gold)}.ctype-btn.open{color:var(--gold);border-color:var(--gold)}.authpage{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px 16px;display:flex}.authbrand{flex-wrap:wrap;justify-content:center}.authcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;width:min(100%,400px);padding:22px 20px;display:flex}.authcard h2{margin:0 0 4px}.authcard label,.pwform label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.pwform{flex-direction:column;gap:12px;display:flex}button.primary{background:var(--gold);color:#1a1205;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700}button.primary:disabled{opacity:.5;cursor:default}button.primary.wide{width:100%}.msg.ok{color:var(--up);background:#0f3a26;border-radius:8px;padding:8px 12px;font-size:13px}.admin h3{margin:22px 0 8px}.adminform{flex-wrap:wrap;gap:8px;display:flex}.adminform input{flex:200px;width:auto}.adminform select{flex:none;width:auto}.adminlist{flex-direction:column;gap:8px;display:flex}.adminrow{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.adminrow.disabled{opacity:.55}.adminrow .who{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.adminrow .sub{color:var(--muted);font-size:12px}.adminrow .acts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adminrow .validsel{width:auto;padding:6px 10px;font-size:13px}.adminrow .sub.expired{color:var(--down);font-weight:600}.dot{background:#555;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--up)}.adminbtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1c1f24;border-radius:8px;padding:6px 12px;font-size:13px}.adminbtn:disabled{opacity:.5;cursor:default}.msg.warn{color:var(--gold,#e6b655);background:#3a2f10;border-radius:8px;padding:8px 12px;font-size:13px}.modeseg{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;margin:0 0 12px;padding:4px;display:flex}.modeseg button{color:var(--muted);white-space:nowrap;border-radius:9px;flex:1;padding:9px 6px;font-weight:600}.modeseg button.on{background:var(--gold);color:#1a1205}.optpage{width:100%;max-width:980px;margin:0 auto}.oexpwrap{align-items:stretch;gap:6px;padding-bottom:8px;display:flex}.oexpwrap .oexp{flex:1;min-width:0;padding-bottom:0}.oexpnav{border:1px solid var(--line);background:var(--panel);width:30px;color:var(--gold);cursor:pointer;border-radius:10px;flex:none;padding:0;font-size:13px}.oexpnav:hover:not(:disabled){border-color:var(--gold);background:#1c1f24}.oexpnav:disabled{opacity:.3;cursor:default}.oexp{scrollbar-width:none;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.oexp button{border:1px solid var(--line);background:var(--panel);color:var(--muted);text-align:left;border-radius:10px;flex:none;padding:7px 12px;line-height:1.25}.oexp button small{opacity:.8;font-size:11px;display:block}.oexp button.on{background:var(--gold);border-color:var(--gold);color:#1a1205;font-weight:600}.obar{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 10px;display:flex}.obar .und{font-size:15px}.obar .und b{font-size:18px}.obar .muted{color:var(--muted)}.obar .ocount{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.obar .ocount select{width:auto;padding:6px 10px}.ochain{background:var(--panel);border:1px solid var(--line);--strike-w:78px;border-radius:12px;overflow:hidden}.ohead,.orow{grid-template-columns:repeat(5, 1fr) var(--strike-w) repeat(5, 1fr);text-align:right;align-items:center;display:grid}.ohead{color:var(--muted);border-bottom:1px solid var(--line);font-size:12px}.ohead div{padding:7px 8px}.ohead .grp{text-align:center;letter-spacing:.06em;font-weight:700}.ohead .callg{color:var(--up);grid-column:1/4}.ohead .putg{color:var(--down);grid-column:5/8}.ohead .mid{grid-column:4}.ohead .kcol{text-align:center}.oscroll{scrollbar-width:none;height:560px;overflow:auto}.oscroll::-webkit-scrollbar{display:none}.oexp::-webkit-scrollbar{display:none}.orow{font-variant-numeric:tabular-nums;border-bottom:1px solid #1b1e23;font-size:13px}.orow>div{padding:8px}.orow .kcol{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#101215;font-weight:700}.orow .citm{background:#1ec26b2b;font-weight:600}.orow .pitm{background:#ef53502b;font-weight:600}.orow .citm:first-child{box-shadow:inset 3px 0 0 var(--up)}.orow .pitm:last-child{box-shadow:inset -3px 0 0 var(--down)}.orow .kcol.kc{color:var(--up)}.orow .kcol.kp{color:var(--down)}.oatm{color:var(--gold);background:#2a2112;border-top:1px solid #6b5326;border-bottom:1px solid #6b5326;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.oatm:before,.oatm:after{content:"";background:#6b5326;flex:1;height:1px}.olegend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;display:flex}.olegend .sw{vertical-align:-2px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.olegend .sw.citm{border:1px solid var(--up);background:#1ec26b59}.olegend .sw.pitm{border:1px solid var(--down);background:#ef535059}.olegend .sw.otm{border:1px solid var(--line);background:#101215}.olegend .sw.atm{background:#2a2112;border:1px solid #6b5326}.ospread{border:1px solid var(--line);background:var(--panel);text-align:center;color:var(--muted);border-radius:12px;padding:40px 20px}.ospread b{color:var(--text);margin-bottom:6px;font-size:18px;display:block}@media (width<=820px){.ochain{--strike-w:70px;touch-action:pan-y}.ohead,.orow{grid-template-columns:1fr 1fr var(--strike-w) 1fr 1fr}.oscroll{height:calc(100dvh - 420px);min-height:280px}.orow{font-size:12.5px}.orow>div{padding:8px 5px}.obar .ocount{justify-content:space-between;width:100%;margin-left:0}}.featlabel{color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:0 6px;font-size:13px;display:inline-flex}.featlabel input{width:auto;accent-color:var(--gold);margin:0;padding:0}.resetbal{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0;display:flex}.resetbal label{color:var(--muted);flex-direction:column;flex:220px;gap:4px;font-size:13px;display:flex}.resetbal input{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:8px;padding:9px 10px;font-size:15px}.indmenu .multima{flex-direction:column;display:flex}.indmenu .multima select{padding:6px}.indmenu .mperiods{gap:6px;padding:0 4px 4px 32px;display:flex}.drawprops .linestyles{gap:4px;display:flex}.drawprops .linestyles button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:6px;padding:4px 8px;line-height:0}.drawprops .linestyles button.on{border-color:var(--gold);color:var(--gold)}.drawhint .pathdone{background:var(--gold);color:#1a1205;pointer-events:auto;border-radius:8px;margin-left:10px;padding:4px 12px;font-weight:700}.imgmsg{z-index:9;border:1px solid var(--line);background:#14161af2;border-radius:10px;padding:8px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ofilters{flex-wrap:wrap;gap:6px;padding:6px 2px;display:flex}.ofilters button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px}.ofilters button.on{background:var(--gold);border-color:var(--gold);color:#1a1205;font-weight:600}@media (width<=820px){.navtoggle{display:none}nav button em.nl{font-style:normal}}.ordpage{height:100%;min-height:0}.ordpage h2{margin:0}.panel.full{flex-direction:column;flex:1;min-height:0;display:flex}.panel.full .vlist{flex:1;min-height:0;max-height:none}.otable-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow-x:auto}.otable{flex-direction:column;flex:1;min-width:1125px;min-height:0;display:flex}.orow-line{font-variant-numeric:tabular-nums;border-bottom:1px solid #1b1e23;grid-template-columns:90px 100px 80px 150px 100px 150px 110px 80px 165px 80px 90px;align-items:center;height:100%;font-size:13px;display:grid}.otable.pos{min-width:830px}.otable.cls{min-width:1040px}.otable.bal{min-width:955px}.otable.fil{min-width:860px}.orow-line.fil{grid-template-columns:165px 140px 80px 100px 110px 110px 130px 90px}.orow-line.bal{grid-template-columns:165px 140px 170px 120px 100px 130px 130px}.orow-line.cls{grid-template-columns:130px 80px 90px 110px 110px 130px 165px 165px 90px}.orow-line.pos{grid-template-columns:130px 80px 90px 110px 130px 120px 80px 90px}.orow-line .warn{color:var(--gold);cursor:help}.orow-line.othead{height:34px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 34px;font-size:12px}.orow-line .oc{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;overflow:hidden}.orow-line .oc.code{background:var(--panel);z-index:1;position:sticky;left:0}.orow-line .oc.act{text-align:center}.orow-line .oc em{color:var(--muted);font-size:11px;font-style:normal}.orow-line .st-filled{color:var(--up)}.orow-line .st-rejected{color:var(--down)}.orow-line .st-cancelled{color:var(--muted)}.otable .vlist{flex:1}.orow-line .mini{padding:3px 12px;position:static}.orow-line .oc.num{text-align:left}.book.ladder .lhead{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding:2px 8px;font-size:11px;display:flex}.book.ladder .lhead em{font-style:normal}.book.ladder .lv{font-variant-numeric:tabular-nums;justify-content:space-between;padding:1px 8px;font-size:12px;line-height:18px;display:flex;position:relative}.book.ladder .lv .bar{opacity:.22;pointer-events:none;border-radius:2px;position:absolute;top:1px;bottom:1px;right:0}.book.ladder .lv.ask .bar{background:var(--down)}.book.ladder .lv.bid .bar{background:var(--up)}.book.ladder .lv.ask span{color:var(--down)}.book.ladder .lv.bid span{color:var(--up)}.book.ladder .lv em{color:var(--text);font-style:normal;position:relative}.book.ladder .mid{padding:3px 8px;font-size:15px}.book.dom{padding:0}.book.dom .dr{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1.5fr 1fr;align-items:stretch;height:22px;padding:0;display:grid}.book.dom .dr>*{justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.book.dom .dr .bidc{color:#fff;background:#3fae6a}.book.dom .dr .askc{color:#fff;background:#e0443e}.book.dom .dr .px{color:#f2f3f5;background:#101114;font-weight:500}.book.dom .dr.last .px{color:var(--up);gap:4px;font-size:13px;font-weight:700}.book.dom .dr.last.down .px{color:var(--down)}.book.dom .dr.last{border-block:2px solid #f2f3f5;height:26px}.book.dom .spread{margin:6px 0 2px}.bookcol{position:relative}.bookcol .book{overflow-anchor:none;scrollbar-width:none;position:absolute;inset:8px;overflow-y:auto}.bookcol .book::-webkit-scrollbar{display:none}.vlist,.otable-wrap{scrollbar-width:none}.vlist::-webkit-scrollbar{display:none}.otable-wrap::-webkit-scrollbar{display:none}.book.dom .dr.ask,.book.dom .dr.bid{cursor:pointer}.book.dom .dr.ask:hover .px,.book.dom .dr.bid:hover .px{background:#23262c}.orow .tradable{cursor:pointer}.orow .tradable:hover{outline-offset:-1px;background:#e7b87338;outline:1px solid #e7b8738c}.otk-back{z-index:60;background:#0009;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.otk{scrollbar-width:none;background:#1a1d23;border:1px solid #343840;border-radius:12px;flex-direction:column;gap:10px;width:min(400px,100%);max-height:100%;padding:14px;font-size:13px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #0009}.otk::-webkit-scrollbar{display:none}.otk-head{justify-content:space-between;align-items:flex-start;gap:8px;font-size:15px;display:flex}.otk-head small{color:var(--muted);font-size:12px}.otk-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:18px}.otk-quote{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;display:flex}.otk-quote b{color:var(--text)}.otk-quote b.up{color:var(--up)}.otk-quote b.down{color:var(--down)}.otk-side{grid-template-columns:1fr 1fr;gap:6px;display:grid}.otk-side button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1c1f24;border-radius:8px;padding:10px;font-weight:700}.otk-side button.on.buy{background:var(--up);color:#04210f;border-color:var(--up)}.otk-side button.on.sell{background:var(--down);color:#fff;border-color:var(--down)}.otk-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.otk-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.otk-est{font-variant-numeric:tabular-nums;background:#14161a;border-radius:8px;flex-direction:column;gap:4px;margin:0;padding:8px 10px;display:flex}.otk-est>div{justify-content:space-between;gap:8px;display:flex}.otk-est dt{color:var(--muted)}.otk-est dd{margin:0;font-weight:600}.otk-note{color:var(--muted);font-size:12px;line-height:1.45}.otk-warn{color:var(--gold);background:#3a2f10;border-radius:8px;padding:8px 10px;font-size:12.5px}.otk-err{color:var(--down);font-size:12.5px}.otk-ack{color:var(--text);background:#f0443a1a;border:1px solid #f0443a59;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.otk-ack input{width:auto;margin-top:2px}.otk-go{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:14px;font-weight:700}.otk-go.buy{background:var(--up);color:#04210f}.otk-go.sell{background:var(--down)}.otk-go:disabled{opacity:.4;cursor:default}@media (width<=820px){.otk-back{align-items:flex-end;padding:0}.otk{border-radius:14px 14px 0 0;width:100%;max-height:92%}}.ocf .ocf-title{font-size:16px;font-weight:700}.ocf .ocf-skip{text-align:left;border-color:var(--line);background:#14161a;flex-direction:row;justify-content:flex-start;align-items:center}.ocf .ocf-btns{grid-template-columns:1fr 2fr;gap:8px;display:grid}.ocf .ocf-btns .adminbtn{padding:12px;font-size:14px}.opages{display:none}@media (width<=820px){.opages{align-items:center;gap:6px;margin:0 0 8px;display:flex}.opages button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;flex:1;padding:8px 6px;font-size:13px}.opages button.on{background:var(--gold);border-color:var(--gold);color:#1a1205;font-weight:600}.ochain .ospread{padding:28px 16px}}.orow .kcol.haspos{flex-direction:column;justify-content:center;padding-top:2px;padding-bottom:2px;line-height:1.1;display:flex}.orow .kcol .kpos{letter-spacing:.01em;justify-content:center;gap:5px;font-size:10px;font-weight:800;display:flex}.orow .kcol .kpos .c{color:var(--up)}.orow .kcol .kpos .p{color:var(--down)}.oexp button .opos{color:var(--up);vertical-align:1px;text-shadow:0 0 6px #1ec26b8c;margin-left:5px;font-size:10px}.oexp button.on .opos{color:#0a7a3c;text-shadow:none}