#app .chart-panel>.chart-wrap{height:clamp(200px,20vw,300px);min-height:200px;flex:1 1 220px;aspect-ratio:auto;padding:12px 16px 16px;box-sizing:border-box;overflow:visible}
#app .chart-wrap>#equity-chart{display:block;width:100%;height:100%;overflow:visible}
#app .chart-wrap{position:relative}
#app #equity-chart{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
html #app #equity-chart:focus,html #app #equity-chart:focus-visible{outline:none!important;box-shadow:none!important}
#app #equity-chart .equity-hover-marker line{stroke:#b8d39c;stroke-width:1;stroke-dasharray:4 4;opacity:.65;vector-effect:non-scaling-stroke}
#app #equity-chart .equity-hover-marker circle{fill:#b6fa46;stroke:#12241e;stroke-width:2;vector-effect:non-scaling-stroke}
#app .equity-tooltip{position:absolute;z-index:5;pointer-events:none;box-sizing:border-box;max-width:calc(100% - 16px);padding:11px 14px;border:1px solid #567146;border-radius:10px;background:#12221fee;color:#f5f8f2;box-shadow:0 6px 22px #0004;white-space:nowrap;font-size:12px;line-height:1.5;backdrop-filter:blur(8px)}
#app .equity-tooltip[hidden]{display:none!important}
#app .equity-tooltip strong{display:block;font-size:16px;line-height:1.4;font-weight:700;color:inherit}
#app .equity-tooltip span{display:block;color:#c4d0bf}
html #app #equity-chart .chart-grid text{font-size:12px!important;transform:none!important;letter-spacing:0}
html #app #equity-chart>.chart-grid:first-of-type text{text-anchor:start!important}
@media(max-width:760px){#app .chart-panel>.chart-wrap{height:220px;min-height:220px;padding-inline:10px}html #app #equity-chart .chart-grid text{font-size:11px!important}}