.delta{display:inline-flex;align-items:center;gap:3px;padding:2px var(--s-2) 2px 6px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.delta__icon{width:13px;height:13px}.delta--down .delta__icon{transform:scaleY(-1)}.delta--flat .delta__icon{transform:rotate(90deg)}.delta--positive{color:var(--success);background:var(--success-soft)}.delta--negative{color:var(--danger);background:var(--danger-soft)}.delta--neutral{color:var(--muted);background:var(--surface-3)}.spark{display:block;overflow:visible}.stat{--stat-accent:var(--viz-accent,var(--accent));position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;will-change:transform;transition:transform var(--dur-base) var(--ease-spring),border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out);animation:stat-in var(--dur-expand) var(--ease-out) both;animation-delay:var(--stat-delay,0s)}.stat:hover{transform:translateY(-3px);border-color:var(--border-strong)}.stat__label{font-size:var(--fs-sm);color:var(--muted)}.stat__value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;line-height:1.1}.stat__meta{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2)}.stat__sub{font-size:var(--fs-xs);color:var(--faint)}.stat__spark{margin-top:var(--s-3);align-self:flex-start}.stat--sm{padding:var(--s-3)}.stat--sm .stat__value{font-size:var(--fs-lg)}.stat--lg{padding:var(--s-5)}.stat--lg .stat__value{font-size:var(--fs-3xl)}.stat--hero{padding:var(--s-6)}.stat--hero .stat__label{font-size:var(--fs-base)}.stat--hero .stat__value{font-size:var(--fs-4xl)}.stat--outline{background:transparent}.stat--soft{background:var(--surface-3);border-color:var(--border)}.stat--gradient{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--stat-accent),color-mix(in srgb,var(--stat-accent) 55%,#000))}.stat--gradient .stat__label,.stat--gradient .stat__sub{color:#fffc}.stat--glass{background:var(--glass-bg,hsla(0,0%,100%,.06));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border)}.stat--has-accent.stat--outline:before,.stat--has-accent.stat--plain:before,.stat--has-accent.stat--soft:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stat-accent)}@media(prefers-reduced-motion:reduce){.stat{animation:none}}