html{color:#000;font-family:system-ui,sans-serif}body{min-height:100vh;margin:0}.visually-hidden[data-astro-cid-gq6dmtfr]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero[data-astro-cid-gq6dmtfr]{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);width:100%;min-height:100vh;padding:clamp(2rem,6vw,5rem) 0 2.5rem;display:flex}.hero-text[data-astro-cid-gq6dmtfr]{flex-direction:column;align-items:center;gap:.75rem;padding:0 1.5rem;display:flex}h1[data-astro-cid-gq6dmtfr]{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:2rem;font-weight:500;display:flex}.beta-chip[data-astro-cid-gq6dmtfr]{letter-spacing:.08em;text-transform:uppercase;border:2px solid #222;border-radius:999px;padding:.12rem .6rem;font-size:.68rem;font-weight:800}.tagline[data-astro-cid-gq6dmtfr]{color:#555;text-align:center;max-width:36rem;margin:0;font-size:1rem;line-height:1.5}.cof-tool[data-astro-cid-gq6dmtfr]{box-sizing:border-box;background:#fafafa;border:4px solid #222;border-radius:clamp(1.5rem,4vw,3rem);width:min(640px,100% - 2rem);padding:clamp(1rem,2.5vw,1.75rem);box-shadow:0 10px #222}.mode-panel[data-astro-cid-gq6dmtfr]{box-sizing:border-box;background:#e8e8e8;border:3px solid #222;border-radius:1.25rem;margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:.85rem 1rem 1rem}.mode-row[data-astro-cid-gq6dmtfr]{flex-wrap:wrap;gap:.4rem;display:flex}.mode-button[data-astro-cid-gq6dmtfr]{box-sizing:border-box;color:#111;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #222;border-radius:999px;padding:.32rem .7rem;font-size:.75rem;font-weight:700}.mode-button[data-astro-cid-gq6dmtfr]:hover{background:#f0f0f0}.mode-button[data-astro-cid-gq6dmtfr].is-selected{color:#fff;background:#222}.mode-button[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:2px;outline:3px solid #666}.mode-blurb[data-astro-cid-gq6dmtfr]{color:#333;margin:.6rem 0 0;font-size:.8rem;line-height:1.35;display:grid}.mode-blurb[data-astro-cid-gq6dmtfr] span[data-astro-cid-gq6dmtfr]{visibility:hidden;grid-area:1/1}.mode-blurb[data-astro-cid-gq6dmtfr] span[data-astro-cid-gq6dmtfr].is-shown{visibility:visible}.wheel-panel[data-astro-cid-gq6dmtfr]{box-sizing:border-box;background:#fff;border:3px solid #222;border-radius:1.25rem;padding:clamp(.75rem,2vw,1.25rem)}.wheel[data-astro-cid-gq6dmtfr]{width:100%;max-width:460px;margin:0 auto;display:block}.segment[data-astro-cid-gq6dmtfr]{cursor:pointer}.wedge[data-astro-cid-gq6dmtfr]{fill:#fff;stroke:#222;stroke-width:2.5px}.segment[data-astro-cid-gq6dmtfr]:hover .wedge[data-astro-cid-gq6dmtfr]{fill:#f0f0f0}.segment[data-astro-cid-gq6dmtfr]:active .wedge[data-astro-cid-gq6dmtfr]{fill:#e0e0e0}.segment[data-astro-cid-gq6dmtfr].select-outer .wedge-major[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-inner .wedge-minor[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-both .wedge[data-astro-cid-gq6dmtfr]{fill:#222}.segment[data-astro-cid-gq6dmtfr].select-outer:active .wedge-major[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-inner:active .wedge-minor[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-both:active .wedge[data-astro-cid-gq6dmtfr]{fill:#444}.segment[data-astro-cid-gq6dmtfr]:focus:not(:focus-visible){outline:none}.segment[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:2px;outline:3px solid #666}.label-major[data-astro-cid-gq6dmtfr],.label-minor[data-astro-cid-gq6dmtfr]{fill:#222;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:700}.label-major[data-astro-cid-gq6dmtfr]{font-size:19px}.label-minor[data-astro-cid-gq6dmtfr]{font-size:13px;font-weight:600}.segment[data-astro-cid-gq6dmtfr].select-outer .label-major[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-inner .label-minor[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-both .label-major[data-astro-cid-gq6dmtfr],.segment[data-astro-cid-gq6dmtfr].select-both .label-minor[data-astro-cid-gq6dmtfr]{fill:#fff}.hub-circle[data-astro-cid-gq6dmtfr]{fill:#fff;stroke:#222;stroke-width:2.5px}.center-key[data-astro-cid-gq6dmtfr],.center-signature[data-astro-cid-gq6dmtfr],.center-relative[data-astro-cid-gq6dmtfr]{text-anchor:middle;dominant-baseline:central}.center-key[data-astro-cid-gq6dmtfr]{fill:#000;font-size:23px;font-weight:650}.center-signature[data-astro-cid-gq6dmtfr]{fill:#444;font-size:14px;font-weight:600}.center-relative[data-astro-cid-gq6dmtfr]{fill:#757575;font-size:11.5px}.notation-panel[data-astro-cid-gq6dmtfr],.chords-panel[data-astro-cid-gq6dmtfr]{box-sizing:border-box;background:#fff;border:3px solid #222;border-radius:1.25rem;margin-top:clamp(1rem,2.5vw,1.5rem);padding:.85rem 1rem .6rem}.notation-panel[data-astro-cid-gq6dmtfr]{padding-bottom:.4rem}.notation-head[data-astro-cid-gq6dmtfr]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.notation-head[data-astro-cid-gq6dmtfr] .panel-label[data-astro-cid-gq6dmtfr]{margin:0}.scale-controls[data-astro-cid-gq6dmtfr]{gap:.4rem;display:flex}.scale-button[data-astro-cid-gq6dmtfr]{box-sizing:border-box;color:#111;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #222;border-radius:.75rem;padding:.32rem .8rem;font-size:.78rem;font-weight:800}.scale-button[data-astro-cid-gq6dmtfr]:hover{background:#f0f0f0}.scale-button-primary[data-astro-cid-gq6dmtfr]{color:#fff;background:#222}.scale-button-primary[data-astro-cid-gq6dmtfr]:hover{background:#444}.scale-button[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:2px;outline:3px solid #666}.cof-staff[data-astro-cid-gq6dmtfr]{width:100%;overflow:hidden}.cof-staff[data-astro-cid-gq6dmtfr] svg{max-width:100%;margin:0 auto;display:block}.cof-staff[data-astro-cid-gq6dmtfr] .vf-stavenote{cursor:pointer}.cof-staff[data-astro-cid-gq6dmtfr] .vf-stavenote:focus:not(:focus-visible){outline:none}.cof-staff[data-astro-cid-gq6dmtfr] .vf-stavenote:focus-visible{outline-offset:2px;outline:3px solid #666}.cof-staff[data-astro-cid-gq6dmtfr] .vf-stavenote.is-sounding *{fill:#1e5fd0!important;stroke:#1e5fd0!important}.panel-label[data-astro-cid-gq6dmtfr]{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem;font-weight:750;display:block}.chord-row[data-astro-cid-gq6dmtfr]{flex-wrap:wrap;gap:.5rem;display:flex}.chord-chip[data-astro-cid-gq6dmtfr]{box-sizing:border-box;color:#222;min-width:3.4rem;min-height:44px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:2px solid #222;border-radius:.6rem;gap:.1rem;padding:.35rem .55rem .4rem;display:grid;box-shadow:0 3px #222}.chord-chip[data-astro-cid-gq6dmtfr]:hover{background:#f0f0f0}.chord-chip[data-astro-cid-gq6dmtfr]:active{box-shadow:none;transform:translateY(3px)}.chord-chip[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:2px;outline:3px solid #666}.chip-numeral[data-astro-cid-gq6dmtfr]{letter-spacing:.06em;color:#666;font-size:.62rem;font-weight:800}.chip-name[data-astro-cid-gq6dmtfr]{font-size:.9rem;font-weight:750}.audio-status[data-astro-cid-gq6dmtfr]{text-align:center;color:#666;min-height:1.1rem;margin:.6rem 0 0;font-size:.8rem;line-height:1.1rem}.quick-links[data-astro-cid-gq6dmtfr]{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0 1.5rem;display:flex}.quick-links[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]{box-sizing:border-box;color:#222;background:#fff;border:2px solid #222;border-radius:999px;align-items:center;min-height:44px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px #222}.quick-links[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]:hover{background:#f0f0f0}.quick-links[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]:active{box-shadow:none;transform:translateY(3px)}.quick-links[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:2px;outline:3px solid #666}.content[data-astro-cid-gq6dmtfr]{box-sizing:border-box;max-width:40rem;margin:0 auto;padding:0 1.5rem}.content[data-astro-cid-gq6dmtfr]+.content[data-astro-cid-gq6dmtfr]{margin-top:3.5rem}h2[data-astro-cid-gq6dmtfr]{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.how-list[data-astro-cid-gq6dmtfr]{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.how-list[data-astro-cid-gq6dmtfr] li[data-astro-cid-gq6dmtfr],.faq-item[data-astro-cid-gq6dmtfr] p[data-astro-cid-gq6dmtfr]{color:#444;line-height:1.55}.how-list[data-astro-cid-gq6dmtfr] strong[data-astro-cid-gq6dmtfr]{color:#000;font-weight:600}.chart-intro[data-astro-cid-gq6dmtfr]{color:#444;margin:0 0 1rem;line-height:1.55}.table-wrap[data-astro-cid-gq6dmtfr]{overflow-x:auto}.table-wrap[data-astro-cid-gq6dmtfr]:focus-visible{outline-offset:3px;outline:3px solid #666}table[data-astro-cid-gq6dmtfr]{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th[data-astro-cid-gq6dmtfr],td[data-astro-cid-gq6dmtfr]{text-align:left;color:#444;white-space:nowrap;border-bottom:1px solid #dcdcdc;padding:.45rem 1rem .45rem 0;font-size:.92rem}td[data-astro-cid-gq6dmtfr]:last-child{white-space:normal}th[data-astro-cid-gq6dmtfr]{letter-spacing:.1em;text-transform:uppercase;color:#666;font-size:.68rem;font-weight:800}.faq-item[data-astro-cid-gq6dmtfr]+.faq-item[data-astro-cid-gq6dmtfr]{margin-top:1.25rem}.faq-item[data-astro-cid-gq6dmtfr] h3[data-astro-cid-gq6dmtfr]{margin:0 0 .25rem;font-size:1rem;font-weight:600}.faq-item[data-astro-cid-gq6dmtfr] p[data-astro-cid-gq6dmtfr]{margin:0}footer[data-astro-cid-gq6dmtfr]{text-align:center;margin-top:4rem;padding:1.5rem}footer[data-astro-cid-gq6dmtfr] p[data-astro-cid-gq6dmtfr]{color:#666;margin:0;font-size:.85rem}footer[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]{color:inherit}@media (width<=620px){.cof-tool[data-astro-cid-gq6dmtfr]{border-width:3px;border-radius:1.5rem;width:min(100% - 1rem,640px);padding:.75rem;box-shadow:0 7px #222}.mode-panel[data-astro-cid-gq6dmtfr],.wheel-panel[data-astro-cid-gq6dmtfr],.notation-panel[data-astro-cid-gq6dmtfr],.chords-panel[data-astro-cid-gq6dmtfr]{border-radius:1rem}.label-major[data-astro-cid-gq6dmtfr]{font-size:22px}.label-minor[data-astro-cid-gq6dmtfr]{font-size:16px}.center-key[data-astro-cid-gq6dmtfr]{font-size:26px}.center-signature[data-astro-cid-gq6dmtfr]{font-size:17px}.center-relative[data-astro-cid-gq6dmtfr]{font-size:14px}}@media (prefers-reduced-motion:no-preference){.chord-chip[data-astro-cid-gq6dmtfr],.quick-links[data-astro-cid-gq6dmtfr] a[data-astro-cid-gq6dmtfr]{transition:transform 80ms,box-shadow 80ms,background-color 80ms}.wedge[data-astro-cid-gq6dmtfr]{transition:fill 80ms}}