.whistle-index-gauge{--whistle-gauge-radius:0.85rem;--whistle-gauge-pad-y:1.25rem;--whistle-gauge-pad-x:1rem;--whistle-gauge-gap:0.75rem;--whistle-gauge-bg:#020617;--whistle-gauge-border:color-mix(in srgb,#334155 70%,transparent);--whistle-gauge-ink-strong:#f8fafc;--whistle-gauge-ink-muted:#64748b;--whistle-gauge-ink-caption:#cbd5e1;--whistle-gauge-track-bg:#1e293b;--whistle-gauge-track-shadow:inset 0 1px 2px rgba(2,6,23,0.55);--whistle-gauge-scale-label:#64748b;--whistle-gauge-marker-border:#f8fafc;--whistle-gauge-marker-ring:rgba(2,6,23,0.65);display:flex;flex-direction:column;gap:var(--whistle-gauge-gap);padding:var(--whistle-gauge-pad-y) var(--whistle-gauge-pad-x);border-radius:var(--whistle-gauge-radius);border:1px solid var(--whistle-gauge-border);background:var(--whistle-gauge-bg);font-family:var(--font-body);color:var(--whistle-gauge-ink-strong)}.whistle-index-gauge--sm{--whistle-gauge-pad-y:0.75rem;--whistle-gauge-pad-x:0.75rem;--whistle-gauge-gap:0.5rem}.whistle-index-gauge--md{--whistle-gauge-pad-y:1rem;--whistle-gauge-pad-x:0.875rem;--whistle-gauge-gap:0.625rem}.whistle-index-gauge__label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--whistle-gauge-ink-muted)}.whistle-index-gauge__value{margin:0;font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--whistle-gauge-ink-strong)}.whistle-index-gauge--lg .whistle-index-gauge__value{font-size:3rem}.whistle-index-gauge--md .whistle-index-gauge__value{font-size:2.5rem}.whistle-index-gauge--sm .whistle-index-gauge__value{font-size:1.5rem}.whistle-index-gauge__caption{margin:0;font-size:.875rem;font-weight:400;line-height:1.35;color:var(--whistle-gauge-ink-caption)}.whistle-index-gauge__scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-top:.125rem}.whistle-index-gauge__scale-label{margin:0;min-width:1.25rem;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--whistle-gauge-scale-label)}.whistle-index-gauge__scale-label--max{text-align:right}.whistle-index-gauge__track{position:relative;height:.5rem;border-radius:999px;background:var(--whistle-gauge-track-bg);box-shadow:var(--whistle-gauge-track-shadow);overflow:visible}.whistle-index-gauge__track-gradient{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(56,189,248,.28),rgba(148,163,184,.14) 42%,rgba(148,163,184,.14) 58%,rgba(251,191,36,.32))}.whistle-index-gauge__track-neutral{position:absolute;top:-.125rem;bottom:-.125rem;left:45%;width:10%;border-radius:999px;background:rgba(148,163,184,.12);pointer-events:none}.whistle-index-gauge__fill{position:absolute;inset-block:0;left:0;border-radius:inherit;transition:width .5s ease-out}.whistle-index-gauge__fill--neutral{background:linear-gradient(90deg,rgba(148,163,184,.55),rgba(203,213,225,.75))}.whistle-index-gauge__fill--low{background:linear-gradient(90deg,rgba(56,189,248,.85),rgba(125,211,252,.65))}.whistle-index-gauge__fill--high{background:linear-gradient(90deg,rgba(251,191,36,.55),rgba(252,211,77,.9))}.whistle-index-gauge__center-line{position:absolute;top:-.2rem;bottom:-.2rem;left:50%;width:1px;transform:translateX(-50%);background:rgba(148,163,184,.45);pointer-events:none}.whistle-index-gauge__marker{position:absolute;top:50%;z-index:2;width:.875rem;height:.875rem;border-radius:999px;transform:translate(-50%,-50%);border:2px solid var(--whistle-gauge-marker-border);box-shadow:0 0 0 1px var(--whistle-gauge-marker-ring),0 2px 8px rgba(2,6,23,.25);transition:left .5s ease-out,background-color .22s ease,border-color .22s ease}.whistle-index-gauge__marker--neutral{background:#cbd5e1}.whistle-index-gauge__marker--low{background:#7dd3fc;box-shadow:0 0 0 1px var(--whistle-gauge-marker-ring),0 0 12px rgba(56,189,248,.45)}.whistle-index-gauge__marker--high{background:#fcd34d;box-shadow:0 0 0 1px var(--whistle-gauge-marker-ring),0 0 12px rgba(251,191,36,.42)}