.st-piano{width:100%;overflow-x:auto;padding:.5rem 0}.st-piano__keys{position:relative;height:120px;margin:0 auto;width:fit-content}.piano-key{position:absolute;border-radius:0 0 5px 5px;cursor:default;transition:background .15s,box-shadow .15s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:.6rem;user-select:none}.piano-key--white{width:32px;height:110px;background:#f0f0f0;border:1px solid #ccc;z-index:1;color:#00000073}.piano-key--black{width:20px;height:68px;background:#333;border:1px solid #222;z-index:2;color:#fff6}.piano-key.is-target{background:#06b6d440!important;border-color:#06b6d4}.piano-key.is-target.piano-key--black{background:#06b6d459!important}.piano-key.is-detected{background:linear-gradient(180deg,#22d3ee,#06b6d4)!important;box-shadow:0 0 16px #06b6d499;color:#0b0b14;animation:keyPulse .5s ease-in-out infinite alternate}@keyframes keyPulse{0%{box-shadow:0 0 10px #06b6d466}to{box-shadow:0 0 24px #06b6d4cc}}@media(max-width:640px){.piano-key--white{width:26px;height:90px}.piano-key--black{width:16px;height:56px}}.st-container[data-astro-cid-dj2ikfay]{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:380px}.st-step[data-astro-cid-dj2ikfay]{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.st-step[data-astro-cid-dj2ikfay][hidden]{display:none!important}.st-step__label[data-astro-cid-dj2ikfay]{font-size:1rem;font-weight:600;color:#ffffffd9;margin:0}.st-fineprint[data-astro-cid-dj2ikfay]{font-size:.8rem;color:#ffffff80;text-align:center;margin:0}.st-voice-btns[data-astro-cid-dj2ikfay]{display:flex;gap:1rem;width:100%;max-width:400px}.st-voice-btn[data-astro-cid-dj2ikfay]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem;border-radius:1rem;border:2px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .08s}.st-voice-btn[data-astro-cid-dj2ikfay]:hover{border-color:rgba(var(--accentRing),.5);background:rgba(var(--accentRing),.08)}.st-voice-btn[data-astro-cid-dj2ikfay].is-selected{border-color:var(--accentFrom);background:rgba(var(--accentRing),.15);box-shadow:0 0 0 3px rgba(var(--accentRing),.3),0 0 24px rgba(var(--accentRing),.2)}.st-voice-btn__icon[data-astro-cid-dj2ikfay]{font-size:2rem;line-height:1}.st-voice-btn__label[data-astro-cid-dj2ikfay]{font-size:1.1rem;font-weight:700}.st-voice-btn__range[data-astro-cid-dj2ikfay]{font-size:.8rem;color:#ffffff8c}.st-start-btn[data-astro-cid-dj2ikfay]{appearance:none;padding:.75rem 2.5rem;border-radius:999px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--accentFrom),var(--accentTo));color:#0b0b14;transition:opacity .15s,transform .08s}.st-start-btn[data-astro-cid-dj2ikfay]:disabled{opacity:.4;cursor:not-allowed}.st-start-btn[data-astro-cid-dj2ikfay]:not(:disabled):hover{filter:brightness(1.08)}.st-start-btn[data-astro-cid-dj2ikfay]:not(:disabled):active{transform:scale(.97)}.st-dots[data-astro-cid-dj2ikfay]{display:flex;gap:.75rem;align-items:center}.st-dot[data-astro-cid-dj2ikfay]{width:14px;height:14px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.18);transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.st-dot[data-astro-cid-dj2ikfay].is-current{background:var(--accentFrom);border-color:var(--accentFrom);box-shadow:0 0 10px rgba(var(--accentRing),.5);transform:scale(1.25)}.st-dot[data-astro-cid-dj2ikfay].is-done{background:var(--accentTo);border-color:var(--accentTo);box-shadow:0 0 6px rgba(var(--accentRing),.3)}.st-target[data-astro-cid-dj2ikfay]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.15rem}.st-target__mic[data-astro-cid-dj2ikfay]{color:#ffffff80;transition:color .3s}.st-target__mic[data-astro-cid-dj2ikfay].is-recording{color:#ef4444;animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{0%,to{opacity:1}50%{opacity:.4}}.st-target__note[data-astro-cid-dj2ikfay]{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--accentFrom),var(--accentTo));-webkit-background-clip:text;background-clip:text;color:transparent}.st-target__freq[data-astro-cid-dj2ikfay]{font-size:.85rem;color:#ffffff80;margin:0}.st-meter[data-astro-cid-dj2ikfay]{width:100%;max-width:400px;text-align:center}.st-meter__track[data-astro-cid-dj2ikfay]{display:flex;align-items:center;gap:.5rem}.st-meter__label[data-astro-cid-dj2ikfay]{font-size:.75rem;color:#ffffff80;min-width:32px}.st-meter__label--flat[data-astro-cid-dj2ikfay]{text-align:right}.st-meter__label--sharp[data-astro-cid-dj2ikfay]{text-align:left}.st-meter__bar[data-astro-cid-dj2ikfay]{flex:1;height:12px;border-radius:999px;background:#ffffff14;position:relative;overflow:hidden}.st-meter__center[data-astro-cid-dj2ikfay]{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff4d;transform:translate(-50%)}.st-meter__needle[data-astro-cid-dj2ikfay]{position:absolute;top:0;bottom:0;width:6px;border-radius:999px;background:linear-gradient(180deg,var(--accentFrom),var(--accentTo));left:50%;transform:translate(-50%);transition:left .08s ease-out;box-shadow:0 0 8px rgba(var(--accentRing),.5)}.st-meter__cents[data-astro-cid-dj2ikfay]{font-size:.85rem;color:#ffffffb3;margin:.4rem 0 0}.st-timer[data-astro-cid-dj2ikfay]{width:100%;max-width:400px}.st-timer__bar[data-astro-cid-dj2ikfay]{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.st-timer__fill[data-astro-cid-dj2ikfay]{height:100%;width:100%;background:linear-gradient(90deg,var(--accentFrom),var(--accentTo));border-radius:999px;transition:width .1s linear}.st-test-actions[data-astro-cid-dj2ikfay]{display:flex;gap:.5rem}.st-action-btn[data-astro-cid-dj2ikfay]{appearance:none;padding:.5rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.st-action-btn--ghost[data-astro-cid-dj2ikfay]{border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#fff}.st-action-btn--ghost[data-astro-cid-dj2ikfay]:hover{border-color:rgba(var(--accentRing),.5);background:rgba(var(--accentRing),.12)}.st-action-btn--solid[data-astro-cid-dj2ikfay]{border:none;background:linear-gradient(135deg,var(--accentFrom),var(--accentTo));color:#0b0b14}.st-action-btn--solid[data-astro-cid-dj2ikfay]:hover{filter:brightness(1.08)}.st-action-btn[data-astro-cid-dj2ikfay]:active{transform:scale(.97)}.st-score[data-astro-cid-dj2ikfay]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.st-score__ring[data-astro-cid-dj2ikfay]{position:relative;width:130px;height:130px}.st-score__ring[data-astro-cid-dj2ikfay] svg[data-astro-cid-dj2ikfay]{width:100%;height:100%}.st-score__value[data-astro-cid-dj2ikfay]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accentFrom),var(--accentTo));-webkit-background-clip:text;background-clip:text;color:transparent}.st-score__label[data-astro-cid-dj2ikfay]{font-size:.9rem;color:#fff9;margin:0}.st-results-grid[data-astro-cid-dj2ikfay]{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%;max-width:500px}.st-result-cell[data-astro-cid-dj2ikfay]{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.st-result-cell__note[data-astro-cid-dj2ikfay]{font-size:.95rem;font-weight:700;color:#fff}.st-result-cell__cents[data-astro-cid-dj2ikfay]{font-size:.75rem;color:#fff9}.st-result-cell__bar[data-astro-cid-dj2ikfay]{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:.2rem}.st-result-cell__fill[data-astro-cid-dj2ikfay]{height:100%;border-radius:999px;transition:width .4s ease}.st-verdict[data-astro-cid-dj2ikfay]{text-align:center;padding:.75rem 1.5rem;border-radius:1rem;background:rgba(var(--accentRing),.1);border:1px solid rgba(var(--accentRing),.2);font-size:.95rem;color:#ffffffd9;max-width:500px}.analyzer__toast[data-astro-cid-dj2ikfay]{margin:.75rem 0 0;text-align:center;font-size:.875rem;color:#ffffffd9;padding:.5rem .75rem;border-radius:.5rem;background:rgba(var(--accentRing),.18)}.analyzer__toast[data-astro-cid-dj2ikfay][hidden]{display:none!important}@media(max-width:640px){.st-voice-btns[data-astro-cid-dj2ikfay]{flex-direction:column}.st-results-grid[data-astro-cid-dj2ikfay]{grid-template-columns:repeat(5,1fr);gap:.3rem}.st-result-cell[data-astro-cid-dj2ikfay]{padding:.4rem .2rem}.st-result-cell__note[data-astro-cid-dj2ikfay]{font-size:.8rem}}