@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/969880a8fbc4ea3d-s.2l4chqzj17yf7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85422a08ef10253b-s.3uahozil0mrmc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7085c09d70874492-s.0zhuvjukav65t.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a0ab0fb90bbc850b-s.p.3zs7wwnf5y2jy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/41df4dbb54e2206b-s.2swnz1r015ys9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c1e4e80b39132551-s.2j_gyo59ayql2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/97020cc4f40e723d-s.43f6oiwmh63de.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d273130dc90e6d8b-s.p.2f8v_r0u-86a-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Condensed Fallback;src:local(Arial);ascent-override:112.27%;descent-override:30.12%;line-gap-override:0.0%;size-adjust:91.3%}.ibm_plex_sans_condensed_60475dc5-module__XVXzua__className{font-family:IBM Plex Sans Condensed,IBM Plex Sans Condensed Fallback;font-style:normal}.ibm_plex_sans_condensed_60475dc5-module__XVXzua__variable{--font-condensed:"IBM Plex Sans Condensed", "IBM Plex Sans Condensed Fallback"}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_ea53d9cb-module__A2t94W__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_ea53d9cb-module__A2t94W__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../media/899d417cf51b4db5-s.0cthxa3mcy42c.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../media/232a56b5f5369ff7-s.1zorssra76br6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../media/3ff90e1fb2350a24-s.2cglzsm933aqw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../media/d24da8e3a5721bc2-s.090ae4wdj6ak3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../media/c77846bcb3371a93-s.p.17l2q2xazf7qv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../media/84c114b2c4cb3b03-s.0a0hvagajeuvk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../media/bca61253774cf674-s.0k3erjj452ij8.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../media/9c9e311966b2c431-s.1j5f1tqa41gj1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../media/400b3e039486ab68-s.3aa1quwg-8auu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../media/4e8cb63bdfc89443-s.p.0-zxmgh6g2ro_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bf40d83aa9c72fb-s.075nzhq-azcwn.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3846cd278554cc73-s.32fxum-hv1zci.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a23b5cef6e04c73-s.043e7-2hd94z4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c057f24894f01f05-s.3tnad6m4sf0xz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../media/98f992443ccb276f-s.p.1oxabuqlrz9-_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0120702d9dd2a7b5-s.09bhwyvkoc8ms.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../media/19f1a346b7519d21-s.0lwu3izqcp-2k.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bc0c875c697aeb30-s.26uzcjajmah7n.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cd36df668fb8b666-s.3lo3d5l1mfb52.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9d71b78498c53c0d-s.p.42kv-xe2onlt1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spectral Fallback;src:local(Times New Roman);ascent-override:96.46%;descent-override:42.17%;line-gap-override:0.0%;size-adjust:109.78%}.spectral_bf819d9b-module__ID6nKG__className{font-family:Spectral,Spectral Fallback}.spectral_bf819d9b-module__ID6nKG__variable{--font-spectral:"Spectral", "Spectral Fallback"}
.piano-keyboard-shell{margin:1rem 0;position:relative}.piano-keyboard{margin:0;position:relative}.piano-octave-indicator{height:var(--octave-indicator-height,3px);background:var(--accent);pointer-events:none;border-radius:999px;position:absolute;bottom:-.35rem;left:0}.piano-key{background:linear-gradient(180deg, var(--key-white-top) 0%, var(--key-white-mid) 88%, var(--key-white-bottom) 100%);border:none;border-right:1px solid var(--key-white-border);border-radius:0 0 var(--piano-key-radius,4px) var(--piano-key-radius,4px);cursor:pointer;padding:0;position:absolute;top:0}.piano-key.black{background:linear-gradient(180deg, var(--key-black-top) 0%, var(--key-black) 100%);box-shadow:0 3px 5px var(--shadow-raised);border:none}.piano-key.pressed{background:var(--accent)}.piano-key.black.pressed{background:var(--accent-2)}.piano-key.chord-preview{background:var(--key-preview)}.piano-key.black.chord-preview{background:var(--key-preview-dark)}.piano-key.played{background:var(--key-played)}.piano-key.black.played{background:var(--key-played-dark)}.piano-key:disabled{cursor:default;opacity:1}.piano-key-label{color:var(--key-label);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.65rem;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.piano-keyboard-fullbleed{width:100vw;position:relative;left:50%;transform:translate(-50%)}
.circle-of-fifths-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.circle-of-fifths{display:block}.circle-of-fifths-wedge-group{cursor:pointer}.circle-of-fifths-wedge{fill:var(--bg-alt);stroke:var(--border);stroke-width:var(--wedge-stroke-width,1)}.circle-of-fifths-wedge.selected{fill:var(--accent)}.circle-of-fifths-wedge-group text{fill:var(--text);pointer-events:none;font-size:.8rem}.circle-of-fifths-wedge.selected+text{fill:var(--text-on-accent)}.circle-of-fifths-all{fill:var(--bg-alt);stroke:var(--border);stroke-width:var(--wedge-stroke-width,1)}.circle-of-fifths-all.selected{fill:var(--accent)}.circle-of-fifths-all-group text{fill:var(--text);pointer-events:none;font-size:.7rem;font-weight:600}.circle-of-fifths-all.selected+text{fill:var(--text-on-accent)}.circle-of-fifths-prefer{align-items:center;gap:.5rem;display:flex}.circle-of-fifths-prefer-label{color:var(--text-dim);font-size:.8rem}.circle-of-fifths-prefer-segments{gap:.25rem;display:flex}.circle-of-fifths-prefer-segment{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.circle-of-fifths-prefer-segment.active{background:var(--bg-alt);border-color:var(--accent);color:var(--text)}