.chart{width:100%;position:relative}.chart svg{touch-action:pan-y;display:block;overflow:visible}.chart-grid{stroke:var(--chart-grid);stroke-width:1px;shape-rendering:crispedges}.chart-tick{fill:var(--faint);font-family:var(--font-mono);font-size:11px}.chart-axis{fill:var(--muted);font-size:12px;font-weight:500}.chart-diagonal{stroke:rgba(var(--ink-rgb), .28);stroke-width:1.5px}.chart-zone{fill:rgba(var(--ink-rgb), .045)}.chart-zone-label{fill:var(--muted);font-size:12px;font-weight:600}.chart-dot{stroke:var(--bg-1);stroke-width:2px;outline:none;transition:r .15s}.chart-dot.base{fill:var(--chart-base)}.chart-dot.hi{fill:var(--chart-hi)}.chart-dot.lo{fill:var(--chart-lo)}.chart-dot.is-hover,.chart-dot:focus-visible{r:7.5px;stroke:var(--text)}.chart-dot.base.is-hover{fill:rgba(var(--ink-rgb), .6)}.chart-label{fill:var(--text);paint-order:stroke;stroke:var(--bg-1);stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:12px;font-weight:600}.chart-tip{z-index:3;background:var(--bg-3);min-width:170px;box-shadow:0 0 0 1px var(--line-2), 0 16px 40px -16px rgba(var(--shadow-rgb), .6);color:var(--muted);pointer-events:none;border-radius:12px;gap:2px;padding:10px 12px;font-size:12.5px;display:grid;position:absolute}.chart-tip>b{color:var(--text);font-size:14px}.chart-tip small{color:var(--faint);margin-bottom:4px;font-size:11.5px}.chart-tip span b{font-family:var(--font-mono);color:var(--text)}.chart-tip em{color:var(--text);margin-top:4px;font-style:normal;font-weight:600}.chart-empty{text-align:center;color:var(--faint);margin:0;padding:40px 0}.chart-key{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.chart-key li{align-items:center;gap:8px;display:inline-flex}.chart-key i{border-radius:50%;width:10px;height:10px}.chart-key .hi{background:var(--chart-hi)}.chart-key .lo{background:var(--chart-lo)}.chart-key .base{background:var(--chart-base)}.chart-key .line{background:rgba(var(--ink-rgb), .4);border-radius:1px;width:16px;height:2px}.ins-card{background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;padding:20px 22px 22px}.ins-title{font-family:var(--font-heading);font-size:var(--step-2);letter-spacing:-.02em;margin:0;font-weight:700}.ins-how{max-width:720px;color:var(--muted);margin:6px 0 14px;font-size:14px}@media (max-width:640px){.ins-card{padding:16px 14px 18px}}.col-hit{fill:#0000}.col:focus-visible{outline:none}.col.is-hover .col-hit{fill:rgba(var(--ink-rgb), .04)}.col-bar.hi{fill:var(--chart-hi)}.col-bar.lo{fill:var(--chart-lo)}.col-bar.neg{fill:var(--danger)}.col-blank{stroke:var(--faint);stroke-width:2px;stroke-linecap:round}.chart-base{stroke:rgba(var(--ink-rgb), .25);stroke-width:1px;shape-rendering:crispedges}.line-path{fill:none;stroke:var(--chart-hi);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.line-wash{fill:var(--chart-hi);opacity:.1}.ring{align-items:center;gap:14px;margin:0;display:flex}.ring-track{fill:none;stroke:rgba(var(--ink-rgb), .08);stroke-width:8px}.ring-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .8s var(--ease-out)}.ring-hi .ring-fill{stroke:var(--chart-hi)}.ring-lo .ring-fill{stroke:var(--chart-lo)}.ring-warn .ring-fill{stroke:var(--warn)}.ring-danger .ring-fill{stroke:var(--danger)}.ring-value{fill:var(--text);font-size:15px;font-weight:600}.ring figcaption{gap:2px;font-size:14px;display:grid}.ring figcaption small{color:var(--faint);font-size:12.5px}.pts-split-bar{gap:2px;height:28px;display:flex}.pts-split-part{color:#fff;border-radius:4px;align-items:center;min-width:3px;padding-left:8px;font-size:12.5px;display:flex;overflow:hidden}.pts-split-part b{font-weight:700}.pts-split-legend{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.pts-split-legend li{align-items:center;gap:8px;display:inline-flex}.pts-split-legend i{border-radius:3px;width:10px;height:10px}.pts-split-legend b{color:var(--text);font-weight:600}.pts-split-total{margin-left:auto}.chart svg.is-clickable{cursor:pointer}.chart-tip .chart-tip-go{color:var(--accent);margin:6px 0 0;font-weight:600}
