:root{--bg:#0b0c10;--panel:#14161c;--panel2:#1b1e26;--line:#ffffff14;--text:#e6e8ee;--muted:#8b93a3;--accent:#4f8cff;--danger:#ff5d6c;--ok:#3ecf8e;--warn:#f5b942;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--side:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;font:14px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}input[type=text],input[type=search],input[type=date],input[type=time],input[type=number],select{background:var(--panel2);border:1px solid var(--line);border-radius:8px;outline:none;max-width:100%;min-height:40px;padding:9px 10px;font-size:16px}input:focus,select:focus{border-color:var(--accent)}svg{display:block}.app{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.top{padding:calc(var(--sat) + 4px) calc(var(--sar) + 6px) 4px calc(var(--sal) + 6px);background:var(--panel);border-bottom:1px solid var(--line);z-index:5;flex:none;align-items:center;gap:6px;display:flex}.sym-btn{background:var(--panel2);letter-spacing:.2px;border-radius:9px;flex:none;align-items:center;gap:6px;height:40px;padding:0 10px;font-weight:700;display:flex}.sym-btn small{color:var(--muted);font-weight:500}.tfs{scrollbar-width:none;touch-action:pan-x;flex:1;gap:2px;padding:0 2px;display:flex;overflow-x:auto}.tfs::-webkit-scrollbar{display:none}.tf{min-width:40px;height:40px;color:var(--muted);border-radius:8px;flex:none;padding:0 9px;font-size:13px;font-weight:600}.tf.on{background:var(--accent);color:#fff}.tf:disabled{opacity:.3}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.icon-btn:active,.tf:active,.sym-btn:active,.bb:active{background:#ffffff14}.top .desk{display:none}.stage{min-height:0;margin-right:var(--side);flex:1;position:relative}.panes{flex-direction:column;display:flex;position:absolute;inset:0}.pane{flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.pane.is-active:after{content:"";border:1.5px solid var(--accent);opacity:.7;pointer-events:none;z-index:5;position:absolute;inset:0}.split{background:var(--panel);border-block:1px solid var(--line);cursor:row-resize;touch-action:none;z-index:6;flex:none;height:6px;position:relative}.split:after{content:"";position:absolute;inset:-9px 0}.split:before{content:"";background:var(--muted);opacity:.6;border-radius:2px;width:32px;height:2px;margin-left:-16px;position:absolute;top:1px;left:50%}.pane-sym{pointer-events:auto;border:1px solid var(--line);color:inherit;background:#1b1e26cc;border-radius:7px;align-items:center;gap:3px;min-height:26px;margin:-2px 0 0 -6px;padding:2px 7px 2px 6px;font-size:12px;display:inline-flex}.pane-no{background:var(--accent);color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;margin-right:2px;font-size:11px;display:inline-grid}@media (orientation:landscape),(min-width:900px){.panes{flex-direction:row}.split{cursor:col-resize;border-block:0;border-inline:1px solid var(--line);width:6px;height:auto}.split:after{inset:0 -9px}.split:before{width:2px;height:32px;margin:-16px 0 0;top:50%;left:1px}}.chart{inset:0 var(--sar) 0 var(--sal);touch-action:none;position:absolute}.legend{left:calc(var(--sal) + 8px);pointer-events:none;z-index:3;font-variant-numeric:tabular-nums;text-shadow:0 0 4px var(--bg), 0 0 2px var(--bg);flex-wrap:wrap;gap:0 9px;font-size:11.5px;line-height:1.45;display:flex;position:absolute;top:5px;right:74px}.legend b{font-weight:700}.legend .k{color:var(--muted);margin-right:2px}.chart-btns{right:calc(var(--sar) + 64px);z-index:3;gap:6px;display:flex;position:absolute;bottom:34px}.chip{border:1px solid var(--line);min-width:32px;height:32px;color:var(--muted);background:#1b1e26e6;border-radius:16px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.status{pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.status .box{pointer-events:auto;border:1px solid var(--line);text-align:center;background:#14161cf2;border-radius:12px;max-width:min(86%,420px);padding:14px 16px}.status .box p{color:var(--muted);-webkit-user-select:text;user-select:text;margin:0 0 10px}.spinner{border:2px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.loading-pill{z-index:4;border:1px solid var(--line);color:var(--muted);pointer-events:none;background:#14161ce6;border-radius:14px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.loading-pill .spinner{width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.banner{z-index:6;background:var(--accent);color:#fff;border-radius:18px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.banner button{background:#ffffff2e;border-radius:14px;flex:none;padding:5px 10px}.bottom{background:var(--panel);border-top:1px solid var(--line);padding:4px calc(var(--sar) + 6px) calc(var(--sab) + 4px) calc(var(--sal) + 6px);margin-right:var(--side);z-index:5;flex:none}.bb-row{align-items:center;gap:2px;display:flex}.bb{height:46px;color:var(--muted);border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:44px;font-size:10.5px;font-weight:600;display:flex}.bb.accent{color:var(--accent)}.bb.big{color:#fff;background:var(--accent);flex:1.3}.bb.big:active{background:#3b74e0}.bb.txt{font-variant-numeric:tabular-nums;font-size:14px}.scrub{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 4px 2px;font-size:11.5px;display:flex}.scrub input[type=range]{touch-action:pan-x;accent-color:var(--accent);flex:1;min-width:60px;height:24px;margin:0}.scrub .now{color:var(--text);white-space:nowrap;font-weight:600}.backdrop{z-index:19;background:0 0;position:fixed;inset:0}.sheet{z-index:20;background:var(--panel);border-top:1px solid var(--line);touch-action:pan-y;border-radius:16px 16px 0 0;flex-direction:column;max-height:64dvh;animation:.18s ease-out up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #000a}.sheet.tall{height:86dvh;max-height:86dvh}@keyframes up{0%{opacity:0;transform:translateY(24px)}}.sheet-head{flex:none;align-items:center;gap:8px;padding:10px 8px 8px 16px;display:flex}.sheet-head h2{flex:1;margin:0;font-size:16px}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 14px calc(var(--sab) + 16px);touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.sheet-body,.sheet-body input{-webkit-user-select:text;user-select:text}.row{align-items:center;gap:10px;min-height:46px;display:flex}.grow{flex:1;min-width:0}.row label,.lbl{color:var(--muted);font-size:12.5px}.sec{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:700}.card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:4px 12px}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 14px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.danger{color:var(--danger)}.btn.sm{border-radius:8px;height:34px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.45}.btn-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.btn-row .btn{white-space:nowrap;flex:1}.muted{color:var(--muted);font-size:12.5px}.err{color:var(--danger);font-size:12.5px}.okc{color:var(--ok)}.warnc{color:var(--warn)}.switch{background:#ffffff1f;border-radius:14px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(18px)}.chips{scrollbar-width:none;touch-action:pan-x;gap:6px;padding:2px 0 8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .chip{flex:none;height:34px}.chips .chip.on{background:var(--accent);color:#fff;border-color:#0000}.sym-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;min-height:52px;display:flex}.sym-row .t{font-weight:700}.sym-row .n{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sym-row .tag{color:var(--muted);background:#ffffff10;border-radius:6px;flex:none;padding:2px 6px;font-size:10.5px}.sym-row .tag.off{color:var(--warn)}.star{color:#ffffff40;flex:none;place-items:center;width:44px;height:44px;display:grid}.star.on{color:var(--warn)}.color-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 40px 92px;align-items:center;gap:8px;padding:6px 0;display:grid}.color-row:last-child{border-bottom:0}.color-row .op{color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:11.5px;display:flex}.color-row .op input{accent-color:var(--accent);touch-action:pan-x;flex:1;height:26px;margin:0}.swatch{border:1px solid var(--line);background-image:conic-gradient(#666 25%, #999 0 50%, #666 0 75%, #999 0);background-size:12px 12px;border-radius:9px;width:40px;height:40px;padding:0;position:relative;overflow:hidden}.swatch i{position:absolute;inset:0}.swatch input{opacity:0;cursor:pointer;width:60px;height:60px;position:absolute;inset:-6px}.hex{text-transform:lowercase;width:92px;font-family:ui-monospace,Menlo,monospace;padding:8px!important;font-size:13px!important}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;margin:8px 0;display:flex}.field>span{color:var(--muted);font-size:11.5px}.field input,.field select{width:100%}.checks{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.checks .row{min-height:40px}table.pv{border-collapse:collapse;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px}table.pv td,table.pv th{border:1px solid var(--line);text-align:left;padding:3px 6px}.scroll-x{touch-action:pan-x pan-y;margin:6px 0;overflow-x:auto}.kv{grid-template-columns:auto 1fr;gap:4px 12px;padding:8px 0;font-size:13px;display:grid}.kv span:nth-child(odd){color:var(--muted)}.kv span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums}progress{width:100%;accent-color:var(--accent)}.toast{left:50%;bottom:calc(var(--sab) + 120px);z-index:40;border:1px solid var(--line);background:#22262f;border-radius:12px;max-width:88vw;padding:10px 14px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #000a}.toast.error{border-color:var(--danger)}.drawbar{left:calc(var(--sal) + 6px);top:calc(var(--legend,60px) + 44px);z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute}.db{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);background:#1b1e26e6;border-radius:10px;place-items:center;display:grid}.db.on{background:var(--accent);color:#fff;border-color:#0000}.db:disabled{opacity:.35}.db.desk,.db .desk-in{display:none}.badge{letter-spacing:.2px;font-size:9.5px;font-weight:800;line-height:1}.tool-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tool-cell{background:var(--panel2);border:1px solid var(--line);min-height:64px;color:var(--muted);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 2px;font-size:10.5px;font-weight:600;line-height:1.15;display:flex}.tool-cell svg,.tool-cell .badge{color:var(--text)}.tool-cell .badge{place-items:center;height:22px;font-size:12px;display:grid}.tool-cell.on{background:var(--accent);color:#fff;border-color:#0000}.selbar{z-index:6;border:1px solid var(--line);white-space:nowrap;background:#1b1e26f2;border-radius:12px;align-items:center;gap:2px;padding:3px 4px 3px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.selbar .name{margin-right:6px;font-size:12px;font-weight:700}.swatch.sm{border-radius:8px;flex:none;width:30px;height:30px;margin:0 4px}@media (orientation:portrait) and (max-width:899px){.two .drawbar .db:not(.main){display:none}.two .legend{font-size:11px}}@media (orientation:landscape) and (max-height:540px){.drawbar .db:not(.main){display:none}.sheet,.sheet.tall{border-top:0;border-left:1px solid var(--line);width:min(380px,52vw);height:auto;max-height:none;padding-top:var(--sat);padding-right:var(--sar);border-radius:0;animation:none;top:0;bottom:0;left:auto}.bb{flex-direction:row;gap:6px;height:38px}.tf,.sym-btn,.icon-btn{height:34px}.bottom{align-items:center;gap:10px;display:flex}.bottom .scrub{flex:1.2;padding:0}.bottom .bb-row{flex:1}}@media (min-width:900px) and (min-height:541px){.top{gap:10px;padding:6px 12px}.top .desk{display:flex}.tfs{flex:none}.top .spacer{flex:1}.tf{min-width:38px;height:34px}.sym-btn{height:36px}.icon-btn{width:36px;height:36px}.tool{height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.tool:hover,.tf:hover,.icon-btn:hover,.sym-btn:hover{color:var(--text);background:#ffffff12}.tf.on:hover{background:var(--accent);color:#fff}.tool.on{color:var(--accent)}.bottom.idle{display:none}.bottom{align-items:center;gap:16px;padding:6px 14px;display:flex}.bottom .scrub{flex:1;order:2;padding:0}.bottom .bb-row{flex:none;gap:4px}.bb{flex:none;width:54px;height:40px}.bb.big{flex:none;width:64px}.has-sheet{--side:380px}.drawbar{background:var(--panel);border-right:1px solid var(--line);scrollbar-width:none;gap:2px;width:46px;padding:6px 4px;top:0;bottom:0;left:0;overflow-y:auto}.db{background:0 0;border:0;border-radius:8px;flex:none;width:36px;height:34px}.db:hover{color:var(--text);background:#ffffff12}.db.on:hover{background:var(--accent);color:#fff}.db.desk{display:grid}.db .desk-in{display:block}.db .mob{display:none}.panes{left:46px}.backdrop{display:none}.sheet,.sheet.tall{border-top:0;border-left:1px solid var(--line);width:380px;height:auto;max-height:none;box-shadow:none;border-radius:0;animation:none;inset:49px 0 0 auto}.toast{bottom:80px}}:root{--buy:#3b82f6;--sell:#f0616d}textarea{font:inherit;color:inherit;background:var(--panel2);border:1px solid var(--line);resize:vertical;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:16px}textarea:focus{border-color:var(--accent)}.trade-row{align-items:stretch;gap:6px;padding:2px 0 4px;display:flex}.tbtn{color:#fff;font-variant-numeric:tabular-nums;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:42px;line-height:1.1;display:flex}.tbtn span{letter-spacing:.6px;opacity:.85;font-size:10px;font-weight:800}.tbtn b{font-size:13.5px}.tbtn.sell{background:var(--sell)}.tbtn.buy{background:var(--buy)}.tbtn:disabled{opacity:.35}.tbtn:active{filter:brightness(.9)}.acct{background:var(--panel2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:9px;flex-direction:column;flex:1.1;justify-content:center;align-items:center;min-width:0;height:42px;line-height:1.15;display:flex}.acct span{color:var(--muted);font-size:10.5px;font-weight:600}.acct b{white-space:nowrap;font-size:13.5px}.seg{background:var(--panel2);border:1px solid var(--line);border-radius:10px;gap:4px;margin:8px 0;padding:3px;display:flex}.seg button{height:36px;color:var(--muted);border-radius:8px;flex:1;font-size:13px;font-weight:600}.seg button.on{background:var(--accent);color:#fff}.seg.two-col button{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;height:46px;line-height:1.15;display:flex}.seg.two-col button.sell.on{background:var(--sell)}.seg.two-col button.buy.on{background:var(--buy)}.pin{align-items:center;gap:6px;display:flex}.pin input{text-align:center;font-variant-numeric:tabular-nums;flex:1;min-width:0}.pin .btn{flex:none;width:44px;height:40px;font-size:18px}.lvl{border-bottom:1px solid var(--line);padding-bottom:8px}.btn.primary.buy{background:var(--buy)}.btn.primary.sell{background:var(--sell)}.link{color:var(--accent);margin-left:6px;font-size:12px}.trow{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 0;display:flex}.trow.col{flex-direction:column;align-items:stretch;gap:0}.hrow{text-align:left;align-items:center;gap:10px;width:100%;min-height:44px;display:flex}.tdetail{padding:4px 0 6px}.pill{color:#fff;background:var(--buy);border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.pill.sell{background:var(--sell)}.kpis{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 8px;display:grid}.kpis>div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.kpis span{color:var(--muted);font-size:11px;font-weight:600}.kpis b{font-variant-numeric:tabular-nums;font-size:18px}.kpis small{color:var(--muted);font-size:11px}.equity{width:100%;height:110px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px}.warn-card{border-color:#f5b94266}.warn-card p{margin:8px 0 0;font-size:13px}.selbar.trade{gap:6px;padding-left:12px}.selbar.trade .name{font-variant-numeric:tabular-nums}@media (orientation:landscape) and (max-height:540px){.bottom .trade-row{flex:1;padding:0}.tbtn,.acct{height:38px}.bottom .scrub{flex:1}}@media (min-width:900px) and (min-height:541px){.bottom .trade-row{flex:0 330px;order:1;min-width:210px;padding:0}.bottom .scrub{min-width:0}.has-sheet .bottom .scrub .now{display:none}.tbtn,.acct{height:40px}.tbtn:hover{filter:brightness(1.1)}.acct:hover{background:#ffffff12}}.ind-legs{flex-wrap:wrap;flex-basis:100%;gap:0 10px;display:flex}.ind-leg{pointer-events:auto;text-align:left;font-variant-numeric:tabular-nums;padding:0;font-size:11px}.ind-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.ind-grid .tool-cell{min-height:58px}.ind .dot{border-radius:50%;flex:none;width:10px;height:10px}.ind-edit{padding-bottom:6px}.icon-btn.on{color:var(--accent)}@media (min-width:900px) and (min-height:541px){.top .icon-btn.mob{display:none}}
