.profile-chart-section{min-width:0;padding:0;display:grid}.profile-chart-heading{gap:6px;min-width:0;display:grid}.profile-chart-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-chart-heading-row>div:first-child{gap:6px;min-width:0;display:grid}.profile-chart-caption,.profile-chart-cash>span{color:var(--text-label);font-size:var(--type-label-size);font-weight:var(--type-label-weight);font-variant-numeric:tabular-nums}.profile-chart-value{color:var(--text-value);font-size:2.75rem;line-height:1;font-weight:var(--type-value-weight);letter-spacing:var(--type-hero-value-tracking);font-variant-numeric:tabular-nums;white-space:nowrap}.profile-chart-change{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:20px;font-size:.875rem;font-weight:550;display:flex}.profile-chart-change-value{color:var(--text-label);white-space:nowrap}.profile-chart-change-value[data-direction=up]{color:var(--success)}.profile-chart-change-value[data-direction=down]{color:var(--danger)}.profile-chart-change-value[data-direction=none]{font-weight:500}.profile-chart-change-label{color:var(--text-label);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.profile-chart-change-skeleton{border-radius:var(--karma-radius-utility);background:var(--surface-card);width:120px;height:12px}.profile-chart-cash{text-align:right;gap:6px;display:grid}.profile-chart-cash>strong{color:var(--text-value);font-weight:550;font-size:var(--type-value-size-sm);font-variant-numeric:tabular-nums}.profile-chart-canvas{touch-action:pan-y;cursor:crosshair;width:100%;height:180px;color:var(--success);-webkit-user-select:none;user-select:none;margin:0;display:block;position:relative}.profile-chart-canvas[data-tone=negative]{color:var(--danger)}.profile-chart-canvas[data-pending]{opacity:.5}.profile-chart-canvas:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--karma-radius-item)}.portfolio-line-layer{pointer-events:none;position:absolute;inset:0}.portfolio-line-svg{width:100%;height:100%;display:block;overflow:visible}.profile-chart-stroke{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.portfolio-line-dim{opacity:0;transition:opacity var(--motion-quick) var(--motion-smooth-out)}.portfolio-line-dim .profile-chart-stroke{stroke-opacity:.28}.portfolio-line-chart[data-scrubbing] .portfolio-line-dim{opacity:1}.portfolio-line-chart[data-scrubbing] .portfolio-line-bright{clip-path:polygon(-8px -8px, var(--scrub-x) -8px, var(--scrub-x) calc(100% + 8px), -8px calc(100% + 8px))}.portfolio-line-rule,.portfolio-line-dot{pointer-events:none;opacity:0;transition:opacity var(--motion-quick) var(--motion-smooth-out), scale var(--motion-quick) var(--motion-smooth-out);position:absolute;top:0;left:0}.portfolio-line-rule{width:1px;transform:translate3d(var(--scrub-x,0), 0, 0);background:currentColor;margin-left:-.5px;bottom:0}.portfolio-line-dot{width:12px;height:12px;box-shadow:0 0 0 8px color-mix(in srgb, currentColor 16%, transparent), 0 0 12px color-mix(in srgb, currentColor 55%, transparent);transform:translate3d(var(--scrub-x,0), var(--scrub-y,0), 0);background:currentColor;border-radius:50%;margin:-6px 0 0 -6px;scale:.3}.portfolio-line-chart[data-scrubbing] .portfolio-line-rule{opacity:.55}.portfolio-line-chart[data-scrubbing] .portfolio-line-dot{opacity:1;scale:1}.portfolio-line-single{pointer-events:none;background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;right:0;translate:50% -50%}@media (prefers-reduced-motion:reduce){.portfolio-line-dim,.portfolio-line-rule,.portfolio-line-dot{transition-duration:var(--motion-micro)}.portfolio-line-dot{scale:1}}.profile-range-segment{justify-self:start;margin-top:12px}@media (max-width:760px){.profile-chart-value{font-size:2.25rem}.profile-chart-stroke{stroke-width:3px}.profile-chart-canvas{height:150px}.profile-range-segment{justify-self:stretch}}
.profile-history-plot{height:180px;margin:20px 0 0;position:relative}.profile-history-plot .profile-chart-canvas{height:100%;margin:0}.profile-history-loading{pointer-events:none;position:absolute;inset:0}.profile-history-skeleton{border-radius:var(--karma-radius-card);background:linear-gradient(to bottom, transparent, var(--surface-inset));width:100%;height:100%}.profile-history-empty{border-radius:var(--karma-radius-card);background:var(--surface-inset);height:100%;color:var(--text-label);font-size:var(--type-label-size);text-align:center;align-content:center;justify-items:center;gap:4px;line-height:1.5;display:grid}.profile-history-empty strong{color:var(--text-value);font-size:.875rem;font-weight:550}@media (max-width:760px){.profile-history-plot{height:150px;margin-top:16px}}.profile-chart-views{position:relative}.profile-chart-mode{z-index:1;position:absolute;top:0;right:0}.profile-chart-caption-row{min-width:0;min-height:calc(var(--spacing) * 8);justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-chart-caption-row>.profile-chart-caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-chart-mode-slot{width:calc(var(--spacing) * 26);flex:none}.profile-pnl .profile-chart-value[data-direction=up]{color:var(--success)}.profile-pnl .profile-chart-value[data-direction=down]{color:var(--danger)}.profile-pnl .profile-chart-value[data-direction=none]{color:var(--text-label)}.profile-pnl-breakdown{min-height:1lh;color:var(--text-label);font-size:var(--type-label-size);font-weight:var(--type-label-weight);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;line-height:1.5;display:flex}.profile-pnl-breakdown-part{white-space:nowrap}.profile-pnl-breakdown-value{color:var(--text-label);font-weight:600}.profile-pnl-breakdown-value[data-direction=up]{color:var(--success)}.profile-pnl-breakdown-value[data-direction=down]{color:var(--danger)}.profile-pnl-facts{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;gap:12px 40px;margin-top:20px;display:grid}.profile-pnl-note{min-height:1lh;color:var(--text-label);font-size:var(--type-label-size);gap:2px;margin:12px 0 0;line-height:1.5;display:grid}.profile-pnl-note-status{color:var(--text-value)}@container profile (max-width:600px){.profile-pnl-facts{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:12px 16px}}.profile-pnl-skeleton{border-radius:var(--karma-radius-utility);background:var(--surface-card)}.profile-pnl-skeleton--caption{width:96px;height:12px}.profile-pnl-skeleton--value{border-radius:var(--karma-radius-item);width:min(240px,70%);height:1lh}.profile-pnl-skeleton--change{width:160px;height:12px}.profile-pnl-skeleton--range{width:264px;height:calc(var(--spacing) * 8);border-radius:var(--karma-radius-pill)}.profile-pnl-skeleton--stat{width:56px;height:1lh}.profile-pnl-ghost{border-radius:var(--karma-radius-utility);background:var(--surface-card);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-user-select:none;user-select:none}@media (max-width:760px){.profile-pnl-skeleton--range{width:100%}}@keyframes profile-view-in{0%{opacity:0;transform:translateY(var(--motion-rise));filter:blur(var(--motion-blur))}}@keyframes profile-view-rise{0%{opacity:0;transform:translateY(var(--motion-rise))}}@keyframes profile-view-fade{0%{opacity:0}}.profile-chart-views[data-enter] .profile-chart-heading>:not(.profile-chart-caption-row),.profile-chart-views[data-enter] .profile-pnl-facts,.profile-chart-views[data-enter] .profile-pnl-note,.profile-chart-mode[data-enter]{animation:profile-view-in var(--motion-reveal) var(--ease-smooth) both}.profile-chart-views[data-enter] .profile-history-plot,.profile-chart-views[data-enter] .profile-range-segment,.profile-pnl .profile-history-plot[data-enter]{animation:profile-view-rise var(--motion-reveal) var(--ease-smooth) both}@media (prefers-reduced-motion:reduce){.profile-chart-views[data-enter] .profile-chart-heading>:not(.profile-chart-caption-row),.profile-chart-views[data-enter] .profile-pnl-facts,.profile-chart-views[data-enter] .profile-pnl-note,.profile-chart-mode[data-enter],.profile-chart-views[data-enter] .profile-history-plot,.profile-chart-views[data-enter] .profile-range-segment,.profile-pnl .profile-history-plot[data-enter]{animation:profile-view-fade var(--motion-feedback) var(--ease-smooth) both}}