.chart-hover-surface{cursor:crosshair;touch-action:pan-x pan-y;outline:none}
.chart-hover-surface:focus-visible{outline:2px solid var(--accent,#ff7a4f);outline-offset:4px;border-radius:5px}
.chart-hover-hit{fill:transparent;stroke:none;pointer-events:all}
.chart-hover-surface .chart-hover-guide{stroke:var(--text,#f1f4f5);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:.7;pointer-events:none}
.chart-tooltip{position:fixed;z-index:10000;width:300px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow:auto;box-sizing:border-box;padding:13px 15px;border:1px solid var(--border,#353b42);border-radius:10px;background:var(--surface,#171b20);color:var(--text,#f1f4f5);box-shadow:0 10px 32px rgba(0,0,0,.35);font:12px/1.45 var(--sans,system-ui,sans-serif);pointer-events:auto}
.chart-tooltip[hidden]{display:none}
.chart-tooltip.is-over-plot{pointer-events:none}
.chart-tooltip-day{display:block;margin-bottom:9px;font-size:13px}
.chart-tooltip-item{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:5px 0;border-top:1px solid var(--border,#353b42)}
.chart-tooltip-label{color:var(--muted,#a5afb8);flex:1;min-width:0;overflow-wrap:anywhere}
.chart-tooltip-value{text-align:right;font:600 12px/1.4 var(--mono,monospace);flex:0 1 auto;min-width:90px;max-width:60%;overflow-wrap:anywhere}
.chart-tooltip-note{margin:9px 0 0;font-size:12px;line-height:1.5;color:var(--muted,#a5afb8)}
@media(max-width:600px){.chart-tooltip{padding:11px 13px}}