.demo.svelte-q1np1{background:var(--sky);border-radius:.8rem;gap:1.25rem;margin-top:1.5rem;padding:1.25rem;display:grid}label.svelte-q1np1{font-size:1.05rem}input.svelte-q1np1{width:100%;accent-color:var(--coral)}.bar.svelte-q1np1{border:1px solid var(--line);background:#fff;border-radius:.4rem;height:2rem;overflow:hidden}.bar.svelte-q1np1 span:where(.svelte-q1np1){background:var(--teal);height:100%;transition:width .12s;display:block}.scales.svelte-q1np1{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.scales.svelte-q1np1 div:where(.svelte-q1np1){background:#fff;border-radius:.6rem;gap:.15rem;padding:1rem;display:grid}.scales.svelte-q1np1 span:where(.svelte-q1np1),small.svelte-q1np1{color:var(--ink-muted)}.scales.svelte-q1np1 strong:where(.svelte-q1np1){font:700 clamp(1.4rem, 4vw, 2.2rem) var(--font-display);color:var(--navy)}@media (width<=560px){.scales.svelte-q1np1{grid-template-columns:1fr}}