.knob-demo.svelte-1x9w275{gap:1.1rem;padding:clamp(1rem,2.4vw,1.5rem);transition:border-color .35s;display:grid}.knob-demo.alarm.svelte-1x9w275{border-color:color-mix(in oklch, var(--color-fault) 50%, transparent)}header.svelte-1x9w275{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pu.svelte-1x9w275{color:var(--color-apparent);font-size:1.05rem}.pu.bad.svelte-1x9w275{color:var(--color-fault)}.controls.svelte-1x9w275{gap:1.25rem;display:grid}@media (width>=40rem){.controls.svelte-1x9w275{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:2rem}}.knob-wrap.svelte-1x9w275{gap:.45rem;transition:opacity .3s;display:grid}.knob-wrap[aria-hidden=true].svelte-1x9w275{opacity:.45}label.svelte-1x9w275{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.knob-value.svelte-1x9w275{color:var(--color-reactive-bright);font-size:.82rem}input[type=range].svelte-1x9w275{width:100%;accent-color:var(--color-reactive);cursor:grab}input[type=range].svelte-1x9w275:disabled{cursor:default}.knob-scale.svelte-1x9w275{font-family:var(--font-mono);color:var(--color-ink-600);letter-spacing:.06em;justify-content:space-between;font-size:.62rem;display:flex}.score.svelte-1x9w275{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.score.svelte-1x9w275 div:where(.svelte-1x9w275){gap:.2rem;display:grid}dt.svelte-1x9w275{letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-600);font-size:.62rem}dd.svelte-1x9w275{color:var(--color-ink-200);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem}dd.good.svelte-1x9w275{color:var(--color-nominal)}dd.bad.svelte-1x9w275{color:var(--color-fault)}footer.svelte-1x9w275{border-top:1px solid #ffffff13;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}footer.svelte-1x9w275 p:where(.svelte-1x9w275){color:var(--color-ink-400);flex:18rem;max-width:46ch;margin:0;font-size:.82rem;line-height:1.6}button.svelte-1x9w275{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-300);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff21;border-radius:7px;padding:.6rem 1rem;font-size:.7rem;transition:background .18s,border-color .18s,transform .2s cubic-bezier(.34,1.4,.64,1)}button.svelte-1x9w275:hover{background:#ffffff17;transform:translateY(-1px)}button.primary.svelte-1x9w275{color:var(--color-ink-950);background:linear-gradient(180deg, var(--color-apparent-bright), var(--color-active));border-color:#0000;font-weight:600}.head.svelte-jekn4j{padding-block:clamp(2.5rem,6vw,5rem) clamp(1.5rem,3vw,2.5rem)}h1.svelte-jekn4j{font-size:var(--text-hero);margin:.5rem 0 1.15rem;font-weight:600;line-height:1.03}.body-shell.svelte-jekn4j{padding-block:clamp(1.25rem,3vw,2rem)}.body.svelte-jekn4j{max-width:46rem}.body.svelte-jekn4j p:where(.svelte-jekn4j){font-size:1.02rem}.drop.svelte-jekn4j:first-letter{float:left;font-family:var(--font-display);color:var(--color-active);padding-top:.06em;padding-right:.09em;font-size:3.6em;font-weight:600;line-height:.82}blockquote.svelte-jekn4j{border-left:2px solid var(--color-reactive);margin:2.25rem 0;padding-left:1.5rem}blockquote.svelte-jekn4j p:where(.svelte-jekn4j){font-family:var(--font-display);color:var(--color-ink-100);margin:0;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.34}.demo.svelte-jekn4j .shell:where(.svelte-jekn4j){gap:1.5rem;display:grid}.demo-intro.svelte-jekn4j{max-width:46rem}h2.svelte-jekn4j{font-size:var(--text-display);margin:.5rem 0 1rem;font-weight:600;line-height:1.08}.demo-note.svelte-jekn4j{color:var(--color-ink-500);max-width:52ch;margin:0;font-size:.85rem}.closing-grid.svelte-jekn4j{gap:2rem;margin-top:clamp(2rem,4vw,3rem);display:grid}@media (width>=54rem){.closing-grid.svelte-jekn4j{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4rem}}.pull.svelte-jekn4j{font-family:var(--font-display);color:var(--color-apparent);max-width:14ch;margin:0;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.18}.closing-body.svelte-jekn4j p:where(.svelte-jekn4j){margin-top:0}.closing-body.svelte-jekn4j p:where(.svelte-jekn4j)+p:where(.svelte-jekn4j){margin-top:1.15rem}.inline-link.svelte-jekn4j{color:var(--color-apparent);text-decoration:none}.inline-link.svelte-jekn4j:hover{text-underline-offset:4px;text-decoration:underline}