@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(./fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");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-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(./fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");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-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(./fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(./nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,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(./nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(./nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(./nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(./nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(./nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,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:600;src:url(./nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(./nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(./nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(./nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(./nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,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(./nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(./nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(./nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(./nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(./nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,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(./nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(./nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(./nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(./nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");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-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff) format("woff");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}:root{font-family:Nunito,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173f2e;background:#f8f4e7;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f8f4e7;--paper-bright: #fffdf6;--paper-deep: #efe7d4;--forest: #173f2e;--forest-soft: #2f674d;--red: #dd4934;--red-dark: #bd3527;--yellow: #f4c84c;--blue: #a8d6e6;--blue-deep: #4b8da4;--sage: #85a376;--line: rgba(23, 63, 46, .14);--shadow-soft: 0 10px 30px rgba(83, 64, 31, .12);--shadow-lift: 0 16px 38px rgba(68, 46, 18, .18)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #327f95;outline-offset:3px}.app-frame{isolation:isolate;min-height:100vh;position:relative;overflow-x:clip}.garden-background{position:fixed;z-index:-2;top:0;right:0;bottom:0;left:0;background-color:var(--paper);background-image:url(./practice-garden-bg-DfGDiyLo.png);background-position:center top;background-repeat:no-repeat;background-size:cover}.app-frame:after{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fffcf329}.app-header{height:88px;padding:0 max(28px,calc((100vw - 1340px)/2));display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;position:sticky;top:0;z-index:30;background:#fffcf3e8;border-bottom:1px solid rgba(37,77,55,.12);box-shadow:0 5px 20px #46321614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{justify-self:start;display:inline-flex;align-items:center;gap:11px;border:0;background:transparent;padding:8px 10px 8px 2px;color:var(--forest);border-radius:15px}.brand svg{color:var(--red)}.brand span{font-family:Fraunces,Georgia,serif;font-size:25px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.mode-nav{grid-column:2;display:flex;align-items:center;gap:8px}.mode-nav-item{min-width:112px;height:58px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:20px;background:transparent;color:var(--forest);font-size:16px;font-weight:800;transition:transform .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}.mode-nav-item:hover{background:#ffffff8c;transform:translateY(-1px)}.mode-nav-item.is-active{color:var(--red);background:var(--paper-bright);border-color:#354c3a1a;box-shadow:0 7px 17px #412d121f}.mode-page{position:relative;z-index:1;width:min(1220px,calc(100% - 64px));margin:0 auto;padding:34px 0 44px}.eyebrow,.panel-kicker{display:block;color:var(--red);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.song-heading{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 32px 5px;text-align:center}.song-heading h1,.section-heading h1{margin:5px 0 1px;font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--forest);line-height:1.04;letter-spacing:-.035em}.song-heading h1{font-size:clamp(44px,5vw,66px)}.song-heading p,.section-heading p{margin:4px 0 0;color:var(--forest-soft);font-size:17px;font-weight:600}.lesson-progress{min-width:326px;min-height:50px;padding:10px 18px;display:flex;align-items:center;gap:10px;border:1px solid rgba(39,72,51,.1);border-radius:999px;background:#fffdf7d9;box-shadow:var(--shadow-soft)}.lesson-progress>svg{color:var(--yellow)}.lesson-progress>strong{min-width:52px;font-size:15px}.progress-dots{display:flex;align-items:center;gap:8px}.progress-dots span{width:12px;height:12px;border-radius:50%;background:#ded9c9}.progress-dots span.is-filled{background:var(--forest-soft)}.song-score{position:relative;margin-top:2px;padding:0 26px 6px}.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}.measure-panel{min-width:0;position:relative;scroll-margin-top:110px}.measure-panel:nth-child(odd){padding-left:22px}.measure-panel:nth-child(2n){padding-right:7px}.measure-meta{position:absolute;z-index:3;top:5px;left:31px;display:flex;align-items:center;gap:12px;pointer-events:none;color:var(--forest)}.measure-panel:nth-child(2n) .measure-meta{left:14px}.measure-meta strong{font-family:Fraunces,Georgia,serif;font-size:17px}.measure-number{color:var(--forest-soft);font-size:12px;font-weight:800}.notation-canvas{width:100%;height:154px;color:#18251f}.notation-canvas svg{display:block;width:100%!important;max-width:100%;overflow:visible}.notation-event{transition:fill .14s ease,stroke .14s ease,filter .14s ease}.notation-event.is-complete,.notation-event.is-complete *{fill:#497657!important;stroke:#497657!important}.notation-event.is-current,.notation-event.is-current *{fill:var(--red)!important;stroke:var(--red)!important;filter:drop-shadow(0 0 5px rgba(244,200,76,.82))}.score-playhead{width:3px;position:absolute;z-index:8;top:0;left:0;opacity:0;pointer-events:none;border-radius:4px;background:var(--red);box-shadow:0 0 0 1px #fff9,0 0 12px #dd49342e;will-change:transform}.score-playhead:before{content:"";width:13px;height:13px;position:absolute;top:-5px;left:-5px;border-radius:50%;background:var(--red)}.score-playhead.is-visible{opacity:1}.single-staff-playhead{width:3px;position:absolute;z-index:8;top:0;left:0;opacity:0;pointer-events:none;border-radius:4px;background:var(--red);box-shadow:0 0 0 1px #ffffffb8,0 0 12px #dd493438;transition:opacity .12s ease;will-change:transform}.single-staff-playhead:before{content:"";width:13px;height:13px;position:absolute;top:-5px;left:-5px;border-radius:50%;background:var(--red)}.single-staff-playhead.is-visible{opacity:1}.sr-only{width:1px;height:1px;position:absolute;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transport-dock{width:min(820px,calc(100vw - 48px));min-height:122px;margin:-4px auto 18px;padding:15px 24px;position:sticky;z-index:20;bottom:20px;display:grid;grid-template-columns:58px 90px minmax(330px,1fr) 88px;align-items:center;gap:18px;border:1px solid rgba(48,75,56,.12);border-radius:48px;background:#fffdf7f0;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.transport-secondary,.transport-primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%}.transport-secondary{width:54px;height:54px;color:var(--red);background:#f5eee1;box-shadow:inset 0 0 0 1px #414b3514}.transport-primary{width:82px;height:82px;color:#fffdf8;background:var(--red);box-shadow:0 9px 19px #b8342547;transition:transform .16s ease,background .16s ease}.transport-primary:hover{background:var(--red-dark);transform:translateY(-2px) scale(1.015)}.transport-primary svg{transform:translate(2px)}.tempo-control{min-width:0}.tempo-readout{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-bottom:5px}.tempo-readout span{margin-right:5px;font-size:14px;font-weight:800}.tempo-readout strong{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1}.tempo-readout small{font-weight:800}.tempo-slider{width:100%;height:6px;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#ded9c9;accent-color:var(--blue-deep)}.tempo-slider::-webkit-slider-thumb{width:22px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid var(--paper-bright);border-radius:50%;background:var(--forest);box-shadow:0 2px 8px #14312440}.tempo-slider::-moz-range-thumb{width:15px;height:15px;border:4px solid var(--paper-bright);border-radius:50%;background:var(--forest);box-shadow:0 2px 8px #14312440}.tempo-presets{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(55,85,64,.1);border-radius:999px;overflow:hidden}.tempo-presets button{height:29px;border:0;border-right:1px solid rgba(55,85,64,.1);background:var(--blue);color:#173f2e;font-size:11px;font-weight:800}.tempo-presets button:last-child{border-right:0}.tempo-presets button[aria-pressed=true]{background:var(--yellow)}.measure-readout{min-height:68px;padding-left:15px;display:grid;grid-template-columns:24px 1fr;align-content:center;column-gap:6px;border-left:1px solid var(--line);text-align:left}.measure-readout svg{grid-row:1 / 3;color:var(--red)}.measure-readout strong{font-size:22px;line-height:1}.measure-readout span{font-size:12px;font-weight:700}.section-heading{max-width:700px;margin:0 auto 26px;text-align:center}.section-heading h1{font-size:clamp(42px,5vw,58px)}.studio-page,.quiz-page{padding-top:42px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:24px;align-items:stretch}.studio-canvas-panel,.studio-tools,.quiz-stage{border:1px solid rgba(45,75,55,.12);background:#fffdf7e8;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-canvas-panel{min-height:492px;padding:28px 30px 30px;border-radius:34px}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.panel-heading-row h2,.studio-tools h2{margin:4px 0 0;font-family:Fraunces,Georgia,serif;color:var(--forest);font-size:25px;font-weight:600}.mini-tempo{width:180px;display:grid;gap:6px;text-align:right}.mini-tempo label{color:var(--forest-soft);font-size:13px;font-weight:800}.mini-tempo input{width:100%;accent-color:var(--red)}.single-staff{min-height:145px;position:relative;margin:22px 0 10px;border-radius:22px;background:#f9f4e68c;overflow:hidden}.single-staff.is-interactive{touch-action:none;-webkit-user-select:none;user-select:none}.single-staff.is-interactive .notation-event{cursor:grab}.single-staff.is-interactive .notation-event:active{cursor:grabbing}.single-staff .notation-canvas{height:145px}.drag-hint{margin:9px 0 21px;color:#5d735f;font-size:13px;font-weight:700;text-align:center}.note-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.note-chip{min-width:66px;padding:9px 12px;display:grid;border:1px solid rgba(31,73,48,.14);border-radius:16px;background:#f8f2e5;color:var(--forest)}.note-chip.is-selected{border-color:var(--red);background:#fff3e7;box-shadow:0 0 0 2px #dd49341f}.note-chip strong{font-size:16px}.note-chip span{color:var(--forest-soft);font-size:11px;font-weight:700}.studio-tools{padding:28px;display:flex;flex-direction:column;gap:21px;border-radius:34px}.duration-picker{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:0}.pitch-stepper{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pitch-stepper button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(35,71,48,.13);border-radius:14px;background:#f7f1e4;font-size:12px;font-weight:800}.duration-picker legend{width:100%;margin-bottom:10px;color:var(--forest-soft);font-size:13px;font-weight:800}.duration-picker button{min-height:76px;padding:10px;display:grid;place-items:center;gap:2px;border:1px solid rgba(35,71,48,.13);border-radius:17px;background:#f7f1e4}.duration-picker button.is-selected{border-color:var(--blue-deep);background:#e8f5f7;box-shadow:0 0 0 2px #4b8da421}.duration-picker button strong{font-size:13px}.duration-picker button small{color:var(--forest-soft);font-size:10px}.studio-tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.soft-button,.shuffle-button,.studio-play-button{border-radius:15px;font-weight:800}.soft-button{min-height:44px;padding:7px 5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(37,71,49,.12);background:#f7f1e4;font-size:11px}.shuffle-button,.studio-play-button{min-height:51px;display:flex;align-items:center;justify-content:center;gap:8px}.shuffle-button{border:1px solid rgba(58,93,66,.12);background:var(--yellow)}.studio-play-button{margin-top:auto;border:0;background:var(--red);color:#fff;box-shadow:0 8px 18px #bc342533}.quiz-heading{margin-bottom:21px}.difficulty-switcher{width:min(620px,100%);margin:0 auto 20px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:1px solid rgba(38,72,50,.12);border-radius:22px;background:#fffdf7d9;box-shadow:0 8px 23px #412f1614}.difficulty-switcher button{min-height:59px;padding:7px 12px;display:grid;place-content:center;gap:1px;border:0;border-radius:17px;background:transparent}.difficulty-switcher button.is-active{background:var(--forest);color:#fffdf6}.difficulty-switcher strong{font-size:15px}.difficulty-switcher span{font-size:10px;font-weight:700;opacity:.75}.quiz-stage{width:min(850px,100%);min-height:540px;margin:0 auto;padding:29px 38px 31px;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:40px}.streak-pill{align-self:flex-end;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f7edc5;color:#6e5a19;font-size:12px;font-weight:800}.streak-pill svg{color:#d9a810}.quiz-stage h2{margin:7px 0 14px;font-family:Fraunces,Georgia,serif;font-size:clamp(29px,4vw,39px);font-weight:600;letter-spacing:-.02em}.listen-orb{width:185px;height:185px;margin:7px 0 30px;display:grid;place-content:center;justify-items:center;gap:12px;border:7px solid #f6e8ca;border-radius:50%;background:var(--yellow);color:var(--forest);box-shadow:0 12px 25px #6347192e,0 0 0 9px #a8d6e673;transition:transform .16s ease}.listen-orb:hover{transform:scale(1.025)}.listen-orb span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}.read-note-stage{width:min(520px,100%);margin:0 0 28px}.read-note-stage .single-staff{margin:0;background:#faf6e9;border:1px solid rgba(35,72,48,.08)}.solfege-keyboard{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:9px}.solfege-keyboard button{min-height:66px;padding:8px 7px;display:grid;place-content:center;border:1px solid rgba(34,71,48,.14);border-radius:17px;background:#f8f2e5;transition:transform .14s ease,background .14s ease,border .14s ease}.solfege-keyboard button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--blue-deep);background:#edf7f8}.solfege-keyboard button.is-correct{border-color:#367e56;background:#dcedd7}.solfege-keyboard button.is-wrong{border-color:var(--red);background:#f8d9d0}.solfege-keyboard strong{font-family:Fraunces,Georgia,serif;font-size:19px}.solfege-keyboard span{color:var(--forest-soft);font-size:10px;font-weight:800}.quiz-feedback{width:100%;min-height:64px;margin-top:19px;padding:10px 13px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;visibility:hidden;border-radius:19px;background:#e2f0dc}.quiz-feedback.is-visible{visibility:visible}.quiz-feedback.is-try-again{background:#f8e1d8}.quiz-feedback>div{display:flex;align-items:center;gap:10px}.quiz-feedback>div>span{display:grid}.quiz-feedback strong{font-size:15px}.quiz-feedback small{color:var(--forest-soft);font-size:11px;font-weight:700}.quiz-feedback button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:0;border-radius:14px;background:var(--forest);color:#fff;font-size:13px;font-weight:800}.app-footer-note{position:relative;z-index:1;margin:5px 0 24px;color:#173f2ea6;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center}@media(max-width:1080px){.app-header{padding-inline:20px;grid-template-columns:auto 1fr}.mode-nav{justify-self:end}.mode-nav-item{min-width:88px;padding-inline:12px}.song-heading{padding-inline:8px}.studio-workspace{grid-template-columns:1fr}.studio-tools{display:grid;grid-template-columns:1fr 1.5fr;align-items:start}.duration-picker{grid-row:span 3}}@media(max-width:820px){.app-frame{padding-bottom:18px}.garden-background{background-position:center top;background-size:auto 100vh;opacity:.65}.app-header{height:132px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:6px}.brand span{font-size:23px}.mode-nav{width:100%;height:58px;padding:4px;position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid rgba(35,71,49,.14);border-radius:24px;background:#fffdf7f5;box-shadow:0 5px 14px #442e1214;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mode-nav-item{min-width:0;height:48px;padding:4px;display:grid;place-content:center;gap:1px;border-radius:18px;font-size:10px}.mode-nav-item svg{margin-inline:auto}.mode-page{width:min(100% - 28px,700px);padding-top:25px}.song-heading{min-height:0;display:flex;gap:14px;padding:0 4px 17px;text-align:center}.song-heading h1{font-size:43px}.lesson-progress{width:min(100%,400px);min-width:0;margin:0 auto}.song-score{padding-inline:0;overflow:hidden;border-radius:28px;background:#fffdf7ad}.measure-grid{grid-template-columns:1fr}.measure-panel:nth-child(n){padding:0 8px}.measure-panel:nth-child(n) .measure-meta{left:21px}.transport-dock{width:calc(100% - 8px);min-height:0;margin-top:15px;padding:13px;bottom:12px;grid-template-columns:45px 66px minmax(0,1fr);gap:10px;border-radius:30px}.transport-secondary{width:43px;height:43px}.transport-primary{width:62px;height:62px}.transport-primary svg{width:32px}.tempo-readout{margin-bottom:8px}.tempo-readout strong{font-size:23px}.tempo-presets,.measure-readout{display:none}.studio-tools{display:flex}.quiz-stage{min-height:0;padding:24px 20px;border-radius:30px}}@media(max-width:540px){.brand svg{width:28px}.section-heading h1{font-size:39px}.section-heading p,.song-heading p{font-size:15px}.lesson-progress{padding-inline:13px}.progress-dots{gap:5px}.progress-dots span{width:9px;height:9px}.studio-canvas-panel,.studio-tools{padding:22px 17px;border-radius:27px}.panel-heading-row{align-items:flex-start}.mini-tempo{width:110px}.single-staff{margin-inline:-10px}.difficulty-switcher{border-radius:19px}.difficulty-switcher button{min-height:52px;padding-inline:4px;border-radius:14px}.difficulty-switcher span{display:none}.listen-orb{width:155px;height:155px}.solfege-keyboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.solfege-keyboard button{min-height:58px;border-radius:14px}.quiz-feedback{align-items:stretch;flex-direction:column}.quiz-feedback button{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}