@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";:root{--bg: #f6f1ea;--text: #2c2418;--text-light: #6b5d4f;--text-faint: #9b8e7e;--accent: #8b7355;--divider: #d4c8b8;--hover: #efe9e0;--key-white: #faf8f4;--key-black: #3a3024;--key-active: #c9b896;--key-active-dark: #6b5d4f;--pure-color: #7a9b6d;--tempered-color: #9b7a6d;--page-max: 44em}[data-astro-cid-r467exew]{margin:0;padding:0;box-sizing:border-box}html{font-size:18px}body{font-family:Crimson Text,Georgia,serif;background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page[data-astro-cid-r467exew]{max-width:var(--page-max);margin:0 auto;padding:4em 2em 6em}.header[data-astro-cid-r467exew]{text-align:center;margin-bottom:4em}.header[data-astro-cid-r467exew] h1[data-astro-cid-r467exew]{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:3rem;letter-spacing:.08em;margin-bottom:.4em}.header[data-astro-cid-r467exew] .subtitle[data-astro-cid-r467exew]{font-style:italic;color:var(--text-light);font-size:1.1rem;line-height:1.6;max-width:28em;margin:0 auto}.epigraph[data-astro-cid-r467exew]{text-align:center;margin:3em auto 4em;max-width:26em;font-style:italic;color:var(--text-light);font-size:1rem;line-height:1.8}.epigraph[data-astro-cid-r467exew] .attr[data-astro-cid-r467exew]{display:block;margin-top:.5em;font-style:normal;font-size:.85rem;color:var(--text-faint);letter-spacing:.05em}section[data-astro-cid-r467exew]{margin-bottom:4em}section[data-astro-cid-r467exew] h2[data-astro-cid-r467exew]{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:1.8rem;letter-spacing:.04em;margin-bottom:.8em;text-align:center}section[data-astro-cid-r467exew] p[data-astro-cid-r467exew]{margin-bottom:1.2em;text-align:left}.section-intro[data-astro-cid-r467exew]{max-width:32em;margin:0 auto 2em;text-align:center!important;color:var(--text-light);font-size:.95rem}.divider[data-astro-cid-r467exew]{text-align:center;color:var(--divider);letter-spacing:.5em;margin:3em 0;font-size:.9rem}.interval-compare[data-astro-cid-r467exew]{display:flex;gap:2em;justify-content:center;flex-wrap:wrap;margin:2em 0}.interval-card[data-astro-cid-r467exew]{background:var(--key-white);border:1px solid var(--divider);border-radius:8px;padding:2em 2.5em;text-align:center;cursor:pointer;transition:all .3s ease;min-width:200px;flex:0 1 240px;user-select:none}.interval-card[data-astro-cid-r467exew]:hover{background:var(--hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.interval-card[data-astro-cid-r467exew].playing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 4px 12px #00000014}.interval-card[data-astro-cid-r467exew] .label[data-astro-cid-r467exew]{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:1.3rem;margin-bottom:.5em;display:block}.interval-card[data-astro-cid-r467exew] .ratio[data-astro-cid-r467exew]{font-size:1.6rem;font-weight:600;display:block;margin-bottom:.5em;letter-spacing:.02em}.interval-card[data-astro-cid-r467exew] .cents[data-astro-cid-r467exew]{font-size:.85rem;color:var(--text-faint)}.interval-card[data-astro-cid-r467exew] .hint[data-astro-cid-r467exew]{display:block;margin-top:.8em;font-size:.8rem;color:var(--text-faint);font-style:italic}.interval-card[data-astro-cid-r467exew].pure .ratio[data-astro-cid-r467exew]{color:var(--pure-color)}.interval-card[data-astro-cid-r467exew].tempered .ratio[data-astro-cid-r467exew]{color:var(--tempered-color)}.comma-demo[data-astro-cid-r467exew]{text-align:center;margin:2em 0}.comma-visual[data-astro-cid-r467exew]{position:relative;width:300px;height:300px;margin:2em auto}.comma-visual[data-astro-cid-r467exew] svg[data-astro-cid-r467exew]{width:100%;height:100%}.comma-btn[data-astro-cid-r467exew]{font-family:Crimson Text,Georgia,serif;font-size:1rem;background:var(--key-white);border:1px solid var(--divider);border-radius:6px;padding:.8em 2em;cursor:pointer;color:var(--text);transition:all .3s ease;margin:.5em}.comma-btn[data-astro-cid-r467exew]:hover{background:var(--hover);border-color:var(--accent)}.comma-btn[data-astro-cid-r467exew].active{background:var(--accent);color:var(--key-white);border-color:var(--accent)}.comma-info[data-astro-cid-r467exew]{margin-top:1.5em;font-size:.9rem;color:var(--text-light);font-style:italic;min-height:2.5em}.keyboard-section[data-astro-cid-r467exew]{text-align:center}.tuning-selector[data-astro-cid-r467exew]{display:flex;justify-content:center;gap:.5em;margin-bottom:2em;flex-wrap:wrap}.tuning-btn[data-astro-cid-r467exew]{font-family:Crimson Text,Georgia,serif;font-size:.95rem;background:var(--key-white);border:1px solid var(--divider);border-radius:6px;padding:.6em 1.5em;cursor:pointer;color:var(--text);transition:all .3s ease}.tuning-btn[data-astro-cid-r467exew]:hover{background:var(--hover)}.tuning-btn[data-astro-cid-r467exew].active{background:var(--accent);color:var(--key-white);border-color:var(--accent)}.keyboard-wrap[data-astro-cid-r467exew]{display:flex;justify-content:center;margin:0 auto 1.5em;position:relative;max-width:600px}.keyboard[data-astro-cid-r467exew]{display:flex;position:relative;height:180px;user-select:none}.key[data-astro-cid-r467exew]{position:relative;cursor:pointer;transition:background .1s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}.key-white[data-astro-cid-r467exew]{width:50px;height:180px;background:var(--key-white);border:1px solid var(--divider);border-radius:0 0 5px 5px;z-index:1}.key-white[data-astro-cid-r467exew]:hover{background:#f0ebe3}.key-white[data-astro-cid-r467exew].active{background:var(--key-active)}.key-black[data-astro-cid-r467exew]{width:32px;height:110px;background:var(--key-black);border:1px solid #2a2218;border-radius:0 0 4px 4px;z-index:2;margin-left:-16px;margin-right:-16px;color:#a09080}.key-black[data-astro-cid-r467exew]:hover{background:#4a4034}.key-black[data-astro-cid-r467exew].active{background:var(--key-active-dark)}.key[data-astro-cid-r467exew] .note-label[data-astro-cid-r467exew]{font-size:.7rem;color:var(--text-faint);pointer-events:none}.key-black[data-astro-cid-r467exew] .note-label[data-astro-cid-r467exew]{color:#8a7a6a;font-size:.6rem}.key-info[data-astro-cid-r467exew]{font-size:.85rem;color:var(--text-light);min-height:1.5em;margin-bottom:.5em}.tuning-desc[data-astro-cid-r467exew]{font-size:.9rem;color:var(--text-faint);font-style:italic;margin-bottom:1.5em;min-height:1.5em}.circle-section[data-astro-cid-r467exew]{text-align:center}.circle-wrap[data-astro-cid-r467exew]{width:320px;height:320px;margin:2em auto;position:relative}.circle-wrap[data-astro-cid-r467exew] svg[data-astro-cid-r467exew]{width:100%;height:100%}.circle-note[data-astro-cid-r467exew]{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;fill:var(--text);text-anchor:middle;dominant-baseline:central;cursor:pointer;transition:fill .2s ease}.circle-note[data-astro-cid-r467exew]:hover{fill:var(--accent)}.circle-note[data-astro-cid-r467exew].highlighted{fill:var(--accent);font-weight:500;font-size:16px}.circle-arc[data-astro-cid-r467exew]{fill:none;stroke:var(--divider);stroke-width:1.5;transition:stroke .3s ease}.circle-arc[data-astro-cid-r467exew].active{stroke:var(--accent);stroke-width:2.5}.circle-comma[data-astro-cid-r467exew]{fill:none;stroke:#c0564f;stroke-width:2;stroke-dasharray:4 3;opacity:0;transition:opacity .5s ease}.circle-comma[data-astro-cid-r467exew].visible{opacity:1}.circle-controls[data-astro-cid-r467exew]{margin-top:1em}.chord-controls[data-astro-cid-r467exew]{margin:2em 0 1em;display:flex;justify-content:center;gap:.5em;flex-wrap:wrap}.keyboard-hint[data-astro-cid-r467exew]{font-size:.8rem;color:var(--text-faint);text-align:center;font-style:italic;margin-top:1.5em}.closing[data-astro-cid-r467exew]{max-width:30em;margin:0 auto;text-align:center}.closing[data-astro-cid-r467exew] p[data-astro-cid-r467exew]{text-align:center;color:var(--text-light);font-style:italic;line-height:1.8}.footer[data-astro-cid-r467exew]{text-align:center;margin-top:4em;padding-top:2em;border-top:1px solid var(--divider)}.footer[data-astro-cid-r467exew] a[data-astro-cid-r467exew]{font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;color:var(--text-faint);text-decoration:none;letter-spacing:.05em;transition:color .3s}.footer[data-astro-cid-r467exew] a[data-astro-cid-r467exew]:hover{color:var(--accent)}@media(max-width:600px){html{font-size:16px}body{padding:0}.page[data-astro-cid-r467exew]{padding:3em 1.5em 4em}.header[data-astro-cid-r467exew] h1[data-astro-cid-r467exew]{font-size:2.4rem}.interval-compare[data-astro-cid-r467exew]{flex-direction:column;align-items:center}.interval-card[data-astro-cid-r467exew]{min-width:0;width:100%;max-width:280px}.key-white[data-astro-cid-r467exew]{width:38px;height:150px}.key-black[data-astro-cid-r467exew]{width:24px;height:90px;margin-left:-12px;margin-right:-12px}.keyboard[data-astro-cid-r467exew]{height:150px}}