html,body{height:100%;overflow:hidden}
body{background:#050606;color:#f4f0e9}
.chart-page{height:calc(100dvh - 54px);min-height:0;display:flex;flex-direction:column;background:#050606}
.chart-toolbar{height:52px;min-height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #30352f;background:#080a09;overflow-x:auto;scrollbar-width:none}
.chart-toolbar::-webkit-scrollbar{display:none}
.chart-control{height:100%;display:flex;align-items:center;gap:8px;padding-right:10px;border-right:1px solid #242925}
.chart-control-label{color:#8e968f;font:8px "DM Mono",monospace;letter-spacing:.14em;white-space:nowrap}
.chart-tabs{display:flex;align-items:center;gap:5px}
.chart-tabs button{height:28px;min-width:54px;padding:0 9px;border:1px solid #353b36;background:#070908;color:#a9afaa;font:9px "DM Mono",monospace;letter-spacing:.08em;cursor:pointer}
.chart-tabs button:hover{border-color:#80633b;color:#fff}
.chart-tabs button[aria-selected=true]{border-color:#d9a044;background:#d9a044;color:#080806}
.chart-tabs-empty{width:54px;height:28px;border:1px solid #242925;background:#060807}
.chart-market-search{position:relative;width:160px;flex:0 0 auto}
.chart-market-input{width:100%;height:28px;padding:0 28px 0 9px;border:1px solid #d9a044;border-radius:0;background:#070908;color:#f4f0e9;font:9px "DM Mono",monospace;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.chart-market-input::placeholder{color:#777f79}
.chart-market-input:hover{border-color:#f0bd69}
.chart-market-input:focus{border-color:#f0bd69;outline:1px solid #f0bd69;outline-offset:0}
.chart-market-results{position:fixed;z-index:20;width:180px;max-height:280px;overflow-y:auto;border:1px solid #3c433d;background:#080a09;box-shadow:0 8px 20px #000b}
.chart-market-result{display:block;width:100%;height:28px;padding:0 9px;border:0;border-bottom:1px solid #202521;background:#080a09;color:#cdd3ce;text-align:left;font:9px "DM Mono",monospace;letter-spacing:.04em;cursor:pointer}
.chart-market-result:last-child{border-bottom:0}
.chart-market-result:hover,.chart-market-result.active{background:#d9a044;color:#080806}
.chart-market-empty{padding:9px;color:#777f79;font:9px "DM Mono",monospace}
.chart-indicator-select{height:28px;width:226px;padding:0 30px 0 9px;border:1px solid #353b36;border-radius:0;background:#070908;color:#d8ded8;font:9px "DM Mono",monospace;letter-spacing:.04em;cursor:pointer}
.chart-indicator-select:hover{border-color:#80633b;color:#fff}
.chart-indicator-select:focus-visible{outline:2px solid #fff;outline-offset:2px}
.chart-fit{margin-left:auto;flex:0 0 auto}
.chart-stage{flex:1;min-height:0;display:flex;flex-direction:column;border:0}
.chart-status-line{height:30px;min-height:30px;padding:8px 14px}
.chart-canvas-wrap{position:relative;flex:1;min-height:0}
.chart-canvas{position:absolute;inset:0;width:100%;height:100%}
.chart-indicator-pane{position:relative}
.chart-indicator-legend{position:absolute;left:12px;top:8px;z-index:3;display:flex;align-items:center;gap:7px;pointer-events:none;color:#d8ded8;font:10px "DM Mono",monospace}
.chart-indicator-name{color:#f4f0e9}
.chart-indicator-value{color:#2fd3c8}
.chart-indicator-value.negative{color:#ff6b7d}
@media(max-width:760px){
  .menu-primary{min-width:0;width:100%}
  .menu-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}
  .menu-tabs::-webkit-scrollbar{display:none}
  .menu-right{display:none}
  .chart-page{height:calc(100dvh - 54px)}
  .chart-toolbar{height:auto;min-height:48px;padding:7px 12px;gap:8px}
  .chart-control{gap:6px;padding-right:8px}
  .chart-control-label{font-size:7px}
  .chart-tabs button{min-width:44px;height:26px;padding:0 7px;font-size:8px}
  .chart-market-search{width:132px}
  .chart-market-input{height:26px;font-size:8px}
  .chart-market-results{width:160px;max-height:220px}
  .chart-indicator-select{width:178px;height:26px;font-size:8px}
}