@layer components{:where(.tuner[data-v-8d606951]){gap:var(--space-5);min-inline-size:0;padding:var(--space-6) var(--space-5) var(--space-5);grid-template-rows:minmax(0,1fr) auto;display:grid}.start[data-v-8d606951]{grid-row:1/-1}.screen[data-v-8d606951]{gap:var(--space-3);align-content:center;justify-items:center}.note[data-v-8d606951]{block-size:clamp(var(--text-7xl), 34cqi, 11rem);color:var(--edc-readout-ink);font-family:var(--font-display);text-shadow:var(--edc-readout-glow);align-items:baseline;margin:0;line-height:1;display:flex}.note-name[data-v-8d606951]{font-size:clamp(var(--text-7xl), 34cqi, 11rem)}.accidental[data-v-8d606951]{font-family:var(--font-sans);font-size:clamp(var(--text-3xl), 12cqi, 4rem);align-self:start;margin-block-start:.15em;font-weight:300}.octave[data-v-8d606951]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-2xl);text-shadow:none}.screen:not([data-heard]) .note[data-v-8d606951]{opacity:.35}[data-tuned] .note[data-v-8d606951]{color:var(--ok);text-shadow:0 0 8px color-mix(in oklab, var(--ok) 40%, transparent)}.detail[data-v-8d606951]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--leading-sm);margin:0}.gauge[data-v-8d606951]{align-items:center;gap:var(--space-2);inline-size:min(100%,24rem);grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;margin-block-start:var(--space-5);display:grid}.end[data-v-8d606951]{color:var(--app-muted);font-size:var(--text-2xl);font-weight:300;line-height:1}.half[data-v-8d606951]{--tritium-tube-ink:var(--edc-hue);--tritium-tube-fill:.12s;--tritium-tube-fill-ease:linear}.flat[data-v-8d606951]{scale:-1 1}[data-tuned] .half[data-v-8d606951]{--tritium-tube-ink:var(--ok)}.target[data-v-8d606951]{aspect-ratio:1;border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--edc-hue) 10%, transparent);inline-size:1.25rem;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--edc-hue) 45%, oklch(100% 0 none/.1)), inset 0 1px 0 2px oklch(100% 0 none/.08), 0 0 0 .5px color-mix(in oklab, var(--edc-hue) 40%, transparent)}[data-tuned] .target[data-v-8d606951]{background-color:var(--ok);box-shadow:inset 0 1px 0 oklch(100% 0 none/.6), inset 0 -1px 0 color-mix(in oklab, var(--ok) 60%, var(--color-emerald-950)), 0 0 0 3px color-mix(in oklab, var(--ok) 18%, transparent), 0 0 14px 2px color-mix(in oklab, var(--ok) 45%, transparent)}.state[data-v-8d606951]{color:var(--app-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}[data-tuned] .state[data-v-8d606951]{color:var(--ok-fg)}.controls[data-v-8d606951]{gap:var(--space-4);display:grid}.strings[data-v-8d606951]{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.strings>.string[data-v-8d606951]{font-variant-numeric:tabular-nums;min-inline-size:0;padding-inline:0}.setting-head[data-v-8d606951]{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-1);border-radius:var(--radius-lg);color:var(--app-muted);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-block-start:calc(var(--space-2) * -1);list-style:none;display:flex}.setting-head[data-v-8d606951]::-webkit-details-marker{display:none}.setting-head[data-v-8d606951]:focus-visible{outline:2px solid var(--app-tint);outline-offset:2px}.setting-name[data-v-8d606951]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);line-height:var(--leading-xs);text-transform:uppercase;flex:1}.setting-value[data-v-8d606951]{color:var(--app-fg);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--leading-sm)}.chevron[data-v-8d606951]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.setting[open] .chevron[data-v-8d606951]{rotate:180deg}.steps[data-v-8d606951]{align-items:center;gap:var(--space-3);padding-block-start:var(--space-2);display:flex}.slider[data-v-8d606951]{flex:1}@media (prefers-reduced-motion:no-preference){.note[data-v-8d606951]{transition:opacity .3s var(--ease-out-quint), color .16s var(--ease-out-quint)}.target[data-v-8d606951]{transition:background-color .16s var(--ease-out-quint), box-shadow .16s var(--ease-out-quint)}.chevron[data-v-8d606951]{transition:rotate .2s var(--ease-out-quint)}}}