.ocarina-note[data-v-48bd0f76]{--note-color:#176b63;width:112px;color:var(--note-color);justify-items:center;margin:0;display:grid}.ocarina-note[data-octave="4"][data-v-48bd0f76]{--note-color:#a45b16}.ocarina-note[data-octave="6"][data-v-48bd0f76]{--note-color:#7c49a8}svg[data-v-48bd0f76]{width:100%;display:block}.body[data-v-48bd0f76]{fill:#f7f8f8;stroke:#55615f;stroke-width:1.5px}.hole[data-v-48bd0f76]{fill:#fff;stroke:#55615f;stroke-width:1.3px}.hole.covered[data-v-48bd0f76]{fill:var(--note-color);stroke:var(--note-color)}figcaption[data-v-48bd0f76]{font:600 1rem/1.5 system-ui,sans-serif}.ocarina-song[data-v-c182cdce]{flex-wrap:wrap;align-items:start;gap:1.25rem .5rem;min-width:0;display:flex}.song-sections[data-v-c182cdce]{gap:2rem;display:grid}.song-section[data-v-c182cdce]{border:1px solid #d5dfdb;border-radius:.75rem;overflow:hidden}h3[data-v-c182cdce]{background:#edf3f0;margin:0;padding:.75rem 1rem;font-size:1rem}.phrase[data-v-c182cdce]{padding:1rem .5rem}.phrase+.phrase[data-v-c182cdce]{border-top:1px solid #e4eae7}.phrase-number[data-v-c182cdce]{color:#65716e;font-variant-numeric:tabular-nums;margin:0 0 .5rem .5rem;font-size:.75rem;display:block}.note-button[data-v-c182cdce]{color:inherit;font:inherit;background:0 0;border:0;border-radius:.5rem;padding:0;display:block}.note-button[data-v-c182cdce]:enabled{cursor:pointer}.note-button.current[data-v-c182cdce]{outline-offset:2px;background:#e0f1e9;outline:3px solid #176b63}.note-button.played[data-v-c182cdce]{opacity:.55}.note-button[data-v-c182cdce]:focus-visible{outline:3px solid #a45b16}.pitch-panel[data-v-1cb47c72]{border-top:1px solid #e4eae7;margin-top:.5rem;padding-top:.4rem}.pitch-heading[data-v-1cb47c72]{color:#65716e;align-items:center;gap:.35rem;font-size:.7rem;line-height:1;display:flex}.signal-dot[data-v-1cb47c72]{background:#c7d2ce;border-radius:50%;width:5px;height:5px}.signal-dot.live[data-v-1cb47c72]{background:#176b63}.pitch-scale[data-v-1cb47c72]{height:62px;margin:0 13px;position:relative}.pitch-rail[data-v-1cb47c72]{background:linear-gradient(90deg,#a45b1626 0% 12.5%,#176b6326 12.5% 72.5%,#7c49a826 72.5% 100%);border-radius:4px;width:100%;height:4px;position:absolute;top:29px}.scale-note[data-v-1cb47c72]{height:100%;color:var(--note-color);position:absolute;top:0}.note-tick[data-v-1cb47c72]{opacity:.4;background:currentColor;width:1px;height:12px;position:absolute;top:25px}.accidental .note-tick[data-v-1cb47c72]{height:8px;top:27px}.note-label[data-v-1cb47c72]{white-space:nowrap;opacity:calc(.8 + var(--strength) * .2);border-radius:3px;padding:1px 2px;font-size:.75rem;font-weight:650;line-height:1;position:absolute;top:41px;transform:translate(-50%)}.note-label sup[data-v-1cb47c72]{font-size:.55em;position:absolute;top:-1px}.accidental .note-label[data-v-1cb47c72]{font-size:.65rem;top:8px}.note-glow[data-v-1cb47c72]{width:24px;height:17px;opacity:calc(var(--strength) * .18);background:currentColor;border-radius:4px;position:absolute;top:39px;transform:translate(-50%)}.accidental .note-glow[data-v-1cb47c72]{top:5px}.pitch-marker[data-v-1cb47c72]{background:var(--marker-color);border-radius:2px;width:2px;height:22px;position:absolute;top:20px;transform:translate(-50%);box-shadow:0 0 0 2px #ffffffb3}.pitch-marker span[data-v-1cb47c72]{background:var(--marker-color);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.stale .pitch-marker[data-v-1cb47c72]{opacity:.35}.stale .note-glow[data-v-1cb47c72]{opacity:calc(var(--strength) * .18 * .35)}@media (width>=600px){.note-label[data-v-1cb47c72]{font-size:.8rem}.accidental .note-label[data-v-1cb47c72]{font-size:.75rem}}.level-panel[data-v-914c7d0a]{flex:1;min-width:64px;max-width:24rem;margin-left:auto}.level-heading[data-v-914c7d0a]{color:#65716e;justify-content:space-between;align-items:baseline;gap:.25rem;margin-bottom:.3rem;font-size:.65rem;line-height:1;display:flex}.level-percent[data-v-914c7d0a]{text-align:right;font-variant-numeric:tabular-nums;color:#253b37;min-width:4ch}.level-track[data-v-914c7d0a]{background:#e8eeeb;border-radius:5px;height:5px;overflow:hidden}.level-fill[data-v-914c7d0a]{border-radius:inherit;transform-origin:0;background:#337e70;width:100%;height:100%;transition:transform 90ms linear}@media (prefers-reduced-motion:reduce){.level-fill[data-v-914c7d0a]{transition:none}}main[data-v-d5f4f1a0]{color:#253b37;max-width:1080px;margin:0 auto;padding:2.5rem 1rem;font-family:system-ui,sans-serif}header[data-v-d5f4f1a0]{margin-bottom:2.5rem}.song-picker[data-v-d5f4f1a0]{gap:.5rem;margin-bottom:2rem;display:grid}.song-picker label[data-v-d5f4f1a0]{font-weight:600}.song-picker select[data-v-d5f4f1a0]{box-sizing:border-box;width:100%;min-width:0;min-height:48px;color:inherit;font:inherit;background:#fff;border:1px solid #65716e;border-radius:.5rem;padding:.75rem;font-size:1rem}.song-picker select[data-v-d5f4f1a0]:focus-visible{outline-offset:3px;outline:2px solid #176b63}.song-title[data-v-d5f4f1a0]{margin:.4rem 0 1rem;font-size:clamp(2rem,5vw,3rem)}.site-title[data-v-d5f4f1a0]{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:1.25rem}.eyebrow[data-v-d5f4f1a0]{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}.hint[data-v-d5f4f1a0]{color:#65716e;font-size:.875rem}.octave-legend[data-v-d5f4f1a0]{flex-wrap:wrap;gap:.75rem 1.25rem;padding:0;font-size:.875rem;list-style:none;display:flex}.octave-legend li[data-v-d5f4f1a0]{align-items:center;gap:.4rem;display:flex}.dot[data-v-d5f4f1a0]{border-radius:50%;width:.8rem;height:.8rem}.octave-4[data-v-d5f4f1a0]{background:#a45b16}.octave-5[data-v-d5f4f1a0]{background:#176b63}.octave-6[data-v-d5f4f1a0]{background:#7c49a8}section+section[data-v-d5f4f1a0]{margin-top:2.5rem}h2[data-v-d5f4f1a0]{margin-bottom:1.25rem;font-size:1.1rem}.browser-warning[data-v-d5f4f1a0]{background:#fff5e8;border-left:3px solid #a45b16;padding:.75rem 1rem;font-size:.9rem}.follower[data-v-d5f4f1a0]{background:#fff;border:1px solid #d5dfdb;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem}.follower.enabled[data-v-d5f4f1a0]{z-index:2;position:sticky;top:0;box-shadow:0 3px 12px #253b3714}.mode-controls[data-v-d5f4f1a0]{flex-wrap:wrap;gap:.4rem;display:flex}.mode-controls+.follow-controls[data-v-d5f4f1a0]{margin-top:.6rem}.mode-controls button[aria-pressed=true][data-v-d5f4f1a0]{background:#e0f1e9;border-color:#176b63}.availability-note[data-v-d5f4f1a0]{color:#65716e;margin:.5rem 0 0;font-size:.75rem}.speed-control[data-v-d5f4f1a0]{align-items:center;gap:.4rem;margin-left:auto;font-size:.8rem;display:flex}.play-controls[data-v-d5f4f1a0]{flex-wrap:wrap}.follower button[data-v-d5f4f1a0]:disabled,.follower select[data-v-d5f4f1a0]:disabled{opacity:.5;cursor:default}.follow-controls[data-v-d5f4f1a0]{align-items:center;gap:.5rem;display:flex}.follow-status[data-v-d5f4f1a0]{margin-top:.5rem;font-size:.85rem}.follower button[data-v-d5f4f1a0],.microphone-options select[data-v-d5f4f1a0],.follower select[data-v-d5f4f1a0]{min-height:32px;color:inherit;font:inherit;background:#fff;border:1px solid #65716e;border-radius:.4rem;max-width:100%;padding:.25rem .6rem;font-size:.875rem}.follower button[data-v-d5f4f1a0]{cursor:pointer;white-space:nowrap;flex-shrink:0}.follower .close-follow[data-v-d5f4f1a0]{min-width:32px;font-size:1.1rem;line-height:1}.follower .primary[data-v-d5f4f1a0]{color:#fff;background:#176b63}.follower button[data-v-d5f4f1a0]:focus-visible,.microphone-options[data-v-d5f4f1a0] :is(select,summary):focus-visible{outline-offset:2px;outline:2px solid #176b63}.microphone-options[data-v-d5f4f1a0]{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.follow-settings[data-v-d5f4f1a0]{flex:12rem;font-size:.85rem}.follow-settings summary[data-v-d5f4f1a0]{cursor:pointer;padding:.25rem 0}.follow-settings label[data-v-d5f4f1a0]{gap:.4rem;margin:.75rem 0;display:grid}.follow-message[data-v-d5f4f1a0]{margin:.5rem 0;font-size:.9rem}@media (width<=480px){.follow-controls[data-v-d5f4f1a0]{gap:.375rem}.follower.enabled button[data-v-d5f4f1a0]{padding-inline:.5rem;font-size:.875rem}}