.gauge{border-radius:var(--radius);border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--elev-1);flex-wrap:wrap;align-items:center;gap:32px;max-width:720px;padding:30px 32px;display:flex}.gauge .txt{flex:260px}.gauge svg{flex:none;width:210px;height:auto}.gauge .track{fill:none;stroke:var(--c-track);stroke-width:14px;stroke-linecap:round}.gauge .val{fill:none;stroke:var(--c1);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease);stroke-dashoffset:var(--off)}.js .gauge:not(.in) .val{stroke-dashoffset:var(--len)}@media (prefers-reduced-motion:reduce){.gauge .val{transition:none}}.gauge .n{letter-spacing:-.03em;fill:var(--fg);font-variant-numeric:tabular-nums;font-size:42px;font-weight:900}.gauge .ends{fill:var(--dim);font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11.5px}.gauge .txt h3{letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.3}.gauge .txt h3+p{color:var(--muted);max-width:34ch;margin-top:8px;font-size:15.5px;line-height:1.6}@media (width<=1024px){.gauge{gap:24px}}@media (width<=560px){.gauge{padding:24px 20px}.gauge svg{width:170px}}
