.pitch-module__ksG-Rq__tool{--pitch-text:#1f1f1d;--pitch-muted:#5f5e58;--pitch-surface:#fff;--pitch-border:#dcdbd3;--pitch-button:#f4f3ee;--pitch-button-hover:#eae9e2;--pitch-button-on:#1f1f1d;--pitch-button-on-text:#fff;--pitch-focus:#2a78d6;--pitch-error:#b4361b;--pitch-voice:#2a78d6;--pitch-song:#eb6834;--pitch-band:#1baf7a38;--pitch-band-label:#1baf7a;--pitch-in-tune:#13865d;--pitch-grid:#e1e0d9;--pitch-grid-c:#c3c2b7;--pitch-label:#898781;color:var(--pitch-text)}.dark .pitch-module__ksG-Rq__tool{--pitch-text:#ecebe6;--pitch-muted:#a9a8a1;--pitch-surface:#1b1b19;--pitch-border:#33332f;--pitch-button:#262624;--pitch-button-hover:#31312e;--pitch-button-on:#ecebe6;--pitch-button-on-text:#1b1b19;--pitch-focus:#3987e5;--pitch-error:#f08a6c;--pitch-voice:#3987e5;--pitch-song:#d95926;--pitch-band:#1baf7a38;--pitch-band-label:#199e70;--pitch-in-tune:#2fc48f;--pitch-grid:#2c2c2a;--pitch-grid-c:#383835;--pitch-label:#898781}.pitch-module__ksG-Rq__title{font-size:1.875rem;font-weight:600;line-height:1.25}@media (min-width:640px){.pitch-module__ksG-Rq__title{font-size:3rem;line-height:1}}.pitch-module__ksG-Rq__intro{max-width:70ch;margin-top:.75rem;font-size:1rem;line-height:1.625}@media (min-width:640px){.pitch-module__ksG-Rq__intro{font-size:1.125rem;line-height:1.75rem}}.pitch-module__ksG-Rq__intro{color:var(--pitch-muted)}.pitch-module__ksG-Rq__panel{border-width:1px;border-radius:.75rem;margin-top:2rem;padding:1rem}@media (min-width:640px){.pitch-module__ksG-Rq__panel{padding:1.5rem}}.pitch-module__ksG-Rq__panel{background:var(--pitch-surface);border-color:var(--pitch-border)}.pitch-module__ksG-Rq__controls{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.pitch-module__ksG-Rq__control{flex-direction:column;gap:.25rem;max-width:22rem;display:flex}.pitch-module__ksG-Rq__button{background:var(--pitch-button);border-width:1px;border-color:var(--pitch-border);color:var(--pitch-text);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:background-color .12s;display:inline-flex}.pitch-module__ksG-Rq__button:hover{background:var(--pitch-button-hover)}.pitch-module__ksG-Rq__button:focus-visible{outline:2px solid var(--pitch-focus);outline-offset:2px}.pitch-module__ksG-Rq__button[aria-pressed=true]{background:var(--pitch-button-on);border-color:var(--pitch-button-on);color:var(--pitch-button-on-text)}.pitch-module__ksG-Rq__button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.pitch-module__ksG-Rq__button[aria-disabled=true]:hover{background:var(--pitch-button)}.pitch-module__ksG-Rq__swatch{border-top-width:3px;flex-shrink:0;width:1.25rem;height:0;display:inline-block}.pitch-module__ksG-Rq__swatchVoice{border-top-style:solid;border-color:var(--pitch-voice)}.pitch-module__ksG-Rq__swatchSong{border-top-style:solid;border-color:var(--pitch-song)}.pitch-module__ksG-Rq__swatchTarget{background:var(--pitch-band);border-top-width:0;border-radius:.125rem;height:.75rem}.pitch-module__ksG-Rq__note{color:var(--pitch-muted);font-size:.875rem;line-height:1.375}.pitch-module__ksG-Rq__error{color:var(--pitch-error);font-size:.875rem;line-height:1.375}.pitch-module__ksG-Rq__hint{color:var(--pitch-muted);margin-top:.75rem;font-size:.875rem;line-height:1.25rem}.pitch-module__ksG-Rq__readout{-moz-column-gap:2rem;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:flex-end;gap:.75rem 2rem;margin-top:1.5rem;display:flex}.pitch-module__ksG-Rq__readoutNote{flex-direction:column;display:flex}.pitch-module__ksG-Rq__bigNote{font-size:3rem;font-weight:600;line-height:1}@media (min-width:640px){.pitch-module__ksG-Rq__bigNote{font-size:3.75rem;line-height:1}}.pitch-module__ksG-Rq__bigNote{min-width:3ch}.pitch-module__ksG-Rq__stats{-moz-column-gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 2rem;display:grid}@media (min-width:640px){.pitch-module__ksG-Rq__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.pitch-module__ksG-Rq__stat{flex-direction:column;display:flex}.pitch-module__ksG-Rq__statLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--pitch-muted);font-size:.75rem;font-weight:600;line-height:1rem}.pitch-module__ksG-Rq__statValue{white-space:nowrap;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:600;line-height:1.75rem;display:inline-flex}.pitch-module__ksG-Rq__check{width:1.25rem;height:1.25rem;color:var(--pitch-in-tune)}.pitch-module__ksG-Rq__targetValue{color:var(--pitch-band-label)}.pitch-module__ksG-Rq__graph{width:100%;height:24rem;margin-top:1rem;position:relative}@media (min-width:640px){.pitch-module__ksG-Rq__graph{height:36rem}}.pitch-module__ksG-Rq__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pitch-module__ksG-Rq__legend{-moz-column-gap:1.5rem;color:var(--pitch-muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.75rem;font-size:.875rem;line-height:1.25rem;display:flex}.pitch-module__ksG-Rq__legendItem{align-items:center;gap:.5rem;display:inline-flex}.pitch-module__ksG-Rq__zoom{-moz-column-gap:.75rem;border-top-width:1px;border-color:var(--pitch-border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1.25rem;padding-top:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.pitch-module__ksG-Rq__zoomLabel{font-weight:600}.pitch-module__ksG-Rq__stepper{border-width:1px;border-color:var(--pitch-border);border-radius:.375rem;align-items:center;display:inline-flex}.pitch-module__ksG-Rq__stepButton{background:var(--pitch-button);width:2rem;height:1.75rem;font-size:1rem;font-weight:600;line-height:1}.pitch-module__ksG-Rq__stepButton:first-child{border-right-width:1px;border-color:var(--pitch-border);border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pitch-module__ksG-Rq__stepButton:last-child{border-left-width:1px;border-color:var(--pitch-border);border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.pitch-module__ksG-Rq__stepButton:disabled{cursor:not-allowed;opacity:.4}.pitch-module__ksG-Rq__stepValue{text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction);min-width:6.5rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;font-weight:600;line-height:1rem}.pitch-module__ksG-Rq__stepButton:focus-visible{outline:2px solid var(--pitch-focus);outline-offset:2px}