:root{color:#e6edf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#0b0e11;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{background:#0b0e11;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font-family:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #20b889}::selection{color:#06140f;background:#20b889}#root{min-height:100vh}.terminal{--bg:#0b0e11;--panel:#101419;--border:#252b33;--muted:#818b98;--text:#e6edf3;--green:#20b889;--red:#ef5b6c;background:var(--bg);min-height:100vh;color:var(--text);font-size:12px}.topbar{border-bottom:1px solid var(--border);background:#0e1116;align-items:center;gap:32px;min-height:58px;padding:0 24px;display:flex}.brand{color:var(--text);letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#06140f;border-radius:7px;place-items:center;width:27px;height:27px;font-size:16px;font-weight:900;display:grid}.brand-muted{color:var(--muted);font-weight:450}.topbar-market,.topbar-right{align-items:center;gap:11px;display:flex}.market-symbol{font-size:13px;font-weight:750}.market-tag,.demo-badge{color:var(--green);letter-spacing:.7px;border:1px solid #33453f;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:750}.market-exchange,.clock-label,.status-label{color:var(--muted);letter-spacing:.6px;font-size:10px}.topbar-right{margin-left:auto}.status-dot{background:var(--green);border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block}.status-dot-offline{background:var(--red)}.status-dot-connected{background:var(--green)}.topbar-divider{border-left:1px solid var(--border);height:18px}.market-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px 38px;padding:21px 24px;display:flex}.price-block{min-width:225px}.eyebrow{color:var(--muted);letter-spacing:.8px;margin-bottom:9px;font-size:10px;font-weight:600;display:block}.last-price{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:650;line-height:1.2}.price-change{margin-top:7px;font-size:11px;font-weight:650}.price-change span{color:var(--muted);margin-left:5px;font-weight:400}.positive,.buy{color:var(--green)}.sell{color:var(--red)}.stat-block{min-width:105px}.stat-block strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.stat-block small{color:var(--muted);font-size:10px;font-weight:450}.workspace-tabs{border-bottom:1px solid var(--border);align-items:center;gap:5px;min-height:49px;padding:0 24px;display:flex}.workspace-tab,.timeframe{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:inline-flex}.workspace-tab.active,.timeframe.active{color:#a7e5cf;background:#17211e;border-color:#29342f}.workspace-tab:disabled{cursor:not-allowed;opacity:.7}.coming-soon{color:#697582;font-size:8px}.workspace-tabs-spacer{flex:1}.timeframe-label{color:var(--muted);letter-spacing:.7px;margin-right:7px;font-size:9px}.timeframe{justify-content:center;min-width:34px;padding:0 8px}.dashboard{grid-template-rows:minmax(560px,1fr) 240px;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-width:0;padding:14px 18px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:7px;min-width:0;overflow:hidden}.chart-panel{flex-direction:column;grid-row:1/3;min-height:810px;display:flex}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex}.panel-title{font-size:12px;font-weight:700;display:block}.panel-subtitle{color:var(--muted);margin-top:5px;font-size:10px;display:block}.demo-badge{color:#8995a3;white-space:nowrap;border-color:#353c44}.chart-legend{min-height:36px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 17px;padding:5px 16px;font-size:10px;display:flex}.chart-legend span,.book-footer span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:2px;flex:0 0 7px;width:7px;height:7px;display:inline-block}.legend-dot.up{background:var(--green)}.legend-dot.down{background:var(--red)}.chart-note{margin-left:auto}.chart-container{flex:auto;width:100%;min-height:480px;position:relative}.chart-footer,.panel-bottom-note{border-top:1px solid var(--border);color:#697582;letter-spacing:.5px;justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:0 13px;font-size:9px;display:flex}.book-columns,.trades-columns{min-height:32px;color:var(--muted);letter-spacing:.5px;align-items:center;padding:0 12px;font-size:9px;display:grid}.book-columns{grid-template-columns:1fr 1fr}.align-right{text-align:right}.align-center{text-align:center}.book-rows{flex-direction:column;display:flex}.book-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;align-items:center;min-height:24px;padding:0 12px;display:grid;position:relative}.depth-bar{pointer-events:none;position:absolute;top:2px;bottom:2px;right:0}.ask-depth{background:#ef5b6c1c}.bid-depth{background:#20b8891f}.book-price,.book-size{z-index:1;position:relative}.book-size{text-align:right;color:#c0c8d1}.spread-block{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:43px;margin:6px 0;padding:0 12px;display:flex}.spread-block strong{font-variant-numeric:tabular-nums;font-size:14px}.spread-block span{color:var(--muted);font-size:10px}.book-footer{color:var(--muted);flex-wrap:wrap;gap:12px 15px;margin-top:auto;padding:12px;font-size:10px;display:flex}.book-sequence{margin-left:auto}.trades-panel{flex-direction:column;min-height:0;display:flex}.trades-columns{grid-template-columns:1fr 1fr 1fr}.trades-list{min-height:0;overflow-y:auto}.trade-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:24px;padding:0 12px;display:grid}.trade-time{color:var(--muted)}.trade-price{text-align:center}.trade-size{text-align:right;color:#c0c8d1}.panel-bottom-note{flex-shrink:0;justify-content:flex-start;margin-top:auto}.book-empty{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px 12px;display:flex}.terminal-footer{border-top:1px solid var(--border);min-height:38px;color:var(--muted);letter-spacing:.4px;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;font-size:9px;display:flex}.terminal-footer>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.terminal-footer strong{color:var(--green);font-size:9px}.terminal-footer b{color:var(--green);padding:0 4px}@media (width>=1500px){.dashboard{grid-template-columns:minmax(0,1fr) 340px}.chart-container{min-height:560px}}@media (width<=1000px){.market-summary{gap:20px 28px}.price-block{min-width:180px}.dashboard{grid-template-rows:minmax(520px,auto) 240px;grid-template-columns:minmax(0,1fr) 280px;padding:10px}.topbar{gap:18px;padding:0 14px}.chart-panel{min-height:760px}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:12px;padding:12px}.topbar-right{margin-left:0}.market-summary{gap:20px;padding:16px}.price-block{min-width:100%}.last-price{font-size:24px}.stat-block{min-width:calc(50% - 20px)}.workspace-tabs{padding:0 10px;overflow-x:auto}.workspace-tabs-spacer,.timeframe-label{display:none}.dashboard{flex-direction:column;padding:10px;display:flex}.chart-panel{min-height:600px}.chart-container{min-height:440px}.orderbook-panel{min-height:400px}.trades-panel{min-height:290px}.chart-note{width:100%;margin-left:0}.chart-footer{flex-wrap:wrap;padding:8px 10px}.terminal-footer{flex-wrap:wrap;padding:10px 12px}}.custom-timeframe{align-items:center;gap:5px;margin-left:5px;display:inline-flex}.custom-timeframe input{border:1px solid var(--border);width:55px;min-width:0;height:30px;color:var(--text);font:inherit;background:#0b0e11;border-radius:5px;padding:0 7px}.custom-timeframe span{color:var(--muted);font-size:10px}.custom-timeframe-error{color:var(--red);border-bottom:1px solid var(--border);padding:8px 24px}@media (width<=720px){.custom-timeframe{flex-shrink:0}}@media (width>=721px){#root{height:100dvh;min-height:0}.terminal{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar,.market-summary,.workspace-tabs,.custom-timeframe-error,.terminal-footer{flex-shrink:0}.dashboard{flex:auto;grid-template-rows:minmax(0,1fr) minmax(0,.65fr);min-height:0}.chart-panel,.chart-container{min-height:0}.orderbook-panel,.trades-panel{flex-direction:column;min-height:0;display:flex}.book-rows,.trades-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.book-footer{flex-shrink:0}}@media (width<=720px){#root,.terminal{height:auto;min-height:100vh;overflow:visible}.dashboard{flex:initial;min-height:0}.chart-panel{min-height:600px}.chart-container{min-height:440px}}