.payoff-curve{margin:14px 0 16px}.payoff-plot{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;height:240px;position:relative}.payoff-curve[data-dragging] .payoff-plot,.payoff-curve[data-dragging] .payoff-handle{cursor:grabbing}.payoff-svg{display:block;position:absolute;inset:0;overflow:visible}.payoff-grid{stroke:var(--chart-grid);stroke-width:1px}.payoff-zero{stroke:var(--line-strong);stroke-width:1px}.payoff-area{stroke:none}.payoff-area-up{fill:color-mix(in srgb, var(--positive) 13%, transparent)}.payoff-area-down{fill:color-mix(in srgb, var(--negative) 11%, transparent)}.payoff-zone{fill:color-mix(in srgb, var(--danger-bg) 70%, transparent);stroke:none}.payoff-zone-hatch{stroke:none}.payoff-hatch{stroke:color-mix(in srgb, var(--negative) 34%, transparent);stroke-width:1.25px}.payoff-marker{stroke:var(--line-strong);stroke-width:1px;fill:none}.payoff-marker-bust{stroke:color-mix(in srgb, var(--negative) 70%, transparent)}.payoff-line{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.payoff-line-up{stroke:var(--positive)}.payoff-line-down{stroke:var(--negative)}.payoff-axis text,.payoff-mark{fill:var(--chart-text);font-variant-numeric:tabular-nums;font-size:11px}.payoff-axis path{stroke:var(--chart-grid);stroke-width:1px}.payoff-mark{letter-spacing:.02em;font-weight:600}.payoff-mark-bust{fill:var(--danger-text)}.payoff-guide{background:var(--line-strong);opacity:.55;pointer-events:none;width:1px;position:absolute;left:0}.payoff-handle{--handle:var(--muted);cursor:grab;border-radius:50%;outline:none;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:-16px;left:-16px}.payoff-handle[data-kind=win]{--handle:var(--positive)}.payoff-handle[data-kind=loss],.payoff-handle[data-kind=liquidation]{--handle:var(--negative)}.payoff-dot{background:var(--handle);width:14px;height:14px;box-shadow:0 0 0 2px var(--surface);transition:box-shadow var(--motion-fast) var(--motion-ease);border-radius:50%}.payoff-plot:hover .payoff-dot,.payoff-curve[data-dragging] .payoff-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 7px color-mix(in srgb, var(--handle) 24%, transparent)}.payoff-curve:not([data-pointer-focus]) .payoff-handle:focus-visible .payoff-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.payoff-readout{z-index:1;border:1px solid var(--chart-tooltip-line);background:var(--chart-tooltip-bg);box-shadow:0 6px 18px var(--floating-shadow);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:6px;grid-template-columns:auto auto;align-items:baseline;gap:1px 7px;padding:6px 9px 7px;font-size:12px;line-height:1.35;display:grid;position:absolute;top:0;left:0}.payoff-readout [data-text]:before{content:attr(data-text)}.payoff-readout-exit{color:var(--chart-tooltip-text)}.payoff-readout-net{color:var(--chart-tooltip-text);font-size:14px;font-weight:600}.payoff-readout-paper{grid-column:1/-1}.payoff-readout[data-kind=win] .payoff-readout-net{color:var(--positive)}.payoff-readout[data-kind=loss] .payoff-readout-net,.payoff-readout[data-kind=liquidation] .payoff-readout-net{color:var(--negative)}.payoff-readout[data-kind=liquidation] .payoff-readout-result{color:var(--danger-text)}@supports (d:path("M0 0")){.payoff-svg path{transition:d var(--motion-fast) var(--motion-ease)}.payoff-guide,.payoff-handle,.payoff-readout{transition:transform var(--motion-fast) var(--motion-ease)}.payoff-curve[data-dragging] .payoff-guide,.payoff-curve[data-dragging] .payoff-handle,.payoff-curve[data-dragging] .payoff-readout,.payoff-curve[data-jump] .payoff-guide,.payoff-curve[data-jump] .payoff-handle,.payoff-curve[data-jump] .payoff-readout{transition:none}}@media (prefers-reduced-motion:reduce){.payoff-curve *,.payoff-curve :before{transition:none!important}}@media (max-width:640px){.payoff-plot{height:200px}}