.metrics.svelte-kls6v8{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.metric.svelte-kls6v8{background:var(--surface-1);border:1px solid var(--border);text-align:left;border-radius:10px;min-height:78px;padding:14px 16px;transition:background .2s,border-color .2s,opacity .2s,transform .15s;position:relative;overflow:hidden}button.metric.svelte-kls6v8{font:inherit;color:inherit;width:100%}.metric-clickable.svelte-kls6v8{cursor:pointer}.metric-clickable.svelte-kls6v8:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.metric-clickable.svelte-kls6v8:active{transform:translateY(0)scale(.98)}.metric-active.svelte-kls6v8{border-color:var(--brand-dim)!important;background:var(--brand-dim)!important}.metric-dimmed.svelte-kls6v8{opacity:.45}.metric-label.svelte-kls6v8{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.metric-value.svelte-kls6v8{color:var(--text-1);font-family:var(--font-mono);margin-top:5px;font-size:20px}.metric-sub.svelte-kls6v8{color:var(--text-2);font-family:var(--font-mono);line-clamp:2;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;min-height:30px;margin-top:5px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.metric-hint.svelte-kls6v8{font-size:8px;font-family:var(--font-mono);color:var(--brand);opacity:0;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;transition:opacity .18s;position:absolute;bottom:7px;right:10px}.metric-clickable.svelte-kls6v8:hover .metric-hint:where(.svelte-kls6v8){opacity:.7}.metric-active.svelte-kls6v8 .metric-hint:where(.svelte-kls6v8){opacity:0}