.field.svelte-1i53hyi{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--stage-2);height:clamp(19rem,48vh,30rem);margin-block:.5rem;transition:background .24s;position:relative;overflow:hidden}.field.listening.svelte-1i53hyi{background:var(--stage-3);box-shadow:inset 0 2px 0 0 var(--accent)}.tick.svelte-1i53hyi,.rung.svelte-1i53hyi,.band.svelte-1i53hyi,.target.svelte-1i53hyi,.voice.svelte-1i53hyi{position:absolute;left:0;right:0}.tick.svelte-1i53hyi{background:#e2e3e00e;height:1px;margin-left:3.6rem;transform:translateY(-.5px)}.rung.svelte-1i53hyi{align-items:center;gap:.5rem;padding-inline:.6rem;display:flex;transform:translateY(-50%)}.rung-name.svelte-1i53hyi{font-family:var(--font-display);font-size:var(--t-base);color:var(--slate);text-align:right;flex:0 0 2.6rem;line-height:1}.rung-line.svelte-1i53hyi{background:var(--hairline);flex:1;height:1px}.rung.out-of-range.svelte-1i53hyi .rung-name:where(.svelte-1i53hyi){color:#6e6a7880}.rung.out-of-range.svelte-1i53hyi .rung-line:where(.svelte-1i53hyi){background:#e2e3e00e}.rung.is-target.svelte-1i53hyi .rung-name:where(.svelte-1i53hyi){color:var(--accent-hot);font-size:var(--t-md)}.rung.is-target.svelte-1i53hyi .rung-line:where(.svelte-1i53hyi){background:0 0}.band.svelte-1i53hyi{background:#2b5fd933;border-top:1px solid #4b82ff8c;border-bottom:1px solid #4b82ff8c;margin-left:3.6rem;transition:background .12s}.band.lit.svelte-1i53hyi{background:#4b82ff61}.target.svelte-1i53hyi{background:var(--accent-hot);height:3px;margin-left:3.6rem;transform:translateY(-1.5px)}.target-fill.svelte-1i53hyi{background:var(--signal);position:absolute;inset:-2px auto -2px 0}.ribbon.svelte-1i53hyi{opacity:.85;border-radius:0;width:.5rem;position:absolute;left:3.6rem}.ribbon.flat.svelte-1i53hyi{background:var(--flat)}.ribbon.sharp.svelte-1i53hyi{background:var(--sharp)}.voice.svelte-1i53hyi{align-items:center;gap:.4rem;margin-left:3.6rem;transition:top 70ms linear;display:flex;transform:translateY(-50%)}.voice-line.svelte-1i53hyi{background:var(--bone);border-radius:0;flex:1;height:4px}.voice-read.svelte-1i53hyi{font-size:var(--t-sm);letter-spacing:.02em;color:var(--stage);background:var(--bone);border-radius:var(--radius);white-space:nowrap;flex:none;margin-right:.4rem;padding:.05rem .35rem;font-weight:600}.cent-sign.svelte-1i53hyi{opacity:.55}.voice.flat.svelte-1i53hyi .voice-line:where(.svelte-1i53hyi),.voice.flat.svelte-1i53hyi .voice-read:where(.svelte-1i53hyi){background:var(--flat)}.voice.sharp.svelte-1i53hyi .voice-line:where(.svelte-1i53hyi),.voice.sharp.svelte-1i53hyi .voice-read:where(.svelte-1i53hyi){background:var(--sharp)}.voice.flat.svelte-1i53hyi .voice-read:where(.svelte-1i53hyi),.voice.sharp.svelte-1i53hyi .voice-read:where(.svelte-1i53hyi){color:var(--bone)}.voice.on.svelte-1i53hyi .voice-line:where(.svelte-1i53hyi){background:var(--signal);height:8px}.voice.clipped.svelte-1i53hyi .voice-line:where(.svelte-1i53hyi){opacity:.35}.prompt.svelte-1i53hyi{inset-inline:0;text-align:center;font-family:var(--font-display);font-size:var(--t-md);color:var(--slate);animation:2.4s ease-in-out infinite svelte-1i53hyi-breathe;position:absolute;bottom:.75rem}@keyframes svelte-1i53hyi-breathe{0%,to{opacity:.35}50%{opacity:.8}}