.live-meters { display: grid; grid-template-columns: minmax(6.5rem, 8rem) repeat(2, minmax(8rem, 10rem)) minmax(6.5rem, 8rem); justify-content: center; align-items: center; gap: .25rem .8rem; min-width: 0; }
.live-meter { min-width: 0; text-align: center; font-variant-numeric: tabular-nums; }
.live-meter h3 { margin: 0 0 .3rem; font-size: .65rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.live-meter-dial { position: relative; width: 8rem; margin: auto; }
.live-meter-dial svg { display: block; width: 100%; overflow: visible; }
.live-meter-dial path { fill: none; stroke-width: 2; stroke-linecap: round; }
.live-meter-track { stroke: var(--line); }
.live-meter-fill { transition: stroke-dasharray .25s linear, stroke .25s linear; }
.live-meter-dial strong { position: absolute; bottom: .3rem; left: 0; right: 0; font: 500 1.25rem ui-monospace, monospace; }
.live-meter-detail, .live-meter-source { margin: .2rem 0 0; color: var(--muted); font: .62rem ui-monospace, monospace; overflow-wrap: anywhere; }
.live-token { min-width: 0; display: grid; align-content: center; justify-items: center; gap: .35rem; min-height: 7rem; text-align: center; font-variant-numeric: tabular-nums; }
.live-token h3 { margin: 0; font-size: .68rem; font-weight: 500; letter-spacing: .08em; }
.live-token strong { max-width: 100%; color: var(--accent); font: 500 clamp(1.05rem, 1.8vw, 1.45rem) ui-monospace, monospace; overflow-wrap: anywhere; }
.live-token-detail { margin: 0; color: var(--muted); font: .58rem ui-monospace, monospace; }
.live-meter-source { grid-column: 1 / -1; text-align: center; max-width: 23rem; }
.mac-live-bar { grid-column: 1 / -1; padding: .75rem; border: 1px solid var(--line); border-radius: .8rem; }
@media (max-width: 900px) { .live-meters { grid-template-columns: repeat(2, minmax(7rem, 10rem)); gap: .6rem; } }
@media (prefers-reduced-motion: reduce) { .live-meter-fill { transition: none; } }