.bp-types{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.bp-type{text-align:left;border-radius:var(--r-md);border:1.5px solid var(--card-border);color:var(--fg);cursor:pointer;transition:border-color .2s, transform .3s var(--spring);background:#ffffff08;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px;font-family:inherit;display:grid}.bp-type>span{grid-row:1/3;font-size:1.6rem;line-height:1}.bp-type b{font-size:.86rem}.bp-type small{color:var(--fg-subtle);font-size:.72rem}.bp-type:hover{border-color:var(--accent)}.bp-type:active{transform:scale(.96)}.bp-type.selected{background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--accent-gradient) border-box;border-color:#0000;box-shadow:0 10px 26px -14px #818cf8e6}.bp-hero .result-big{font-variant-numeric:tabular-nums;font-size:clamp(2.1rem,9vw,3.1rem)}.bp-stack{background:#ffffff0d;border-radius:100px;height:18px;margin:16px 0 6px;display:flex;overflow:hidden}.bp-seg{transform-origin:0;height:100%}.bp-seg.grow{animation:bp-grow .7s var(--ease) both}.bp-seg:nth-child(2){animation-delay:60ms}.bp-seg:nth-child(3){animation-delay:.12s}.bp-seg:nth-child(n+4){animation-delay:.18s}.bp-h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin:18px 0 6px;font-size:.82rem;font-weight:800}.bp-list .kv-row .k{align-items:center;gap:8px;display:flex}.bp-list .kv-row .k i{border-radius:3px;flex-shrink:0;width:10px;height:10px}.bp-list .kv-row .v small{color:var(--fg-subtle);text-align:right;font-size:.72rem;font-weight:600;display:block}.bp-list .kv-row.total{border-top:1px solid var(--card-border);padding-top:10px}.bp-list .kv-row.total .v{color:var(--accent);font-size:1.05rem}.bp-list .kv-row.zero .v{color:var(--fg-subtle)}.bp-formula{border-radius:var(--r-md);color:var(--fg-muted);background:#38bdf812;border:1px solid #38bdf840;margin-top:8px;padding:10px 14px;font-size:.84rem;line-height:1.6}.bp-formula strong{color:var(--fg)}.bp-table{min-width:0}@media (prefers-reduced-motion:reduce){.bp-seg.grow{animation:none}}@keyframes bp-grow{0%{opacity:.4;transform:scaleX(0)}}.bp-list .kv-row .k{flex:0 auto;min-width:0}.bp-list .kv-row .v{flex:55%;max-width:62%}.bp-list .kv-row .v small{white-space:normal}