:root{--bg:#0b0e14;--panel:#10141d;--panel2:#131824;--line:#242a38;--line2:#1b2130;--text:#d7dce7;--muted:#778195;--blue:#2962ff;--cyan:#4aa3ff;--green:#26a69a;--green2:#58d6aa;--red:#ef5350;--orange:#ff9800;--shadow:0 18px 60px #0009;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-size:12px}button,input{font:inherit;color:inherit}.app{height:100%;display:grid;grid-template-rows:48px 38px minmax(0,1fr) 26px;background:var(--bg)}button{border:0;background:transparent;cursor:pointer}.topbar{display:flex;align-items:center;border-bottom:1px solid var(--line);background:#0f131c;padding:0 10px;gap:8px}.brand{display:flex;align-items:center;gap:8px;padding-right:10px}.brand-mark,.boot-logo{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:white;font-size:15px;font-weight:800;background:linear-gradient(145deg,#2962ff,#7b4dff);box-shadow:0 5px 15px #2962ff44}.brand-name{font-size:14px;font-weight:700;letter-spacing:.1px}.symbol-button{height:38px;min-width:245px;border-radius:6px;display:flex;align-items:center;text-align:left;padding:0 8px;gap:9px}.symbol-button:hover,.top-action:hover,.icon-button:hover,.sub-action:hover{background:#202635}.coin-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f49b22;color:#10131b;font-size:15px;font-weight:800}.symbol-button strong{display:block;font-size:13px;line-height:15px}.symbol-button small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.chevron{color:var(--muted);margin-left:auto}.market-switch{display:flex;background:#090c12;border:1px solid var(--line);padding:2px;border-radius:6px}.market-switch button{padding:6px 10px;border-radius:4px;color:var(--muted)}.market-switch button.active{background:#263047;color:#fff}.top-spacer,.sub-spacer,.footer-spacer{flex:1}.top-action,.icon-button{height:32px;border-radius:5px;color:#c5cad5}.top-action{padding:0 11px}.fx{font-weight:700;color:#79a0ff;margin-right:4px}.icon-button{width:34px;font-size:17px}.live-pill{display:flex;gap:6px;align-items:center;color:#96a0b3;border-left:1px solid var(--line);padding-left:13px;margin-left:2px;font-size:10px;font-weight:700}.live-pill i,.statusbar i{width:7px;height:7px;background:#5c6678;border-radius:50%}.live-pill i.connected,.statusbar i.connected{background:var(--green2);box-shadow:0 0 8px #58d6aa88}.subbar{display:flex;align-items:center;padding:0 10px 0 52px;background:#0f131c;border-bottom:1px solid var(--line);gap:8px}.timeframes{display:flex;gap:1px}.timeframes button,.sub-action{height:28px;padding:0 9px;border-radius:5px;color:#8d97aa}.timeframes button:hover,.timeframes button.active,.sub-action.active{color:#fff;background:#252c3c}.separator{height:20px;width:1px;background:var(--line)}.session-label{color:#697487;font-size:10px}.workspace{display:grid;grid-template-columns:42px minmax(500px,1fr) 300px;min-height:0}.drawing-tools{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);background:#0f131b;padding:5px 0}.drawing-tools button{width:32px;height:32px;border-radius:5px;color:#8791a4;font-size:16px}.drawing-tools button:hover,.drawing-tools button.active{background:#252b39;color:#fff}.drawing-tools span{height:1px;width:24px;background:var(--line);margin:5px}.chart-stack{display:grid;grid-template-rows:minmax(330px,1fr) 190px;min-width:0;min-height:0}.chart-panel,.indicator-panel{position:relative;min-height:0;background:#0b0e14;overflow:hidden}.price-panel{border-bottom:1px solid var(--line)}.chart{position:absolute;inset:0}.chart-legend,.indicator-legend{position:absolute;z-index:3;pointer-events:none;top:8px;left:12px}.instrument-line{display:flex;align-items:center;gap:5px;color:#8993a7}.symbol-large{color:#dfe3ec;font-size:13px;font-weight:650}.ohlc-line{display:flex;gap:9px;margin-top:4px;color:#7f899c;font-size:10px}.ohlc-line b{font-weight:550;color:#b7becc}.ohlc-line #change-value.up{color:var(--green2)}.ohlc-line #change-value.down{color:var(--red)}.watermark{position:absolute;z-index:2;pointer-events:none;left:50%;top:48%;transform:translate(-50%,-50%);font-size:46px;letter-spacing:8px;font-weight:800;color:#fff0}.indicator-legend{right:10px;display:flex;justify-content:space-between}.indicator-legend>div:first-child b{display:block;font-size:11px}.indicator-legend>div:first-child span{display:block;color:#6e788b;font-size:9px;margin-top:2px}.indicator-values{display:flex;gap:10px;align-items:start;font-size:9px}.indicator-values span{color:#929caf}.indicator-values b{color:#e3e7ef}.indicator-values .orange b{color:var(--orange)}.indicator-values .green b{color:var(--green2)}.indicator-values em{font-style:normal;font-size:9px;font-weight:700;border-radius:3px;padding:3px 5px;background:#252d3e;color:#97a2b6}.indicator-values em.watch{color:#ffb74d;background:#4c321d}.indicator-values em.ready{color:#ffb96a;background:#4f2a1e}.indicator-values em.continuation{color:#75dbc2;background:#173b35}.loading-overlay{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#0b0e14cc;color:#8e98aa;backdrop-filter:blur(3px)}.loading-overlay.hidden{display:none}.loading-overlay span{width:16px;height:16px;border:2px solid #394258;border-top-color:#5c82ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.right-panel{border-left:1px solid var(--line);background:#0e121a;min-height:0;overflow:hidden;display:flex;flex-direction:column}.right-tabs{height:38px;display:flex;border-bottom:1px solid var(--line)}.right-tabs button{flex:1;color:#6f7a8e;position:relative}.right-tabs button.active{color:#e2e6ee}.right-tabs button.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:0;left:20%;right:20%}.liquidity-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 8px}.liquidity-summary small{display:block;font-size:8px;letter-spacing:.7px;color:#717c90}.liquidity-summary strong{font-size:23px;line-height:25px}.liquidity-summary>span{font-size:9px;color:#8c96a8;padding:4px 7px;border:1px solid var(--line);border-radius:10px}#liquidity-canvas{width:100%;height:104px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.depth-head,.depth-row{display:grid;grid-template-columns:1.2fr .9fr .9fr;text-align:right;padding:0 10px}.depth-head{height:24px;align-items:center;color:#596477;font-size:9px}.depth-row{position:relative;height:18px;line-height:18px;color:#aeb5c2;font-variant-numeric:tabular-nums}.depth-row span{z-index:1}.depth-row i{position:absolute;right:0;top:1px;bottom:1px;opacity:.12}.asks .depth-row span:first-child{color:#ef6d6b}.asks .depth-row i{background:var(--red)}.bids .depth-row span:first-child{color:#39bfae}.bids .depth-row i{background:var(--green)}.depth-book{min-height:90px}.asks{display:flex;flex-direction:column-reverse}.spread-row{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.spread-row strong{font-size:14px;color:#d6dbe5}.spread-row span{font-size:9px;color:#778195}.microstructure{margin-top:auto;border-top:1px solid var(--line);padding:8px 11px}.microstructure div{display:flex;justify-content:space-between;padding:4px 0;color:#697487}.microstructure b{color:#b9c0ce;font-weight:500}.statusbar{height:26px;display:flex;align-items:center;gap:14px;padding:0 10px;border-top:1px solid var(--line);background:#10141c;color:#687285;font-size:9px}.statusbar>div{display:flex;align-items:center;gap:6px}.statusbar a{color:#687285;text-decoration:none}.statusbar a:hover{color:#9aa4b6}.modal{padding:0;border:1px solid #30384a;border-radius:9px;background:#111620;color:var(--text);box-shadow:var(--shadow)}.modal::backdrop{background:#03050a99;backdrop-filter:blur(2px)}.symbol-modal{width:min(560px,90vw);height:min(650px,80vh)}.indicator-modal{width:min(590px,92vw)}.modal-head{height:68px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0}.modal-head p{margin:4px 0 0;color:#6f798d;font-size:10px}.modal-head button{font-size:24px;color:#7b8598}.search-wrap,.indicator-search{margin:14px 16px 10px;height:38px;border:1px solid #30394d;background:#0b0e15;border-radius:7px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#7d8799}.search-wrap:focus-within,.indicator-search:focus-within{border-color:#466ed9}.search-wrap input,.indicator-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.filter-tabs{display:flex;padding:0 16px 10px;gap:6px}.filter-tabs button{color:#7e889b;background:#1b2130;border-radius:5px;padding:6px 10px}.filter-tabs button.active{background:#26385e;color:#8db0ff}.symbol-list-head{display:grid;grid-template-columns:1fr 130px;padding:8px 18px;color:#596477;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}.symbol-list{height:calc(100% - 180px);overflow:auto}.symbol-row{width:100%;height:48px;padding:0 18px;display:grid;grid-template-columns:1fr 130px;align-items:center;text-align:left;border-bottom:1px solid #1d2330}.symbol-row:hover{background:#1a202d}.symbol-row strong{display:block;font-size:12px}.symbol-row small{color:#687386}.market-tags{display:flex;gap:5px}.market-tags i{font-style:normal;font-size:9px;border:1px solid #343d50;color:#8792a6;border-radius:3px;padding:3px 5px}.market-tags i.perp{border-color:#405eae;color:#7da1ff}.indicator-search{margin-bottom:14px}.indicator-list{border-top:1px solid var(--line)}.indicator-list label{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;border-bottom:1px solid #202634;cursor:pointer}.indicator-list label:hover{background:#181e2a}.indicator-list b,.indicator-list small{display:block}.indicator-list b{font-size:12px}.indicator-list small{margin-top:4px;color:#6f798d;font-size:9px}.indicator-list input{display:none}.indicator-list i{position:relative;width:31px;height:17px;border-radius:10px;background:#343b4b}.indicator-list i:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;background:#8b94a5;border-radius:50%;transition:.15s}.indicator-list input:checked+i{background:var(--blue)}.indicator-list input:checked+i:after{left:16px;background:#fff}.formula-note{margin:14px 16px 17px;padding:12px;background:#171d29;border-left:2px solid #ff8b43;color:#9aa3b4}.formula-note b{color:#d7dce5}.formula-note p{line-height:1.55;margin:5px 0 0}.toast{position:fixed;z-index:50;left:50%;bottom:42px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#242c3c;border:1px solid #39445a;color:#dbe0e9;padding:9px 14px;border-radius:6px;box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.boot{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#0b0e14;color:#8691a5;transition:opacity .25s}.boot.hidden{opacity:0;pointer-events:none}@media(max-width:950px){.workspace{grid-template-columns:36px minmax(480px,1fr)}.right-panel{position:absolute;right:0;top:86px;bottom:26px;width:290px;z-index:12;box-shadow:-10px 0 30px #000a}.brand-name{display:none}.brand{padding-right:0}.symbol-button{min-width:200px}.statusbar span:nth-last-of-type(2){display:none}}@media(max-width:680px){.topbar{gap:3px}.symbol-button{min-width:150px}.symbol-button small,.market-switch,.brand,.top-action{display:none}.subbar{padding-left:40px}.workspace{grid-template-columns:36px minmax(300px,1fr)}.right-panel{display:none}.chart-stack{grid-template-rows:minmax(280px,1fr) 170px}.indicator-values span{display:none}.statusbar{gap:7px}}