.atlas-host.svelte-19b8tu7{position:absolute;left:-100000px;top:0;width:8000px;height:200px;visibility:hidden;pointer-events:none}.scrolling-notation.svelte-svwsx4{display:block;width:100%;background:var(--soft);border:1px solid var(--line)}.staff-line.svelte-svwsx4{stroke:var(--color-text-secondary);stroke-width:1;fill:none}.staff-line-faint.svelte-svwsx4{stroke:var(--color-state-neutral);stroke-opacity:.35;stroke-width:1;fill:none}.pitch-label.svelte-svwsx4{fill:var(--color-text-primary);font-size:9px;letter-spacing:.02em;font-weight:500;transition:font-size .12s ease,font-weight .12s ease}.pitch-label.active.svelte-svwsx4{font-size:10px;font-weight:650}.now-cursor.svelte-svwsx4{stroke:var(--color-state-neutral);stroke-width:1;stroke-dasharray:4 4;fill:none}.loading-text.svelte-svwsx4,.hint.svelte-svwsx4{fill:var(--color-text-muted);font-size:.9rem}.embed-chart.svelte-38td3l{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(32px,6vw,72px) 0;border-top:1px solid var(--line)}.embed-preview.svelte-38td3l{padding:12px;background:var(--soft);border:1px solid var(--line);overflow-x:auto}.embed-preview.svelte-38td3l img:where(.svelte-38td3l){display:block;width:100%;min-width:580px;height:auto}.embed-copy.svelte-38td3l{display:grid;gap:14px}.embed-kicker.svelte-38td3l{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}h2.svelte-38td3l{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.05}.embed-copy.svelte-38td3l>p:where(.svelte-38td3l):not(.embed-kicker){margin:0;color:var(--text);line-height:1.65}code.svelte-38td3l{display:block;max-height:112px;overflow:auto;padding:12px;border:1px solid var(--line);background:var(--page-bg);font-size:.72rem;line-height:1.55;word-break:break-all}.embed-actions.svelte-38td3l{display:flex;flex-wrap:wrap;gap:10px}.embed-actions.svelte-38td3l a:where(.svelte-38td3l),.embed-actions.svelte-38td3l button:where(.svelte-38td3l){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:inherit;font-size:.86rem;font-weight:680;text-decoration:none;cursor:pointer}.embed-actions.svelte-38td3l a:where(.svelte-38td3l):hover,.embed-actions.svelte-38td3l a:where(.svelte-38td3l):focus-visible,.embed-actions.svelte-38td3l button:where(.svelte-38td3l):hover,.embed-actions.svelte-38td3l button:where(.svelte-38td3l):focus-visible{border-color:var(--brand);background:var(--soft);color:var(--brand);outline:none}@media(max-width:820px){.embed-chart.svelte-38td3l{grid-template-columns:1fr}}@media print{.embed-chart.svelte-38td3l{display:none}}.mic-toggle.svelte-1wbombv{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-width:150px;padding:10px 18px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:var(--color-text-on-accent);font-family:var(--font-mono);font-weight:500;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;justify-content:center;overflow:hidden;transition:color .18s var(--ease, ease);box-shadow:var(--shadow-sm)}.mic-toggle.svelte-1wbombv:before{content:"";position:absolute;inset:0;background:var(--brand);transform:translateY(100%);transition:transform .32s var(--ease, ease);z-index:-1}.mic-toggle.svelte-1wbombv:hover:not(:disabled):before,.mic-toggle.svelte-1wbombv:focus-visible:not(:disabled):before{transform:translateY(0)}.mic-toggle.active.svelte-1wbombv{background:var(--surface);color:var(--ink);border-color:var(--brand)}.mic-toggle.active.svelte-1wbombv:before{transform:translateY(0)}.mic-toggle.active.svelte-1wbombv:hover:not(:disabled),.mic-toggle.active.svelte-1wbombv:focus-visible:not(:disabled){color:var(--color-text-on-accent)}.mic-toggle.svelte-1wbombv:disabled{opacity:.5;cursor:wait}.mic-icon.svelte-1wbombv{flex-shrink:0}.fingering-chart-page.svelte-4rpyah{background:radial-gradient(circle at 84% 6%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 24rem),var(--page-bg);color:var(--ink)}.hero.svelte-4rpyah{background:linear-gradient(110deg,rgba(255,255,255,.34),transparent 52%);min-height:20vh;display:grid;border-bottom:1px solid var(--line)}.hero-inner.svelte-4rpyah,.chart-inner.svelte-4rpyah,.reference-inner.svelte-4rpyah{width:min(1144px,calc(100% - 36px));margin:0 auto}.hero-inner.svelte-4rpyah{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:var(--section-space) 0 var(--section-space-tight)}.eyebrow.svelte-4rpyah{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-mono);font-size:.7rem;font-weight:650;letter-spacing:.13em;color:var(--brand);text-transform:uppercase}.eyebrow.svelte-4rpyah:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}h1.svelte-4rpyah{max-width:13ch;margin:14px 0 0;font-size:clamp(2.6rem,6vw,5.55rem);line-height:.95;letter-spacing:-.052em}.subtitle.svelte-4rpyah{margin:10px 0 0;max-width:68ch;font-size:1rem;line-height:1.65;color:var(--text)}.hero-actions.svelte-4rpyah{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-bottom:2px}.hero-actions.svelte-4rpyah button:where(.svelte-4rpyah),.hero-actions.svelte-4rpyah a:where(.svelte-4rpyah){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:.88rem;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:color .18s ease,border-color .18s ease,background .18s ease}.hero-actions.svelte-4rpyah button:where(.svelte-4rpyah):hover,.hero-actions.svelte-4rpyah button:where(.svelte-4rpyah):focus-visible,.hero-actions.svelte-4rpyah a:where(.svelte-4rpyah):hover,.hero-actions.svelte-4rpyah a:where(.svelte-4rpyah):focus-visible{border-color:var(--brand);background:var(--soft);color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-1px);outline:none}.chart-section.svelte-4rpyah{padding:var(--section-space-tight) 0;background:transparent}.chart-inner.svelte-4rpyah{display:grid;gap:20px;padding:var(--surface-pad);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md)}.control-bar.svelte-4rpyah{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:0 0 18px;border-bottom:1px solid var(--line)}.lookup-status.svelte-4rpyah{display:grid;gap:6px;min-width:min(100%,420px)}.control-label.svelte-4rpyah{margin:0;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand)}.lookup-empty.svelte-4rpyah{margin:0;font-size:.9rem;line-height:1.55;color:var(--text)}.selected-note.svelte-4rpyah{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.selected-note.svelte-4rpyah strong:where(.svelte-4rpyah){font-family:var(--font-mono);font-size:1.45rem;letter-spacing:-.04em}.selected-note.svelte-4rpyah>div:where(.svelte-4rpyah){display:flex;flex-wrap:wrap;gap:6px}.selected-note.svelte-4rpyah span:where(.svelte-4rpyah){display:inline-flex;padding:4px 8px;background:var(--soft);border-radius:var(--radius);font-size:.78rem;color:var(--text)}.mic-controls.svelte-4rpyah{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.mic-error.svelte-4rpyah{color:var(--color-state-danger);font-size:.88rem;margin:0}.pane-pitch.svelte-4rpyah{min-width:0;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.pane-fingering.svelte-4rpyah{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);box-shadow:var(--shadow-sm);overflow-x:auto}.reference-section.svelte-4rpyah{padding:var(--section-space) 0;background:var(--soft);border-top:1px solid var(--line)}.reference-heading.svelte-4rpyah{display:grid;max-width:760px;gap:12px}.reference-heading.svelte-4rpyah h2:where(.svelte-4rpyah),.next-links.svelte-4rpyah h2:where(.svelte-4rpyah){margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.reference-heading.svelte-4rpyah>p:where(.svelte-4rpyah):last-child{margin:0;max-width:65ch;line-height:1.65;color:var(--text)}.table-scroll.svelte-4rpyah{margin-top:26px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}table.svelte-4rpyah{width:100%;min-width:940px;border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums}th.svelte-4rpyah,td.svelte-4rpyah{min-width:62px;padding:12px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:.78rem}th.svelte-4rpyah:first-child{position:sticky;left:0;z-index:1;min-width:150px;background:var(--surface);text-align:left}thead.svelte-4rpyah th:where(.svelte-4rpyah){background:var(--ink);color:var(--color-text-on-accent)}thead.svelte-4rpyah th:where(.svelte-4rpyah):first-child{background:var(--ink)}td.slide-in.svelte-4rpyah{background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--ink)}.explanations.svelte-4rpyah{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:var(--section-space-tight)}.explanations.svelte-4rpyah article:where(.svelte-4rpyah){min-height:180px;padding:var(--surface-pad);border:1px solid var(--line);border-radius:var(--radius);background:var(--page-bg);box-shadow:var(--shadow-sm)}.explanations.svelte-4rpyah .pattern-explanation:where(.svelte-4rpyah){grid-column:1 / -1;min-height:auto}.explanation-number.svelte-4rpyah{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--brand)}.explanations.svelte-4rpyah h3:where(.svelte-4rpyah){margin:28px 0 0;font-size:1.3rem;letter-spacing:-.03em}.explanations.svelte-4rpyah article:where(.svelte-4rpyah)>p:where(.svelte-4rpyah):last-child{margin:12px 0 0;max-width:64ch;line-height:1.68;color:var(--text)}.next-links.svelte-4rpyah{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:clamp(48px,6vw,72px)}.next-links.svelte-4rpyah div:where(.svelte-4rpyah){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.next-links.svelte-4rpyah a:where(.svelte-4rpyah){display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--brand-dark);font-weight:700;text-decoration:none}.next-links.svelte-4rpyah a:where(.svelte-4rpyah):hover,.next-links.svelte-4rpyah a:where(.svelte-4rpyah):focus-visible{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media(max-width:800px){.hero-inner.svelte-4rpyah,.chart-inner.svelte-4rpyah,.reference-inner.svelte-4rpyah{width:calc(100% - 36px)}.hero-inner.svelte-4rpyah,.control-bar.svelte-4rpyah,.next-links.svelte-4rpyah{flex-direction:column;align-items:flex-start}.hero-actions.svelte-4rpyah,.next-links.svelte-4rpyah div:where(.svelte-4rpyah){justify-content:flex-start}.explanations.svelte-4rpyah{grid-template-columns:1fr}.explanations.svelte-4rpyah .pattern-explanation:where(.svelte-4rpyah){grid-column:auto}.chart-inner.svelte-4rpyah{padding:18px}.hero-actions.svelte-4rpyah{width:100%}.hero-actions.svelte-4rpyah>:where(.svelte-4rpyah){flex:1 1 160px}}@media(prefers-reduced-motion:reduce){.hero-actions.svelte-4rpyah button:where(.svelte-4rpyah),.hero-actions.svelte-4rpyah a:where(.svelte-4rpyah){transition:none}}@media print{.fingering-chart-page.svelte-4rpyah{background:#fff;color:#111}.hero-actions.svelte-4rpyah,.control-bar.svelte-4rpyah,.pane-pitch.svelte-4rpyah,.explanations.svelte-4rpyah,.next-links.svelte-4rpyah{display:none}.hero-inner.svelte-4rpyah,.chart-inner.svelte-4rpyah,.reference-inner.svelte-4rpyah{width:100%;max-width:none;padding:12px 0}.hero.svelte-4rpyah{min-height:0}.chart-section.svelte-4rpyah,.reference-section.svelte-4rpyah{padding:8px 0;background:#fff}.table-scroll.svelte-4rpyah,.pane-fingering.svelte-4rpyah{overflow:visible}table.svelte-4rpyah{min-width:0;font-size:8pt}th.svelte-4rpyah,td.svelte-4rpyah{min-width:0;padding:5px 3px}}