.visualizer.svelte-bg83v1{position:relative;width:100%;height:100%;background:#000;cursor:crosshair}canvas.svelte-bg83v1{width:100%;height:100%;display:block}.axis-svg.svelte-bg83v1{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);pointer-events:none;overflow:hidden}text.svelte-bg83v1{font-family:Inter,sans-serif;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.piano-key.svelte-bg83v1{transition:fill .1s}.piano-key.black.svelte-bg83v1{fill:color-mix(in srgb,#050505,#cca005 calc(var(--active) * 100%))}.piano-key.white.svelte-bg83v1{fill:color-mix(in srgb,#1a1a1a,#cca005 calc(var(--active) * 100%))}.note-label.svelte-bg83v1{font-size:.075rem;font-weight:calc(400 + var(--active) * 300);opacity:calc(.4 + var(--active) * .6);transition:font-size .1s,opacity .1s,font-weight .1s}.note-label.is-sharp.svelte-bg83v1{opacity:calc(.2 + var(--active) * .8)}.octave-num.svelte-bg83v1{font-size:.1rem;fill:#fff6}.tuner-container.svelte-hqy2pg{position:fixed;inset:0;background:#000;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}.starter.svelte-hqy2pg{position:absolute;inset:0;z-index:10;background:#000c;border:none;color:#fff;font-size:5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.starter.svelte-hqy2pg:hover{background:#0009}.note-display.svelte-hqy2pg{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none;width:100%;padding:1rem 0}.note-main.svelte-hqy2pg{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:6rem;width:100%}.note-box.svelte-hqy2pg{display:flex;align-items:flex-start;justify-content:center;position:relative;width:10rem;height:6rem}.note-box.svelte-hqy2pg span:where(.svelte-hqy2pg){position:absolute}.note-box.svelte-hqy2pg span.octave:where(.svelte-hqy2pg){top:0;left:.5em;font-size:.4em}.note-box.svelte-hqy2pg span.letter:where(.svelte-hqy2pg){display:inline-block;left:0;transform:translate(25%);min-width:1.2em;text-align:center}.note-box.svelte-hqy2pg span.accidental:where(.svelte-hqy2pg){top:0;right:0;font-size:.6em;margin-top:.2em}.offset.svelte-hqy2pg{font-size:.4em;width:6rem;color:#aaa;font-family:monospace}.offset.left.svelte-hqy2pg{text-align:right}.offset.right.svelte-hqy2pg{text-align:left}.freq-display.svelte-hqy2pg{width:7em;text-align:right;font-size:1.2rem;color:#666;margin-top:-.5rem}.visualizer-wrapper.svelte-hqy2pg{flex:1;width:100%}.controls.svelte-hqy2pg{position:absolute;bottom:0;right:0;background:#0009;padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls.svelte-hqy2pg label:where(.svelte-hqy2pg){display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.8rem;color:#aaa;transition:opacity .2s}.controls.svelte-hqy2pg label.disabled:where(.svelte-hqy2pg){opacity:.3;pointer-events:none}.controls.svelte-hqy2pg .buttons:where(.svelte-hqy2pg){display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.controls.svelte-hqy2pg .buttons:where(.svelte-hqy2pg) button:where(.svelte-hqy2pg){font-weight:300;background:none;border:1px solid #444;color:#666;padding:.3rem 1rem;cursor:pointer;font-size:.8rem;transition:all .2s}.controls.svelte-hqy2pg .buttons:where(.svelte-hqy2pg) button:where(.svelte-hqy2pg):hover{border-color:#888}.controls.svelte-hqy2pg .buttons:where(.svelte-hqy2pg) button.active:where(.svelte-hqy2pg){color:#fff;border-color:#fff;background:#ffffff1a}