.hop-ring-wrap{--orba-success:#6ee7b7;--orba-warning:#fbbf24;--orba-alert:#ff7b72;--orba-weight-medium:500;--orba-weight-bold:700;--orba-font-body:var(--font-body,system-ui, sans-serif);--orba-font-data:var(--font-data,ui-monospace, monospace);--orba-radius-md:12px;--hop-ring-bio:var(--orba-success);--hop-ring-bio-glow:rgb(from var(--orba-success) r g b / .45);--hop-ring-aura-intensity:1;--hop-ring-value-size:132px;--hop-ring-caption-size:11px;--hop-ring-caption-tracking:.22em;--hop-ring-delta-size:14px;--hop-ring-decimal-opacity:.22;justify-self:start;width:auto;display:inline-block}.hop-ring-wrap[data-size=medium]{--hop-ring-value-size:46px;--hop-ring-caption-size:9px;--hop-ring-caption-tracking:.18em;--hop-ring-delta-size:10px}.hop-ring-wrap[data-size=inline]{--hop-ring-value-size:18px;--hop-ring-caption-size:10px;--hop-ring-delta-size:14px}.hop-ring-wrap[data-tone=warning]{--hop-ring-bio:var(--orba-warning);--hop-ring-bio-glow:rgb(from var(--orba-warning) r g b / .5)}.hop-ring-wrap[data-tone=alert]{--hop-ring-bio:var(--orba-alert);--hop-ring-bio-glow:rgb(from var(--orba-alert) r g b / .55)}.hop-ring-wrap[data-tone=info]{--hop-ring-bio:var(--orba-accent);--hop-ring-bio-glow:rgb(from var(--orba-accent) r g b / .5)}.hop-ring__stage{display:block;position:relative}.hop-ring__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hop-ring__track{fill:none;stroke:rgb(from var(--orba-text) r g b / .18);stroke-linecap:round}.hop-ring__ticks line,.hop-ring__age-marker-ticks line{stroke:#fff;stroke-linecap:round;opacity:.95}.hop-ring__arc{fill:none;stroke:var(--hop-ring-bio);stroke-linecap:round}.hop-ring__arc-glow{fill:none;stroke:var(--hop-ring-bio-glow);stroke-linecap:round;filter:blur(6px)}.hop-ring__you-bg{fill:var(--orba-bg)}.hop-ring__you-ring{stroke:rgb(from var(--orba-text) r g b / .85);stroke-width:1.4px}.hop-ring__bio-outer{fill:var(--hop-ring-bio);filter:drop-shadow(0 0 8px var(--hop-ring-bio-glow))}.hop-ring__bio-inner{fill:var(--orba-bg)}.hop-ring__bio-core{fill:var(--hop-ring-bio)}.hop-ring__bio-highlight{fill:#fff;opacity:.85}.hop-ring__marker-labels text{font-family:var(--orba-font-data);font-weight:var(--orba-weight-bold)}.hop-ring__marker-leader{stroke:rgb(from var(--orba-text) r g b / .55);stroke-width:1.2px;stroke-linecap:round}.hop-ring__marker-leader--bio{stroke:var(--hop-ring-bio)}.hop-ring__marker-kicker{fill:rgb(from var(--orba-text) r g b / .55);letter-spacing:.18em;font-size:12px}.hop-ring__marker-kicker--bio{fill:var(--hop-ring-bio)}.hop-ring__marker-value{fill:rgb(from var(--orba-text) r g b / .95);font-size:18px;font-weight:var(--orba-weight-bold);letter-spacing:.02em}.hop-ring__scale-ends text{fill:rgb(from var(--orba-text) r g b / .3);font-family:var(--orba-font-data);font-size:14px;font-weight:var(--orba-weight-bold);letter-spacing:.02em}.hop-ring__age-marker-label{fill:rgb(from var(--orba-text) r g b / .5);font-family:var(--orba-font-data);font-size:10px;font-weight:var(--orba-weight-medium);letter-spacing:.04em;dominant-baseline:middle}.hop-ring__callouts line{stroke:rgb(from var(--orba-text) r g b / .55);stroke-width:1px}.hop-ring__callouts text{fill:rgb(from var(--orba-text) r g b / .55);font-family:var(--orba-font-data);font-size:12px;font-weight:var(--orba-weight-bold);letter-spacing:.02em;dominant-baseline:middle}.hop-ring__overlay{text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.hop-ring__overlay-caption{color:var(--orba-text-muted);font-family:var(--orba-font-data);font-size:var(--hop-ring-caption-size);font-weight:var(--orba-weight-bold);letter-spacing:var(--hop-ring-caption-tracking);text-transform:uppercase}.hop-ring__overlay-value{color:var(--orba-text);font-family:var(--orba-font-body);font-size:var(--hop-ring-value-size);font-weight:var(--orba-weight-bold);letter-spacing:-.03em;align-items:baseline;line-height:.92;display:inline-flex}.hop-ring-wrap[data-size=medium] .hop-ring__overlay-value{letter-spacing:-.02em}.hop-ring__decimal{color:rgb(from var(--orba-text) r g b / var(--hop-ring-decimal-opacity))}.hop-ring__overlay-delta{color:var(--hop-ring-bio);font-family:var(--orba-font-data);font-size:var(--hop-ring-delta-size);font-weight:var(--orba-weight-bold);letter-spacing:.02em;background:0 0;align-items:center;gap:6px;padding:0;display:inline-flex}.hop-ring__overlay-delta--compact{background:0 0;padding:0}.hop-ring__overlay-delta--compact .hop-ring__overlay-delta-word{color:var(--hop-ring-bio);font-family:var(--orba-font-body);font-weight:var(--orba-weight-bold)}.hop-ring__overlay-chevron,.hop-ring__overlay-delta-num{color:var(--hop-ring-bio)}.hop-ring__overlay-delta-word{color:rgb(from var(--orba-text) r g b / .65);font-family:var(--orba-font-body);font-weight:var(--orba-weight-medium);letter-spacing:0}.hop-ring__stats{grid-template-columns:repeat(4,auto);gap:14px;margin-top:10px;display:grid}.hop-ring__stat{justify-items:center;gap:1px;display:grid}.hop-ring__stat-label{color:var(--orba-text-muted);font-family:var(--orba-font-body);font-size:10px;font-weight:var(--orba-weight-bold);letter-spacing:.14em;text-transform:uppercase}.hop-ring__stat-value{font-family:var(--orba-font-data);font-size:13px;font-weight:var(--orba-weight-bold);letter-spacing:.02em}.hop-ring__stat[data-tone=success] .hop-ring__stat-value{color:var(--orba-success)}.hop-ring__stat[data-tone=warning] .hop-ring__stat-value{color:var(--orba-warning)}.hop-ring__stat[data-tone=alert] .hop-ring__stat-value{color:var(--orba-alert)}.hop-ring__inline{border-radius:var(--orba-radius-md);background:rgb(from var(--hop-ring-bio) r g b / .05);border:1px solid rgb(from var(--hop-ring-bio) r g b / .22);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 14px;display:inline-grid}.hop-ring__inline-stage{flex-shrink:0;position:relative}.hop-ring__inline-stage .hop-ring__svg{width:100%;height:100%}.hop-ring__inline-body{align-content:center;gap:2px;min-width:0;display:grid}.hop-ring__inline-value{color:var(--orba-text);font-family:var(--orba-font-body);font-size:var(--hop-ring-value-size);font-weight:var(--orba-weight-medium);letter-spacing:-.005em;pointer-events:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset:0}.hop-ring__inline-value>span{align-items:baseline;display:inline-flex}.hop-ring__inline-meta{gap:2px;display:grid}.hop-ring__inline-caption{color:var(--orba-text-muted);font-family:var(--orba-font-data);font-size:var(--hop-ring-caption-size);font-weight:var(--orba-weight-bold);letter-spacing:var(--hop-ring-caption-tracking);text-transform:uppercase}.hop-ring__inline-delta{font-family:var(--orba-font-data);font-size:var(--hop-ring-delta-size);font-weight:var(--orba-weight-bold);letter-spacing:.02em;align-items:baseline;gap:6px;display:inline-flex}.hop-ring__inline-delta-num{color:var(--hop-ring-bio)}.hop-ring__inline-delta-word{color:var(--orba-text-muted);font-family:var(--orba-font-body);font-weight:var(--orba-weight-medium);letter-spacing:0}.hop-ring__inline-chrono{color:var(--orba-text-muted);font-family:var(--orba-font-data);letter-spacing:.02em;text-transform:lowercase;font-size:11px}