.metric-card.svelte-is4n26{display:flex;flex-direction:column;gap:var(--space-2);padding:0;background:transparent}@media (min-width: 768px){.metric-card.svelte-is4n26{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center}}.metric-info.svelte-is4n26{display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface-tertiary);border-radius:var(--radius-md);padding:var(--space-2);min-width:0}@media (min-width: 768px){.metric-info.svelte-is4n26{padding:var(--space-2) var(--space-3);min-width:280px}}.metric-visual.svelte-is4n26{display:flex;align-items:center;justify-content:flex-start;height:60px;padding:var(--space-2) 0}@media (min-width: 768px){.metric-visual.svelte-is4n26{justify-content:center}}.metric-token.svelte-is4n26{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-code);padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start;word-break:break-word;max-width:100%}@media (min-width: 768px){.metric-token.svelte-is4n26{font-size:var(--text-sm);padding:2px var(--space-2)}}.metric-value.svelte-is4n26{color:var(--typography-body-color);font-size:var(--typography-body-size);font-weight:var(--font-medium)}.metric-secondary.svelte-is4n26{color:var(--typography-caption-color);font-size:var(--typography-caption-size)}.metric-detail.svelte-is4n26{color:var(--typography-muted-color);font-size:var(--typography-muted-size)}