.rhythm-figure-img[data-v-5fb132de],.rhythm-figure-svg[data-v-5fb132de]{display:inline-block;vertical-align:middle}.rhythm-figure-img[data-v-5fb132de]{-o-object-fit:contain;object-fit:contain}.rhythm-figure-dotted-rest[data-v-5fb132de]{align-items:center;display:inline-flex;gap:.12em;justify-content:center;vertical-align:middle}.rhythm-figure-dotted-rest .dotted-rest-dot[data-v-5fb132de]{background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.rhythm-bar-svg[data-v-e750532c]{color:#1a1a1a;height:auto;max-height:180px;width:100%}.figure-wrapper[data-v-e750532c]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-d2ee1f9c],[data-v-d2ee1f9c]::backdrop,[data-v-d2ee1f9c]:after,[data-v-d2ee1f9c]:before{--tw-font-weight:initial}}}.notes-on-staff[data-v-d2ee1f9c]{border-radius:calc(var(--ui-radius)*2);color:var(--piano-text-primary);overflow-x:auto;padding-block:calc(var(--spacing,.25rem)*1);width:100%}.chord-label[data-v-d2ee1f9c]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin:calc(var(--spacing,.25rem)*0);margin-top:calc(var(--spacing,.25rem)*1);text-align:center;--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-gold);font-weight:var(--font-weight-bold,700);letter-spacing:.05em}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-3b7c14f4],[data-v-3b7c14f4]::backdrop,[data-v-3b7c14f4]:after,[data-v-3b7c14f4]:before{--tw-font-weight:initial;--tw-duration:initial;--tw-leading:initial}}}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular Italic"),local("Playfair Display Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-IR_HD5Alw33QT95onrEaV_cUGL4XNGP0GXYNWpky8L4.woff) format(woff);font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:"Playfair Display Fallback: Times New Roman";src:local("Times New Roman");size-adjust:111.2615%;ascent-override:97.2483%;descent-override:22.5595%;line-gap-override:0%}@font-face{font-family:"Playfair Display Fallback: Georgia";src:local("Georgia");size-adjust:101.3906%;ascent-override:106.716%;descent-override:24.7558%;line-gap-override:0%}@font-face{font-family:"Playfair Display Fallback: Noto Serif";src:local("Noto Serif");size-adjust:93.9709%;ascent-override:115.142%;descent-override:26.7104%;line-gap-override:0%}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-4V7eV5ng2JJXHyc7V58l_vwl366ma0GJaSBgRH7xG8M.woff) format(woff);font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-__LR_yDLfeUhh_Gi0Dkgbzcilo5qYUd5xgFSck4NQkI.woff) format(woff);font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-httcbRVwuMVt8fCCkt2SxyLWNbOS_0S1n53FhxvuP9c.woff) format(woff);font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular"),local("Playfair Display"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-89UnM47Nzi32XL65mMmDDFLzhS69Jil849dXqz6nsRc.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-0_9-p99jNVQ2cQbeGnGROt-6G9vmARJmIdPBkuYqADA.woff) format(woff);font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-gTMpOdSOxdm3Pqges71LgiVWFRI6KrpWO3gm9SOZYb0.woff) format(woff);font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-Syof5PbdFrFgy8dKuX_IeB7-O5Dx4pSkvXMLbcX3iGY.woff) format(woff);font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular Italic"),local("Playfair Display Italic"),url(../_fonts/C2qfcbBTHvlxCsnFskYnl-PbwxcbqEfH2hydxTmyQs0-BsOOzjPzXscYfIRVgFv17byWBJb6BlBcoRwZ6p7ktkc.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular Italic"),local("Playfair Display Italic"),url(../_fonts/siaL9rIUfl2Qk1dRK088MnqoEAEoW_AUawFIBAr5wUE-KQE6o1mNQRGosC_L6pew36Wp2R15FKnZcLkvFsBbk_I.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:400;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular Italic"),local("Playfair Display Italic"),url(../_fonts/Nb42ZLX2VEgVcMp9HnZNB1WntaivVPrEzDTmy858agk-kKGiwoYlRQ_lSFweoIaFpfSB4gS4bCgVEp3BpuhZy_M.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:400;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular Italic"),local("Playfair Display Italic"),url(../_fonts/Q8_D6YvnrrJZUdFtPzRiE-TWxOW2ldrXJN6CEOqC_xA-glhbxfth4A8rzBeE69BJw5rKJB7AMktZVkQ_Y2IoOfI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium Italic"),url(../_fonts/C2qfcbBTHvlxCsnFskYnl-PbwxcbqEfH2hydxTmyQs0-BsOOzjPzXscYfIRVgFv17byWBJb6BlBcoRwZ6p7ktkc.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium Italic"),url(../_fonts/siaL9rIUfl2Qk1dRK088MnqoEAEoW_AUawFIBAr5wUE-KQE6o1mNQRGosC_L6pew36Wp2R15FKnZcLkvFsBbk_I.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium Italic"),url(../_fonts/Nb42ZLX2VEgVcMp9HnZNB1WntaivVPrEzDTmy858agk-kKGiwoYlRQ_lSFweoIaFpfSB4gS4bCgVEp3BpuhZy_M.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium Italic"),url(../_fonts/Q8_D6YvnrrJZUdFtPzRiE-TWxOW2ldrXJN6CEOqC_xA-glhbxfth4A8rzBeE69BJw5rKJB7AMktZVkQ_Y2IoOfI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold Italic"),url(../_fonts/C2qfcbBTHvlxCsnFskYnl-PbwxcbqEfH2hydxTmyQs0-BsOOzjPzXscYfIRVgFv17byWBJb6BlBcoRwZ6p7ktkc.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold Italic"),url(../_fonts/siaL9rIUfl2Qk1dRK088MnqoEAEoW_AUawFIBAr5wUE-KQE6o1mNQRGosC_L6pew36Wp2R15FKnZcLkvFsBbk_I.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold Italic"),url(../_fonts/Nb42ZLX2VEgVcMp9HnZNB1WntaivVPrEzDTmy858agk-kKGiwoYlRQ_lSFweoIaFpfSB4gS4bCgVEp3BpuhZy_M.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold Italic"),url(../_fonts/Q8_D6YvnrrJZUdFtPzRiE-TWxOW2ldrXJN6CEOqC_xA-glhbxfth4A8rzBeE69BJw5rKJB7AMktZVkQ_Y2IoOfI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold Italic"),url(../_fonts/C2qfcbBTHvlxCsnFskYnl-PbwxcbqEfH2hydxTmyQs0-BsOOzjPzXscYfIRVgFv17byWBJb6BlBcoRwZ6p7ktkc.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold Italic"),url(../_fonts/siaL9rIUfl2Qk1dRK088MnqoEAEoW_AUawFIBAr5wUE-KQE6o1mNQRGosC_L6pew36Wp2R15FKnZcLkvFsBbk_I.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold Italic"),url(../_fonts/Nb42ZLX2VEgVcMp9HnZNB1WntaivVPrEzDTmy858agk-kKGiwoYlRQ_lSFweoIaFpfSB4gS4bCgVEp3BpuhZy_M.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold Italic"),url(../_fonts/Q8_D6YvnrrJZUdFtPzRiE-TWxOW2ldrXJN6CEOqC_xA-glhbxfth4A8rzBeE69BJw5rKJB7AMktZVkQ_Y2IoOfI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular"),local("Playfair Display"),url(../_fonts/U2Kb0AKMiHRYgG7Gpaaq-G7JbRzkQFbelF8HlzM7wgw-jmA7Dc3Rr25kE_L__VREE9hj3O9dK-bfryFy8akFQcI.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular"),local("Playfair Display"),url(../_fonts/VcekwtTJx24p4eYyiNed0wfvocG6WcZphESuUZRLqkk-iFhrOyb0R3bXRuMIu1BqdWZOJgCqpPX0iEONE8ELKCg.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular"),local("Playfair Display"),url(../_fonts/lqrCgSM09MHG2kTabk1EDDM6DMhqosv1Eltyb0JDtfs-3iQ7KHjVA9zBzw6Wd8CyGv63hxmdjGjBRyMMp68Q2jM.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Regular"),local("Playfair Display"),url(../_fonts/a0pq7nGAsImf0ZGdGsFXuw7RgH2dsMXU7KWckn6u9Rg-LjRsaGtnw0fgXtm2ghRFDDGZ48mt0t6DM4W3BQB6fgA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium"),url(../_fonts/U2Kb0AKMiHRYgG7Gpaaq-G7JbRzkQFbelF8HlzM7wgw-jmA7Dc3Rr25kE_L__VREE9hj3O9dK-bfryFy8akFQcI.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium"),url(../_fonts/VcekwtTJx24p4eYyiNed0wfvocG6WcZphESuUZRLqkk-iFhrOyb0R3bXRuMIu1BqdWZOJgCqpPX0iEONE8ELKCg.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium"),url(../_fonts/lqrCgSM09MHG2kTabk1EDDM6DMhqosv1Eltyb0JDtfs-3iQ7KHjVA9zBzw6Wd8CyGv63hxmdjGjBRyMMp68Q2jM.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Medium"),url(../_fonts/a0pq7nGAsImf0ZGdGsFXuw7RgH2dsMXU7KWckn6u9Rg-LjRsaGtnw0fgXtm2ghRFDDGZ48mt0t6DM4W3BQB6fgA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold"),url(../_fonts/U2Kb0AKMiHRYgG7Gpaaq-G7JbRzkQFbelF8HlzM7wgw-jmA7Dc3Rr25kE_L__VREE9hj3O9dK-bfryFy8akFQcI.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold"),url(../_fonts/VcekwtTJx24p4eYyiNed0wfvocG6WcZphESuUZRLqkk-iFhrOyb0R3bXRuMIu1BqdWZOJgCqpPX0iEONE8ELKCg.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold"),url(../_fonts/lqrCgSM09MHG2kTabk1EDDM6DMhqosv1Eltyb0JDtfs-3iQ7KHjVA9zBzw6Wd8CyGv63hxmdjGjBRyMMp68Q2jM.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display SemiBold"),url(../_fonts/a0pq7nGAsImf0ZGdGsFXuw7RgH2dsMXU7KWckn6u9Rg-LjRsaGtnw0fgXtm2ghRFDDGZ48mt0t6DM4W3BQB6fgA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold"),url(../_fonts/U2Kb0AKMiHRYgG7Gpaaq-G7JbRzkQFbelF8HlzM7wgw-jmA7Dc3Rr25kE_L__VREE9hj3O9dK-bfryFy8akFQcI.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:700;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold"),url(../_fonts/VcekwtTJx24p4eYyiNed0wfvocG6WcZphESuUZRLqkk-iFhrOyb0R3bXRuMIu1BqdWZOJgCqpPX0iEONE8ELKCg.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:700;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold"),url(../_fonts/lqrCgSM09MHG2kTabk1EDDM6DMhqosv1Eltyb0JDtfs-3iQ7KHjVA9zBzw6Wd8CyGv63hxmdjGjBRyMMp68Q2jM.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-weight:700;font-style:normal}@font-face{font-family:Playfair Display;src:local("Playfair Display Bold"),url(../_fonts/a0pq7nGAsImf0ZGdGsFXuw7RgH2dsMXU7KWckn6u9Rg-LjRsaGtnw0fgXtm2ghRFDDGZ48mt0t6DM4W3BQB6fgA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal}.teaser-overlay[data-v-3b7c14f4]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a14b8;display:flex;inset:calc(var(--spacing,.25rem)*0);justify-content:center;padding:calc(var(--spacing,.25rem)*4);position:fixed;z-index:50}.teaser-card[data-v-3b7c14f4]{animation:teaser-in-3b7c14f4 .25s ease-out;background:var(--piano-bg-primary,#1a1a2e);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*4);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*3);max-height:92vh;max-width:var(--container-xl,36rem);overflow-y:auto;padding:calc(var(--spacing,.25rem)*5);scrollbar-width:thin;width:100%}@keyframes teaser-in-3b7c14f4{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.teaser-header[data-v-3b7c14f4]{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*2)}.teaser-badge[data-v-3b7c14f4]{padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-bold,700);background:#c6a75e26;border-radius:3.40282e+38px;color:var(--piano-gold);font-weight:var(--font-weight-bold,700)}.teaser-badge[data-v-3b7c14f4],.teaser-step[data-v-3b7c14f4]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.teaser-step[data-v-3b7c14f4]{flex:1}.skip-btn[data-v-3b7c14f4],.teaser-step[data-v-3b7c14f4]{color:var(--piano-text-secondary)}.skip-btn[data-v-3b7c14f4]{cursor:pointer;height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7);--tw-border-style:none;align-items:center;background:0 0;border-radius:3.40282e+38px;border-style:none;display:flex;justify-content:center}.skip-btn[data-v-3b7c14f4]:hover{background:#c6a75e1a;color:var(--piano-gold)}.teaser-progress[data-v-3b7c14f4]{background:var(--piano-bg-secondary);border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*1);overflow:hidden;width:100%}.teaser-progress-fill[data-v-3b7c14f4]{height:100%;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;background:var(--piano-gold);border-radius:3.40282e+38px;transition-duration:.3s}.teaser-body[data-v-3b7c14f4]{flex-direction:column;gap:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);text-align:center}.teaser-body[data-v-3b7c14f4],.teaser-icon-wrap[data-v-3b7c14f4]{align-items:center;display:flex}.teaser-icon-wrap[data-v-3b7c14f4]{background:#c6a75e1f;border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*12);justify-content:center;width:calc(var(--spacing,.25rem)*12)}.teaser-icon[data-v-3b7c14f4]{color:var(--piano-gold);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.teaser-title[data-v-3b7c14f4]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-gold);font-family:Playfair Display,"Playfair Display Fallback: Times New Roman","Playfair Display Fallback: Georgia","Playfair Display Fallback: Noto Serif",Georgia,serif;font-weight:var(--font-weight-bold,700)}.teaser-text[data-v-3b7c14f4],.teaser-title[data-v-3b7c14f4]{margin:calc(var(--spacing,.25rem)*0)}.teaser-text[data-v-3b7c14f4]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:var(--leading-relaxed,1.625);color:var(--piano-text-primary);line-height:var(--leading-relaxed,1.625)}.teaser-interactive[data-v-3b7c14f4]{align-items:center;display:flex;justify-content:center;min-height:140px;padding-inline:calc(var(--spacing,.25rem)*1)}.teaser-staff[data-v-3b7c14f4]{min-height:175px}.teaser-figure[data-v-3b7c14f4]{min-height:90px;padding:.5rem 0}.teaser-visual-block[data-v-3b7c14f4]{padding:.25rem 0}.teaser-rhythm-bar-wrap[data-v-3b7c14f4],.teaser-visual-block[data-v-3b7c14f4]{align-items:center;display:flex;justify-content:center}.teaser-rhythm-bar-wrap[data-v-3b7c14f4]{background:#fff;border-radius:calc(var(--ui-radius)*3);color:#000;max-width:520px;padding:.75rem 1rem;width:100%}.teaser-rhythm-bar-wrap[data-v-3b7c14f4] svg{color:#000;height:auto;max-width:100%}:is(.teaser-rhythm-bar-wrap[data-v-3b7c14f4] .rhythm-figure-img,.teaser-rhythm-bar-wrap[data-v-3b7c14f4] image){filter:brightness(0)saturate()}.teaser-figure-oval[data-v-3b7c14f4]{align-items:center;background:#fff;border-radius:1rem;color:#000;display:flex;justify-content:center;min-height:clamp(80px,11vh,120px);min-width:clamp(120px,18vw,200px);padding:.75rem 1.25rem}.teaser-figure-oval[data-v-3b7c14f4] svg{color:#000}:is(.teaser-figure-oval[data-v-3b7c14f4] .rhythm-figure-img,.teaser-figure-oval[data-v-3b7c14f4] image){filter:brightness(0)saturate()}.teaser-figure-oval[data-v-3b7c14f4] .dotted-rest-dot{background:#000!important}.teaser-choices[data-v-3b7c14f4]{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.25rem)*2);justify-content:center}.teaser-choice-btn[data-v-3b7c14f4],.teaser-choices[data-v-3b7c14f4]{padding-block:calc(var(--spacing,.25rem)*2)}.teaser-choice-btn[data-v-3b7c14f4]{cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-inline:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-bg-secondary);border:1px solid var(--piano-border);border-radius:3.40282e+38px;color:var(--piano-text-primary);font-weight:var(--font-weight-bold,700);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.teaser-choice-btn[data-v-3b7c14f4]:not(:disabled):hover{border-color:var(--piano-gold);color:var(--piano-gold)}.teaser-choice-btn.correct[data-v-3b7c14f4]{background:#22c55e33;border-color:#22c55e;color:#22c55e}.teaser-choice-btn.wrong[data-v-3b7c14f4]{background:#ef444433;border-color:#ef4444;color:#ef4444}.teaser-choice-btn[data-v-3b7c14f4]:disabled{cursor:default}.teaser-feedback[data-v-3b7c14f4]{align-items:center;border-radius:calc(var(--ui-radius)*2);display:flex;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*2);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));line-height:1.4;margin:calc(var(--spacing,.25rem)*0);padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3)}.teaser-feedback.ok[data-v-3b7c14f4]{background:#22c55e26;color:#22c55e;font-weight:600}.teaser-feedback.ko[data-v-3b7c14f4]{background:#ef44441f;color:#ef4444}.teaser-help-reminder[data-v-3b7c14f4]{align-items:flex-start;background:#c6a75e14;border-left:3px solid var(--piano-gold);border-radius:calc(var(--ui-radius)*2);color:var(--piano-text-secondary);display:flex;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*2);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));line-height:1.4;margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*3)}.teaser-actions[data-v-3b7c14f4]{align-items:center;background:linear-gradient(to top,var(--piano-bg-primary,#1a1a2e)60%,transparent);bottom:calc(var(--spacing,.25rem)*0);display:flex;gap:calc(var(--spacing,.25rem)*3);justify-content:space-between;padding-top:calc(var(--spacing,.25rem)*2);position:sticky;z-index:5}.teaser-hint-disabled[data-v-3b7c14f4]{color:var(--piano-text-secondary);font-size:var(--text-xs,.75rem);font-style:italic;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));opacity:.8}.teaser-next[data-v-3b7c14f4]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);--tw-border-style:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);border-radius:3.40282e+38px;border-style:none;color:#1a1a2e;display:flex;flex-shrink:0;font-weight:var(--font-weight-bold,700);position:relative;transition:all .2s;z-index:10}.teaser-next[data-v-3b7c14f4]:hover:not(:disabled){box-shadow:0 4px 12px #c6a75e4d;transform:translateY(-2px)}.teaser-next[data-v-3b7c14f4]:disabled{cursor:not-allowed;opacity:.45}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}.teaser-interactive .piano-keyboard{width:100%}.teaser-interactive .keyboard-container{height:110px}