:root{--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.tuner-page[data-astro-cid-vkadm5px]{box-sizing:border-box;width:100%;padding:0}.tuner-intro[data-astro-cid-vkadm5px]{padding-bottom:2.5rem}.tuner-kicker[data-astro-cid-vkadm5px]{margin-bottom:.6rem}.tuner-intro[data-astro-cid-vkadm5px] h1[data-astro-cid-vkadm5px]{font-weight:800;font-size:clamp(2.75rem,6vw,4.75rem);line-height:.98;letter-spacing:-.02em;margin:0 0 .75rem}.mono[data-astro-cid-vkadm5px]{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.muted[data-astro-cid-vkadm5px]{color:rgba(var(--ink-channels),.5)}.tuner[data-astro-cid-vkadm5px]{outline:none}.tuner[data-astro-cid-vkadm5px]:focus-visible .workspace[data-astro-cid-vkadm5px]{box-shadow:0 0 0 2px var(--highlight-color)}.workspace[data-astro-cid-vkadm5px]{display:flex;flex-direction:column;align-items:center;gap:1.75rem;max-width:480px;margin:0 auto;padding:0 0 2rem}.dial-visual[data-astro-cid-vkadm5px]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}body.tuner-flat{background-color:color-mix(in srgb,var(--flat-color) 50%,var(--bg-color));transition:background-color .2s ease-out}body.tuner-sharp{background-color:color-mix(in srgb,var(--sharp-color) 50%,var(--bg-color));transition:background-color .2s ease-out}body.tuner-in-tune{background-color:color-mix(in srgb,var(--in-tune-color) 50%,var(--bg-color));transition:background-color .2s ease-out}.dial[data-astro-cid-vkadm5px]{position:relative;width:min(280px,80vw);height:min(150px,43vw);margin-bottom:.5rem}.dial-backdrop[data-astro-cid-vkadm5px]{position:absolute;inset:0;border-radius:999px 999px 0 0;background:rgba(var(--ink-channels),.06);transition:background-color .2s ease-out}.dial-backdrop[data-astro-cid-vkadm5px].flat{background:color-mix(in srgb,var(--flat-color) 22%,transparent)}.dial-backdrop[data-astro-cid-vkadm5px].sharp{background:color-mix(in srgb,var(--sharp-color) 22%,transparent)}.dial-backdrop[data-astro-cid-vkadm5px].in-tune{background:color-mix(in srgb,var(--in-tune-color) 22%,transparent)}.dial-arc[data-astro-cid-vkadm5px]{position:absolute;inset:0;border-radius:999px 999px 0 0;background:conic-gradient(from -90deg at 50% 100%,var(--flat-color) 0deg,var(--flat-color) calc(90deg - var(--in-tune-angle)),var(--in-tune-color) calc(90deg - var(--in-tune-angle)),var(--in-tune-color) calc(90deg + var(--in-tune-angle)),var(--sharp-color) calc(90deg + var(--in-tune-angle)),var(--sharp-color) 180deg);-webkit-mask-image:radial-gradient(ellipse farthest-side at 50% 100%,transparent calc(100% - 3px),#000 calc(100% - 3px));mask-image:radial-gradient(ellipse farthest-side at 50% 100%,transparent calc(100% - 3px),#000 calc(100% - 3px))}.dial-ticks[data-astro-cid-vkadm5px]{position:absolute;inset:0}.dial-tick[data-astro-cid-vkadm5px]{position:absolute;left:50%;bottom:0;width:2px;height:10px;background:var(--rule);transform-origin:bottom center;transform:translate(-50%) rotate(var(--tick-angle))}.dial-tick-center[data-astro-cid-vkadm5px]{height:16px;background:rgba(var(--ink-channels),.35)}.dial-tick-edge[data-astro-cid-vkadm5px]{background:rgba(var(--ink-channels),.35)}.needle-pivot[data-astro-cid-vkadm5px]{position:absolute;left:50%;bottom:0;width:0;height:0;transform:rotate(0);transition:transform .12s ease-out}.needle[data-astro-cid-vkadm5px]{position:absolute;left:-1.5px;bottom:0;width:3px;height:min(130px,38vw);background:var(--text-color);border-radius:2px;transform-origin:bottom center;transition:background .2s ease-out}.needle-pivot[data-astro-cid-vkadm5px].in-tune .needle[data-astro-cid-vkadm5px]{background:var(--in-tune-color)}.needle-pivot[data-astro-cid-vkadm5px]:after{content:"";position:absolute;left:-6px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--text-color)}.dial-labels[data-astro-cid-vkadm5px]{display:flex;justify-content:space-between;width:min(280px,80vw)}.readout[data-astro-cid-vkadm5px]{text-align:center}.note-row[data-astro-cid-vkadm5px]{display:flex;align-items:baseline;justify-content:center;gap:.3rem}.note-name[data-astro-cid-vkadm5px]{font-size:72px;font-weight:800;line-height:1;letter-spacing:-.02em;min-width:1.5ch}.note-octave[data-astro-cid-vkadm5px]{font-size:1.1rem;letter-spacing:0;text-transform:none}.cents-row[data-astro-cid-vkadm5px]{margin-top:.4rem}.cents-value[data-astro-cid-vkadm5px]{font-size:.85rem}.status-message[data-astro-cid-vkadm5px]{margin-top:.75rem;text-transform:none;letter-spacing:.02em;min-height:1.2em}.controls-row[data-astro-cid-vkadm5px]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%}.circle-button[data-astro-cid-vkadm5px]{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.start-circle[data-astro-cid-vkadm5px]{background:transparent;border:2px solid var(--text-color);color:var(--text-color);transition:background-color .2s ease-out,border-color .2s ease-out}.start-circle[data-astro-cid-vkadm5px][aria-pressed=true].flat{background:var(--flat-color);border-color:var(--flat-color)}.start-circle[data-astro-cid-vkadm5px][aria-pressed=true].sharp{background:var(--sharp-color);border-color:var(--sharp-color)}.start-circle[data-astro-cid-vkadm5px][aria-pressed=true].in-tune{background:var(--in-tune-color);border-color:var(--in-tune-color)}.a-ref-knob[data-astro-cid-vkadm5px]{box-sizing:border-box;position:relative;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--text-color);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.a-ref-knob[data-astro-cid-vkadm5px].dragging{cursor:grabbing}.a-ref-knob[data-astro-cid-vkadm5px]:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px}.a-ref-knob-pointer[data-astro-cid-vkadm5px]{position:absolute;inset:0;border-radius:50%;transform:rotate(var(--knob-angle, 0deg));pointer-events:none}.a-ref-knob-pointer[data-astro-cid-vkadm5px]:before{content:"";position:absolute;top:6px;left:50%;width:3px;height:10px;background:var(--highlight-color);border-radius:2px;transform:translate(-50%)}.a-ref-value[data-astro-cid-vkadm5px]{position:relative;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--text-color);pointer-events:none}.a-ref-caption[data-astro-cid-vkadm5px]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.15rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;color:rgba(var(--ink-channels),.5);white-space:nowrap}.keyboard-hint[data-astro-cid-vkadm5px]{display:none}@media(max-width:639.98px){html[data-layout=focus] body:has(.tuner-page),html[data-layout=standalone] body:has(.tuner-page){height:100dvh;overflow:hidden;overscroll-behavior:none}html[data-layout=focus] body:has(.tuner-page) main,html[data-layout=standalone] body:has(.tuner-page) main{flex:1 1 auto;min-height:0}html[data-layout=focus] body:has(.tuner-page) .tuner-page,html[data-layout=standalone] body:has(.tuner-page) .tuner-page{display:flex;flex-direction:column;flex:1;min-height:0}html[data-layout=focus] body:has(.tuner-page) .tuner-intro,html[data-layout=standalone] body:has(.tuner-page) .tuner-intro{flex:0 0 auto;padding-bottom:.75rem}html[data-layout=focus] body:has(.tuner-page) .tuner-intro h1,html[data-layout=standalone] body:has(.tuner-page) .tuner-intro h1{font-size:clamp(1.75rem,8vh,2.75rem);margin:0 0 .25rem}html[data-layout=focus] body:has(.tuner-page) .tuner-kicker,html[data-layout=standalone] body:has(.tuner-page) .tuner-kicker{margin-bottom:.25rem}html[data-layout=focus] body:has(.tuner-page) #tuner.tuner,html[data-layout=standalone] body:has(.tuner-page) #tuner.tuner{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}html[data-layout=focus] body:has(.tuner-page) .workspace,html[data-layout=standalone] body:has(.tuner-page) .workspace{gap:clamp(.75rem,3vh,1.75rem);padding-bottom:0}html[data-layout=focus] body:has(.tuner-page) .dial,html[data-layout=standalone] body:has(.tuner-page) .dial{height:min(150px,43vw,22vh)}html[data-layout=focus] body:has(.tuner-page) .needle,html[data-layout=standalone] body:has(.tuner-page) .needle{height:min(130px,38vw,19vh)}html[data-layout=focus] body:has(.tuner-page) .note-name,html[data-layout=standalone] body:has(.tuner-page) .note-name{font-size:clamp(2.75rem,12vh,4.5rem)}}@media(min-width:640px){.controls-row[data-astro-cid-vkadm5px]{gap:3rem}.note-name[data-astro-cid-vkadm5px]{font-size:96px}.keyboard-hint[data-astro-cid-vkadm5px]{display:block;text-align:center}.keyboard-hint[data-astro-cid-vkadm5px] kbd[data-astro-cid-vkadm5px]{display:inline-block;margin:0 .25em;padding:.05em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75em;border:1px solid rgba(var(--ink-channels),.3);border-radius:3px;color:rgba(var(--ink-channels),.55)}}