.breakdown-card{background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--radius-2);top:calc(60px + 40px + var(--space-4));position:sticky;overflow:hidden}.breakdown-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:13px var(--space-4);border-bottom:1px solid var(--line-2);display:flex}.breakdown-card-header h2{letter-spacing:-.01em;font-size:14px;font-weight:600}.breakdown-card-body{padding:var(--space-4)}.radar-chart{width:100%;max-width:240px;margin:0 auto var(--space-4);display:block;overflow:visible}.radar-chart .radar-ring{fill:none;stroke:var(--line-2)}.radar-chart .radar-axis{stroke:var(--line-1)}.radar-chart .radar-zone{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6px;stroke-linejoin:round}.radar-chart text{font-family:var(--font-mono);fill:var(--text-3);font-size:9px;font-weight:600}.dimension-list{flex-direction:column;gap:10px;display:flex}.dimension-row{grid-template-columns:minmax(84px,auto) minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.dimension-row .dimension-name{color:var(--text-2);white-space:nowrap;font-size:12.5px}.dimension-row .dimension-track{background:var(--surface-3);border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.dimension-row .dimension-track i{background:var(--accent);height:100%;transition:width .8s var(--ease-standard);border-radius:3px;display:block}.dimension-row .dimension-value{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}@media (max-width:1023px){.breakdown-card{position:static}}