:root{--bg:#071716;--bg-2:#0a1f1d;--panel:#0c2321;--panel-2:#10302c;--hover:#123531;--line:#6ef0d214;--line-strong:#6ef0d229;--text:#e8f3f0;--muted:#7f9a94;--dim:#5d766f;--accent:#6ef0d2;--up:#2fd39b;--down:#ff5470;--warn:#ffb454;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4;overflow:hidden}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7f9a9440;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:11px}.r{text-align:right;justify-content:flex-end}.grow{flex:1}.up{color:var(--up)}.down{color:var(--down)}.up-bg{background:var(--up)!important;color:#03241a!important}.down-bg{background:var(--down)!important;color:#2b0610!important}.shell{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line-strong);flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:7px}.brand-name{font-family:var(--mono);letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-tab{border-bottom:2px solid var(--accent);margin-left:18px;padding:15px 2px;font-size:13px;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.link.muted:hover{color:var(--text)}.xlink{align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.xhandle{display:none}}.kv{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.kv.small{gap:6px}.layout{flex:1;grid-template:"markets header header form""markets chart book form"minmax(0,1fr)"markets account account form"230px/240px minmax(0,1fr) 280px 300px;gap:6px;min-height:0;padding:6px;display:grid}.markets{grid-area:markets}.market-header{grid-area:header}.chart{grid-area:chart}.book{grid-area:book}.account{grid-area:account}.order-form{grid-area:form}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{padding:12px 14px 8px;font-size:13px;font-weight:600}.scroll{flex:1;min-height:0;overflow:auto}.empty{color:var(--dim);text-align:center;padding:22px 14px;font-size:12px}.btn{border:1px solid var(--line-strong);background:0 0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500}.btn:hover:not(:disabled){background:var(--hover)}.btn.primary{background:var(--accent);color:#03241a;border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:#85f4dc}.btn.small{padding:4px 9px;font-size:11px}.btn.big{border:0;border-radius:9px;width:100%;padding:12px;font-size:14px;font-weight:600}.input{border:1px solid var(--line-strong);background:var(--bg-2);border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:13px}.input:focus{border-color:#6ef0d280}.input.small{width:auto;padding:5px 8px;font-size:12px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.seg{background:var(--bg-2);border-radius:8px;padding:2px;display:inline-flex}.seg button{color:var(--muted);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500}.seg button.on{background:var(--panel-2);color:var(--text)}.seg.wide{display:flex}.seg.wide button{flex:1;padding:9px;font-size:13px}.tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;padding:4px 8px 0;display:flex}.tabs button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 8px;font-size:12.5px;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs.small{padding:0 8px}.tabs.small button{padding:7px 8px;font-size:12px}.tabs .kv{padding-right:6px}.tag{font-family:var(--mono);color:var(--accent);background:#6ef0d21a;border-radius:4px;padding:1px 5px;font-size:10px;line-height:1.5}.chip{border:1px solid var(--line-strong);color:var(--muted);border-radius:6px;padding:3px 9px;font-size:11px}.chip:hover:not(:disabled){color:var(--text);background:var(--hover)}.linkbtn{color:var(--text)}.linkbtn:hover{color:var(--accent)}.star{color:#0000;text-align:center;-webkit-text-stroke:1px var(--dim);width:14px;font-size:12px}.market-row:hover .star{color:var(--dim);-webkit-text-stroke:0}.star.on,.market-row:hover .star.on{color:var(--warn);-webkit-text-stroke:0}.table-head,.row{align-items:center;gap:8px;padding:0 14px;display:grid}.table-head{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;flex:none;padding-top:8px;padding-bottom:6px;font-size:10.5px}.row{padding-top:7px;padding-bottom:7px}.row>span{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.row>span.r{justify-content:flex-end}.markets .input{width:calc(100% - 24px);margin:0 12px 6px;padding:7px 10px;font-size:12px}.cols-market{grid-template-columns:1fr auto}.market-row{cursor:pointer;height:46px;padding-top:0;padding-bottom:0}.market-row:hover{background:var(--hover)}.market-row.sel{box-shadow:inset 2px 0 0 var(--accent);background:#6ef0d212}.market-row>span{flex-direction:column;align-items:flex-start;gap:2px}.market-row>span.r{align-items:flex-end}.market-top{align-items:center;gap:6px;display:flex;flex-direction:row!important}.market-row .mono{font-size:12.5px}.market-header{flex-flow:row;align-items:center;gap:0;height:56px;padding:0 14px;overflow-x:auto}.mh-coin{border-right:1px solid var(--line-strong);white-space:nowrap;align-items:center;gap:8px;height:30px;padding-right:16px;font-size:15px;display:flex}.mh-price{white-space:nowrap;padding:0 18px 0 14px;font-size:18px;font-weight:600;transition:color .3s}.mh-price.up{color:var(--up)}.mh-price.down{color:var(--down)}.stat{white-space:nowrap;flex-direction:column;gap:2px;padding:0 11px;display:flex}.stat .small{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);font-size:10.5px}.stat .mono{font-size:12px}.chart{position:relative}.chart-toolbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2px;padding:6px 10px;display:flex}.chart-toolbar button{color:var(--muted);font-family:var(--mono);border-radius:6px;padding:4px 8px;font-size:11px}.chart-toolbar button:hover{color:var(--text)}.chart-toolbar button.on{background:var(--panel-2);color:var(--text)}.chart-box{flex:1;min-height:0}.cols-book{grid-template-columns:1.1fr 1fr 1fr;font-size:12px}.book-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.lvl{height:22px;padding-top:0;padding-bottom:0;position:relative}.lvl .depth{opacity:.1;pointer-events:none;border-radius:2px 0 0 2px;position:absolute;top:2px;bottom:2px;right:0}.lvl .depth.ask{background:var(--down)}.lvl .depth.bid{background:var(--up)}.lvl>span{position:relative}.lvl .mono.muted{color:var(--dim)}.spread{background:var(--bg-2);justify-content:space-between;align-items:center;margin:2px 0;padding:7px 14px;font-size:12px;display:flex}.spread strong{font-size:13px}.asks{flex-direction:column;justify-content:flex-end;display:flex}.order-form{gap:12px;padding:14px;position:relative;overflow:auto}.connect-cta{background:var(--bg-2);text-align:center;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.connect-cta .btn{margin-top:4px}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lev-block{background:var(--bg-2);border-radius:9px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lev-head{justify-content:space-between;align-items:center;font-size:12px;display:flex}.lev-head strong{font-family:var(--mono);font-size:13px}.lev-head .linkbtn{color:var(--accent);font-size:11px}.lev-block input[type=range]{width:100%;accent-color:var(--accent);height:18px;margin:0}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.field-in{position:relative}.field-in .input{padding-right:56px}.field-in .chip{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pct-row{gap:6px;display:flex}.pct-row .chip{text-align:center;flex:1;padding:4px 0}.summary{flex-direction:column;gap:6px;padding-top:2px;display:flex}.opts{justify-content:space-between;align-items:center;gap:12px;display:flex}.check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.check input{accent-color:var(--accent);margin:0}.hint{text-align:center}.hint.warn{color:var(--warn)}.cols-pos{grid-template-columns:1.3fr 1.2fr 1fr 1fr 1fr 1.3fr .8fr auto;font-size:12px}.cols-ord{grid-template-columns:1.2fr .8fr 1.1fr .7fr 1fr 1.2fr auto;font-size:12px}.cols-fill{grid-template-columns:1.2fr .8fr 1.1fr 1fr 1fr .8fr 1fr;font-size:12px}.account .row{border-bottom:1px solid var(--line)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#030c0bb8;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;width:430px;max-width:100%;max-height:100%;display:flex;overflow:auto;box-shadow:0 30px 80px #0000008c}.dialog-head{justify-content:space-between;align-items:center;padding:14px 16px 4px;font-size:15px;font-weight:600;display:flex}.dialog .tabs{padding:0 8px}.dialog-body{flex-direction:column;gap:12px;padding:16px;display:flex}.close{color:var(--muted);border-radius:6px;padding:2px 6px;font-size:20px;line-height:1}.close:hover{color:var(--text);background:var(--hover)}.note{color:var(--muted);background:var(--bg-2);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.55}.note strong{color:var(--text);font-weight:500}.rowline{justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.field-err{color:var(--down);font-size:11.5px;line-height:1.45}.linkbtn.accent{color:var(--accent)}.linkbtn.accent:hover{text-decoration:underline}.toasts{z-index:50;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:14px;right:14px}.toast{background:var(--panel-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:12px;box-shadow:0 10px 30px #0006}.toast.ok{border-color:#2fd39b80}.toast.err{border-color:#ff547099}@media (width<=1280px){.layout{grid-template-columns:210px minmax(0,1fr) 250px 280px}.cols-book span:nth-child(4){display:none}}@media (width<=1024px){body{overflow:auto}.shell{height:auto;min-height:100%}.layout{flex-direction:column;flex:none;display:flex}.markets{flex:none;height:300px}.market-header{flex:none}.chart{flex:none;height:380px}.account{flex:none;height:240px}.book{flex:none;height:400px}.order-form{flex:none;overflow:visible}}@media (width<=640px){.topbar{padding:0 12px}.topbar-right .kv,.link.muted,.brand-tab,.cols-book span:nth-child(4){display:none}}