.pf-calc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px;display:grid}.pf-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pf-field{align-content:start;gap:6px;min-width:0;display:grid}.pf-field label{color:var(--ink-2);font-size:var(--app-fs-secondary);line-height:18px}.pf-control{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--raised-2);height:44px;font-size:var(--app-fs-read);font-variant-numeric:tabular-nums;transition:border-color var(--dur-quick) var(--ease-standard);align-items:center;gap:4px;padding:0 14px;display:flex}.pf-control span{color:var(--ink-2)}.pf-control:focus-within{border-color:var(--accent);outline:3px solid var(--accent-tint)}.pf-field[data-attention] .pf-control{border-color:var(--caution)}.pf-control input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;font-size:16px}.pf-note{color:var(--ink-2);font-size:var(--app-fs-meta);line-height:16px}.pf-field[data-attention] .pf-note{color:var(--caution)}.pf-fees{color:var(--ink-2);font-size:var(--app-fs-secondary);grid-column:1/-1;line-height:18px}.pf-result{border-radius:var(--radius-control);background:var(--raised-2);gap:24px;min-width:0;padding:20px 24px 24px;display:grid}.pf-headline{gap:4px;display:grid}.pf-label{color:var(--ink-2);font-size:var(--app-fs-secondary);line-height:18px}.pf-figure{font-size:var(--app-fs-answer);line-height:38px;font-weight:var(--fw-semibold);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.pf-figure[data-tone=positive]{color:var(--positive)}.pf-headline .prov{align-items:flex-start}.pf-headline .prov svg{align-self:flex-start;margin-top:3.5px}.pf-breakeven{color:var(--ink-2);font-size:var(--app-fs-secondary);margin-top:4px;line-height:18px}.pf-caveat{color:var(--caution);font-size:var(--app-fs-secondary);margin-top:4px;line-height:18px}.pf-figure[data-tone=negative]{color:var(--negative)}.pf-breakdown{gap:10px;margin:0;display:grid}.pf-bar{background:var(--raised-3);border-radius:4px;height:14px;display:flex;position:relative;overflow:hidden}.pf-bar i{border-right:2px solid var(--raised-2);height:100%;transition:width var(--dur-ui) var(--ease-out);display:block}.pf-bar i:last-of-type{border-right:0}[data-k=unit]{background:var(--chart-1)}[data-k=ship]{background:var(--chart-2)}[data-k=fees]{background:var(--chart-3)}[data-k=other]{background:var(--chart-4)}[data-k=ads]{background:var(--chart-5)}[data-k=profit]{background:var(--positive)}[data-k=loss]{background:var(--negative)}.pf-priceTick{background:var(--negative);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.pf-legend{font-size:var(--app-fs-secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin:4px 0 0;padding:0;line-height:18px;list-style:none;display:grid}.pf-legend li{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.pf-legend li i{border-radius:2px;width:10px;height:10px}.pf-legend li[data-total]{font-weight:var(--fw-semibold)}@media (prefers-reduced-motion:reduce){.pf-bar i{transition:none}}@media (max-width:1068px){.pf-calc{grid-template-columns:1fr;gap:24px}}@media (max-width:480px){.pf-legend{grid-template-columns:1fr}.pf-result{padding:18px 16px 20px}}