.single-note-pitch.svelte-s9sf1f{position:relative;background:#fffcf7a6;border:1px solid rgba(215,227,220,.25);border-radius:12px;overflow:hidden}.pitch-area.svelte-s9sf1f{position:relative;display:flex}.pitch-svg.svelte-s9sf1f{display:block;flex-shrink:0}.nine-line.svelte-s9sf1f{stroke-width:1}.nine-line.inner.svelte-s9sf1f{stroke:#50463a8c}.nine-line.outer.svelte-s9sf1f{stroke:#50463a2e}.y-label.svelte-s9sf1f{font-size:8.5px;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.y-label-inner.svelte-s9sf1f{fill:#4a5c52;font-weight:600}.y-label-outer.svelte-s9sf1f{fill:#66756e52;font-weight:400}.trace-path.svelte-s9sf1f{fill:none;stroke:#d9772bd6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(217,119,43,.15))}.pitch-dot.svelte-s9sf1f{stroke:#fff;stroke-width:2;transition:cy 80ms ease-out}.pitch-dot-ring.svelte-s9sf1f{fill:none;opacity:.3;stroke-width:1.5}.hint-text.svelte-s9sf1f{font-size:14px;fill:#64646480;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.pitch-card.svelte-s9sf1f{position:absolute;right:0;top:0;width:12%;display:flex;align-items:center;justify-content:center;pointer-events:none}.card-inner.svelte-s9sf1f{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:#ffffffeb;border:1px solid rgba(215,227,220,.4);border-radius:10px;box-shadow:0 2px 12px #0000000f;min-width:64px}.card-inner.on-target.svelte-s9sf1f{border-color:#10b98180;background:#f0fdf4f2}.card-note.svelte-s9sf1f{font-size:1.3rem;font-weight:700;color:var(--text-strong, #1a2e23);line-height:1;transition:color .2s}.card-inner.on-target.svelte-s9sf1f .card-note:where(.svelte-s9sf1f){color:#10b981}.card-note.bounce.svelte-s9sf1f{animation:svelte-s9sf1f-note-bounce .5s ease infinite alternate}@keyframes svelte-s9sf1f-note-bounce{0%{font-size:1.2rem}to{font-size:1.4rem}}.card-hz.svelte-s9sf1f{font-size:.72rem;color:var(--text, #4a5c52);opacity:.7;white-space:nowrap}.mic-toggle.svelte-1wbombv{display:inline-flex;align-items:center;gap:8px;min-width:150px;padding:10px 16px;border:1px solid var(--brand-primary, #2a7a5b);border-radius:8px;background:var(--brand-primary, #2a7a5b);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s ease,color .15s ease;justify-content:center}.mic-toggle.active.svelte-1wbombv{background:#fff;color:var(--brand-primary, #2a7a5b)}.mic-toggle.svelte-1wbombv:disabled{opacity:.65;cursor:wait}.mic-icon.svelte-1wbombv{flex-shrink:0}.fingering-chart-page.svelte-4rpyah{background:#fff;color:var(--text-strong)}.hero.svelte-4rpyah{background:#fcfdfc;min-height:20vh;display:grid}.hero-inner.svelte-4rpyah,.chart-inner.svelte-4rpyah{width:90%;max-width:1280px;margin:0 auto}.hero-inner.svelte-4rpyah{display:grid;align-content:center;padding:calc(var(--page-header-clearance) + 16px) 0 20px}.eyebrow.svelte-4rpyah{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--brand-primary);text-transform:uppercase}h1.svelte-4rpyah{margin:8px 0 0;font-size:clamp(1.8rem,4vw,3rem);line-height:.95;letter-spacing:-.04em}.subtitle.svelte-4rpyah{margin:10px 0 0;max-width:52ch;font-size:1rem;line-height:1.65;color:var(--text)}.chart-section.svelte-4rpyah{padding:24px 0 48px;background:#fff}.chart-inner.svelte-4rpyah{display:grid;gap:20px}.chart-inner.layout-right.svelte-4rpyah{grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.chart-inner.layout-right.svelte-4rpyah .top-bar:where(.svelte-4rpyah){grid-column:1 / -1}.chart-inner.layout-right.svelte-4rpyah .pane-pitch:where(.svelte-4rpyah){grid-column:1;grid-row:2;min-width:0}.chart-inner.layout-right.svelte-4rpyah .pane-fingering:where(.svelte-4rpyah){grid-column:2;grid-row:2;align-self:stretch}.top-bar.svelte-4rpyah{display:flex;align-items:center;gap:14px}.mic-error.svelte-4rpyah{color:#a13d2d;font-size:.88rem;margin:0}.pane-pitch.svelte-4rpyah{min-width:0}.pane-fingering.svelte-4rpyah{border:1px solid rgba(215,227,220,.25);border-radius:12px;background:#fffcf7a6;overflow:hidden}@media(max-width:800px){.hero-inner.svelte-4rpyah,.chart-inner.svelte-4rpyah{width:auto;padding-left:12px;padding-right:12px}.chart-inner.layout-right.svelte-4rpyah{grid-template-columns:1fr;grid-template-rows:auto auto auto}.chart-inner.layout-right.svelte-4rpyah .pane-pitch:where(.svelte-4rpyah){grid-column:1;grid-row:2}.chart-inner.layout-right.svelte-4rpyah .pane-fingering:where(.svelte-4rpyah){grid-column:1;grid-row:3}}