[data-tone=exposed]{--tone: var(--sev-high);--tone-bg: var(--sev-high-bg)}[data-tone=reactive]{--tone: var(--v-reachable);--tone-bg: var(--v-reachable-bg)}[data-tone=managed]{--tone: var(--accent);--tone-bg: var(--accent-soft)}[data-tone=ahead]{--tone: var(--v-not-affected);--tone-bg: var(--v-not-affected-bg)}.ring{--ring: 132px;position:relative;flex:0 0 auto;width:var(--ring);height:var(--ring)}.ring--lg{--ring: 176px}.ring--sm{--ring: 56px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9}.ring--sm circle{stroke-width:12}.ring__track{stroke:var(--rule)}.ring__value{stroke:var(--tone, var(--ink-soft));stroke-linecap:round;transition:stroke-dasharray .4s cubic-bezier(.4,0,.2,1),stroke var(--tx)}.ring__value[stroke-dasharray^="0 "]{stroke-linecap:butt}.ring__num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-serif);font-size:calc(var(--ring) * .34);line-height:1;color:var(--ink);font-feature-settings:"tnum"}.ring--sm .ring__num{font-family:var(--font-mono);font-size:.95rem}@media(prefers-reduced-motion:reduce){.ring__value{transition:none}}.stage-name{color:var(--tone, var(--ink))}.bar{position:relative;height:6px;border-radius:999px;background:var(--rule);overflow:hidden}.bar__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--tone, var(--accent));transition:width .4s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.bar__fill{transition:none}}@media(max-width:520px){.ring--lg{--ring: 128px}}
