.sp-dial{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.sp-dial-glow{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-violet) 26%, transparent), color-mix(in srgb, var(--color-magenta) 10%, transparent) 58%, transparent 80%);border-radius:50%;position:absolute;inset:4%}.sp-dial-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sp-dial [data-gauge-red]{transition:filter .4s}.sp-dial[data-red] [data-gauge-red]{filter:drop-shadow(0 0 8px var(--color-coral))}.sp-dial-labels{position:absolute;inset:0}.sp-dial-label{font-family:var(--font-mono);letter-spacing:.2em;white-space:nowrap;color:var(--color-ink-3);border-radius:9999px;align-items:center;gap:.55em;padding:.55em .75em .55em .95em;font-size:clamp(10px,2.3cqi,12.5px);font-weight:500;line-height:1;transition:color .3s,background-color .3s,box-shadow .3s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}a.sp-dial-label:hover,a.sp-dial-label:focus-visible{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line-strong);background-color:#ffffff0d}a.sp-dial-label:focus-visible{outline-offset:2px;border-radius:9999px}.sp-dial-label[aria-current]{color:var(--color-cyan);text-shadow:0 0 14px color-mix(in srgb, var(--color-cyan) 65%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cyan) 35%, transparent);background-color:color-mix(in srgb, var(--color-cyan) 7%, transparent)}.sp-readout{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.7em;width:44%;font-size:clamp(10px,2.3cqi,12px);display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%)}.sp-readout-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);text-wrap:balance;font-size:clamp(12px,3.1cqi,17px);font-weight:800;font-stretch:100%;line-height:1.05}.sp-readout-meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:.6em;display:inline-flex}.sp-dot{background:var(--color-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--color-cyan);animation:sp-dot-pulse 2.4s var(--ease-swing) infinite;border-radius:9999px}.sp-dot[data-preview]{background:var(--color-ink-2);box-shadow:none;animation:none}@keyframes sp-dot-pulse{50%{opacity:.3}}.sp-caps-meter{gap:14px;display:grid}.sp-segs{grid-template-columns:repeat(7,1fr);gap:5px;max-width:260px;display:grid}.sp-seg{background:var(--color-line-strong);border-radius:9999px;height:6px;transition:background-color .35s,box-shadow .35s}.sp-seg[data-lit="1"]{background-image:var(--grad-heat);box-shadow:0 0 10px -2px color-mix(in srgb, var(--color-magenta) 70%, transparent);background-size:700% 100%}.sp-caps{padding-left:44px;position:relative}.sp-rail{background:var(--color-line);border-radius:9999px;width:2px;position:absolute;top:0;bottom:0;left:8px;overflow:hidden}.sp-rail-fill{transform-origin:50% 0;background:linear-gradient(180deg, var(--color-blue), var(--color-violet) 40%, var(--color-magenta) 75%, var(--color-coral));position:absolute;inset:0}.sp-cap{border-top:1px solid var(--color-line);gap:10px;padding:30px 0 34px;display:grid;position:relative}.sp-cap:last-child{border-bottom:1px solid var(--color-line)}.sp-tick{background:var(--color-line-strong);width:20px;height:2px;transition:background-color .4s, box-shadow .4s, width .5s var(--ease-rev);border-radius:9999px;position:absolute;top:41px;left:-44px}.sp-cap-title{color:var(--color-ink-2);transition:color .5s}.sp-cap[data-lit="1"] .sp-tick{background:var(--color-cyan);width:26px;box-shadow:0 0 10px var(--color-cyan)}.sp-cap[data-lit="1"] .sp-cap-title{color:var(--color-ink)}@media (min-width:1024px){.sp-cap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding:34px 0 36px}.sp-tick{top:45px}}.sp-fit-list{border-top:1px solid var(--color-line)}.sp-fit-row{border-bottom:1px solid var(--color-line);grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px 16px;padding:24px 4px;transition:background-color .4s;display:grid;position:relative}.sp-fit-row:after{content:"";background:var(--grad-heat);transform-origin:0;height:1px;transition:transform .8s var(--ease-rev);pointer-events:none;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.sp-fit-row:hover{background-color:#ffffff06}.sp-fit-row:has(:focus-visible){background-color:#ffffff06}.sp-fit-row:hover:after{transform:scaleX(1)}.sp-fit-row:has(:focus-visible):after{transform:scaleX(1)}.sp-fit-row:has(:focus-visible){outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:6px}.sp-fit-link{outline:none}.sp-fit-link:before{content:"";z-index:1;position:absolute;inset:0}.sp-fit-link:focus-visible{outline:none}.sp-fit-line{grid-column:2/4}.sp-fit-arrow{color:var(--color-ink-3);transition:transform .45s var(--ease-rev), color .3s;grid-area:1/3}.sp-fit-row:hover .sp-fit-arrow{color:var(--color-cyan);transform:translate(3px,-3px)}.sp-fit-row:has(:focus-visible) .sp-fit-arrow{color:var(--color-cyan);transform:translate(3px,-3px)}.sp-mini{width:44px;height:44px;overflow:visible}.sp-mini-needle{transition:transform .6s var(--ease-rev), filter .3s}.sp-fit-row:hover .sp-mini-needle{filter:drop-shadow(0 0 4px var(--color-cyan))}.sp-fit-row:has(:focus-visible) .sp-mini-needle{filter:drop-shadow(0 0 4px var(--color-cyan))}.sp-mini-needle-path{fill:var(--color-ink-2);transition:fill .3s}.sp-fit-row:hover .sp-mini-needle-path{fill:var(--color-cyan)}.sp-fit-row:has(:focus-visible) .sp-mini-needle-path{fill:var(--color-cyan)}@media (min-width:900px){.sp-fit-row{grid-template-columns:56px minmax(0,.95fr) minmax(0,1.05fr) 24px;column-gap:32px;padding:30px 16px}.sp-fit-line{grid-column:3}.sp-fit-arrow{grid-column:4}.sp-mini{width:56px;height:56px}}.sp-scale{width:100%;position:relative;container-type:inline-size}.sp-scale-ticks{height:34px;position:relative}.sp-scale-tick{background:var(--color-ink-3);opacity:.6;width:1px;height:12px;position:absolute;bottom:0;transform:translate(-50%)}.sp-scale-tick[data-major]{background:var(--color-ink-2);opacity:.9;width:2px;height:22px}.sp-scale-tick[data-red]{background:var(--color-coral);opacity:1}.sp-scale-track{background:var(--color-line);border-radius:9999px;height:4px;margin-top:10px;position:relative}.sp-scale-red{background:color-mix(in srgb, var(--color-coral) 35%, transparent);border-radius:9999px;position:absolute;top:0;bottom:0;right:0}.sp-scale-fill{transform-origin:0;background:var(--grad-heat);box-shadow:0 0 22px -4px color-mix(in srgb, var(--color-magenta) 80%, transparent);border-radius:9999px;position:absolute;inset:0}.sp-scale-needle{background:linear-gradient(180deg, var(--color-ink), var(--color-cyan));width:2px;box-shadow:0 0 14px var(--color-cyan);border-radius:9999px;margin-left:-1px;position:absolute;top:-48px;bottom:-14px}.sp-scale-labels{justify-content:space-between;margin-top:18px;display:flex}@media (max-width:640px){.sp-scale-tick:nth-child(2n){display:none}}.sp-scale[data-red] .sp-scale-red{background:var(--color-coral);box-shadow:0 0 20px var(--color-coral)}