.viz{position:relative;width:100%}.viz svg{display:block;width:100%;overflow:visible}.viz-grid line{stroke:var(--grid);stroke-width:1;shape-rendering:crispEdges}.viz-axis line{stroke:var(--control-border);stroke-width:1;shape-rendering:crispEdges}.viz-tick{fill:var(--ink-faint);font-size:var(--t-micro);font-family:var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viz-label{fill:var(--ink-2)}.viz-label,.viz-value{font-size:var(--t-meta);font-family:var(--sans)}.viz-value{fill:var(--ink);font-weight:var(--w-semi);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viz-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.viz-area{opacity:.1}.viz-dot{stroke:var(--surface);stroke-width:2}.viz-hover-rule{stroke:var(--ink-faint);stroke-width:1;opacity:.6;shape-rendering:crispEdges}.viz-hit{fill:transparent;cursor:crosshair}.viz-tip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,-100%);padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-pop);font-size:var(--t-sm);white-space:nowrap}.viz-tip b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viz-tip .k{color:var(--ink-faint);font-size:var(--t-meta);display:block;margin-bottom:2px}.viz-legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px;font-size:var(--t-meta);color:var(--ink-2)}.viz-legend span{display:inline-flex;align-items:center;gap:6px}.viz-legend i{width:10px;height:10px;border-radius:var(--radius-xs);flex:none}.viz-empty{display:grid;place-items:center;min-height:120px;color:var(--ink-muted);font-size:var(--t-sm)}.viz-toggle{margin-left:auto;border:0;background:transparent;color:var(--ink-faint);font-size:var(--t-meta);padding:3px 7px;border-radius:var(--radius-xs);min-height:24px}.viz-toggle:hover{background:var(--surface-3);color:var(--ink)}.viz-stale{opacity:.55;transition:opacity .15s ease}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tile{background:var(--surface);padding:13px 15px 14px;min-width:0}.tile-label{font-size:var(--t-meta);color:var(--ink-faint);margin:0 0 5px}.tile-value{font-size:var(--t-xl);font-weight:var(--w-semi);letter-spacing:-.02em;line-height:1.1}.tile-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.tile-delta{font-size:var(--t-meta);font-weight:var(--w-semi);display:inline-flex;align-items:center;gap:3px}.tile-delta.up{color:var(--good-text)}.tile-delta.down{color:var(--critical-text)}.tile-delta.flat{color:var(--ink-faint)}.tile-spark{flex:none}.tile-hint{font-size:var(--t-meta);color:var(--ink-faint);margin:4px 0 0}.meter-track{height:8px;border-radius:var(--radius-xs);background:var(--seq-1);overflow:hidden}.meter-fill{height:100%;border-radius:0}.meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:var(--t-sm)}.meter-row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero{font-size:var(--t-hero);font-weight:var(--w-semi);letter-spacing:-.03em;line-height:1;margin:0}.hero-label{font-size:var(--t-meta);font-weight:var(--w-med);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}