.chart-shell{aspect-ratio:auto!important;height:clamp(420px,53vw,620px)!important;max-height:none!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column;margin:18px 0!important}
.chart-toolbar{height:46px;border-bottom:1px solid #e2e9e4;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;flex:none}
.chart-modes,.chart-tools,.pick-tools{display:flex;align-items:center;gap:4px}
.chart-mode,.chart-tool,.pick-tool{border:1px solid transparent;background:transparent;color:#63746a;padding:5px 11px;font-size:12px;font-weight:700;border-radius:3px;min-height:30px}
.chart-mode.active,.chart-tool.active,.pick-tool.active{color:#185b43;background:#e0eee5;border-color:#b7d6c3}
.chart-mode:hover,.chart-tool:hover,.pick-tool:hover{background:#edf4ef}
.chart-readout{height:34px;display:flex;align-items:center;gap:17px;padding:0 16px;font-size:12px;color:#5c6f64;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;flex:none}
.chart-readout b{color:#243b2f}
.chart-readout b.up{color:#bd4546}.chart-readout b.down{color:#16856a}
.price-chart{width:100%;flex:1;min-height:0;cursor:crosshair}
.chart-footer{height:43px;border-top:1px solid #e2e9e4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-size:12px;color:#7a8a80;flex:none}
.pick-tools>span{font-weight:700;color:#52675a;margin-right:5px}
.pick-tools.locked .pick-tool{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.chart-shell{height:470px!important}.chart-readout{gap:8px;padding:0 9px;font-size:10px}.chart-footer{padding:0 8px}.chart-footer #chart-hint{display:none}.chart-mode,.chart-tool,.pick-tool{padding:5px 7px}}

.ma-value.ma5{color:#a45abb}.ma5-toggle.active{color:#8f43a8;background:#f4eaf7;border-color:#d6b4df}