@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2)format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2)format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2)format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff");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}.app-shell{min-height:100svh;padding:24px 16px 40px}.app-frame{flex-direction:column;gap:18px;width:min(100%,34rem);margin:0 auto;display:flex}.hero-panel{box-shadow:0 12px 0 var(--green-shadow);color:#fff;background:linear-gradient(#74e12b 0%,#58cc02 100%);border-radius:32px;padding:24px 22px 28px;position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";background:#ffffff1f;border-radius:999px;position:absolute}.hero-panel:before{width:12rem;height:12rem;top:-6rem;right:-4rem}.hero-panel:after{width:8rem;height:8rem;bottom:-3rem;left:-2rem}.hero-kicker,.section-kicker{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:900}.hero-title,.section-title{margin:0}.hero-title{margin-top:.55rem;font-size:clamp(2.1rem,8vw,3.1rem);line-height:.98}.hero-copy{z-index:1;color:#ffffffeb;margin:1rem 0 0;font-size:1rem;line-height:1.45;position:relative}.practice-card{border:2px solid var(--border);box-shadow:0 12px 0 var(--card-shadow);background:#fff;border-radius:28px;padding:20px}.section-head{flex-direction:column;gap:1rem;display:flex}.section-kicker{color:var(--green-shadow)}.section-title{color:var(--text-strong);margin-top:.35rem;font-size:1.85rem;line-height:1.05}.helper-copy{color:var(--text-muted);margin:.45rem 0 0;font-size:.98rem}.clef-toggle{background:var(--toggle-bg);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.35rem;display:grid}.clef-button,.answer-button{font:inherit;border:none}.clef-button{min-width:6.25rem;color:var(--text-muted);background:0 0;border-radius:999px;padding:.8rem 1rem;font-size:.98rem;font-weight:900;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s}.clef-button--active{color:var(--text-strong);box-shadow:0 4px 0 var(--toggle-shadow);background:#fff}.clef-button:not(:disabled):active{box-shadow:0 2px 0 var(--toggle-shadow);transform:translateY(2px)}.note-card{border:2px solid var(--note-card-border);background:linear-gradient(#f7ffe9 0%,#eef8e7 100%);border-radius:24px;margin-top:1.35rem;padding:.95rem}.note-stage{background:#fff;border:2px solid #edf4e7;border-radius:18px;justify-content:center;align-items:center;min-height:13.5rem;padding:0 .5rem;display:flex}.note-staff{width:100%}.note-staff svg{width:100%;height:auto;display:block}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.35rem;display:grid}.feedback-copy{text-align:center;min-height:1.5rem;color:var(--text-muted);margin:.9rem 0 0;font-size:.98rem;font-weight:800}.answer-button{border:2px solid var(--answer-border);color:var(--text-strong);box-shadow:0 6px 0 var(--answer-shadow);background:#fff;border-radius:20px;padding:1rem .85rem;font-size:1.45rem;font-weight:900;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s,color .12s}.answer-button:last-child{grid-column:1/-1}.answer-button:not(:disabled):active{box-shadow:0 3px 0 var(--answer-shadow);transform:translateY(3px)}.answer-button--correct{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 6px 0 var(--green-shadow)}.answer-button--incorrect{border-color:var(--danger);background:var(--danger);color:#fff;box-shadow:0 6px 0 var(--danger-shadow)}.clef-button:focus-visible,.answer-button:focus-visible{outline-offset:3px;outline:3px solid #58cc024d}.clef-button:disabled,.answer-button:disabled{cursor:default}@media (width>=42rem){.app-shell{padding-top:40px}.practice-card{padding:24px}.section-head{flex-direction:row;justify-content:space-between;align-items:flex-start}.note-card,.answer-grid{margin-top:1.5rem}}:root{color:#24342b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green:#58cc02;--green-shadow:#45a000;--danger:#ff5c5c;--danger-shadow:#d54343;--text-strong:#213228;--text-muted:#667364;--border:#dce9cf;--card-shadow:#d9e4cc;--toggle-bg:#eff5e7;--toggle-shadow:#dbe6d0;--note-card-border:#dcebcf;--answer-border:#e1ead9;--answer-shadow:#d8e0d0;background:radial-gradient(circle at top,#f4ffd8 0 18%,#0000 18%),linear-gradient(#f8fbf4 0%,#eef5e6 100%);font-family:Nunito,sans-serif;font-weight:700;line-height:1.5}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{min-height:100svh;margin:0}button{cursor:pointer}img,svg{max-width:100%}#root{min-height:100svh}