.metric-meter{--metric-track-bg:var(--res-border-subtle,var(--cascade-granite-200));--metric-track-h:8px;width:100%;max-width:100%}.metric-meter--match{--metric-track-bg:var(--np-score-pillar-track-bg);--metric-track-h:var(--np-score-bar-height)}.metric-meter__track{position:relative;height:var(--metric-track-h);border-radius:var(--df-radius-pill);background:var(--metric-track-bg);overflow:hidden}.metric-meter__fill{height:100%;border-radius:inherit;background:var(--np-score-pillar-fill-gradient);transition:width var(--df-duration-moderate,.28s) var(--df-ease-out,cubic-bezier(0,0,.2,1));will-change:width}@media (prefers-reduced-motion:reduce){.metric-meter__fill{transition:none}}.metric-meter__hero-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:var(--df-space-3)}.metric-meter__value{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--res-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-meter__caption{font-size:var(--res-text-body-sm,.875rem);color:var(--res-text-muted);max-width:16rem;line-height:1.4}.metric-meter__tiered{display:flex;gap:3px;align-items:stretch;width:100%}.metric-meter--inline .metric-meter__tiered{max-width:3.25rem;flex-shrink:0}.metric-meter--compact .metric-meter__tiered{max-width:5.5rem}.metric-meter__segment{flex:1 1;min-width:0;height:6px;border-radius:var(--df-radius-xs);background:var(--metric-track-bg)}.metric-meter__segment[data-on=true]{background:var(--metric-segment-fill)}.metric-meter--confidence[data-band=strong]{--metric-segment-fill:var(--res-strong-bg)}.metric-meter--confidence[data-band=moderate]{--metric-segment-fill:var(--res-moderate-bg)}.metric-meter--confidence[data-band=limited]{--metric-segment-fill:var(--res-limited-bg)}.metric-meter__confidence-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0}.metric-meter__confidence-label{font-size:var(--res-text-caption,.75rem);color:var(--res-text-subtle);font-weight:500;white-space:nowrap}.metric-meter--compact .metric-meter__confidence-row{flex-direction:column;align-items:flex-start;gap:.35rem}.metric-meter--compact .metric-meter__tiered{max-width:100%}