@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}.quiz-pro{padding-bottom:32px}.quiz-pro .quiz-heading{margin-bottom:25px}.quiz-pro .quiz-heading h1{margin-bottom:9px}.quiz-pro .quiz-levels{width:min(920px,100%);grid-template-columns:repeat(4,1fr);padding:7px;gap:5px;border-radius:20px}.quiz-pro .quiz-levels button{display:flex;align-items:center;justify-content:flex-start;min-height:67px;padding:10px;gap:9px;text-align:left;border-radius:14px}.quiz-pro .quiz-level-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;font-size:12px;opacity:1;background:#e8edde;border-radius:50%;color:#315640}.quiz-pro .is-active .quiz-level-number{background:#fff6d8;color:#315640}.quiz-pro .quiz-level-text{display:grid;gap:3px;opacity:1}.quiz-pro .quiz-level-text strong{font-size:13px}.quiz-pro .quiz-level-text>span{font-size:9px}.quiz-pro .quiz-pro-stage{width:min(920px,100%);padding:24px 36px 23px;border:1px solid #dfdfcb;border-radius:28px;min-height:570px;background:#fffdf6;box-shadow:0 15px 45px #314a2410;overflow:hidden}.quiz-round-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e9e8db}.quiz-round-id{font-size:10px;font-weight:900;letter-spacing:.16em;color:#708071}.quiz-rewards{display:flex;gap:20px;align-items:center}.quiz-rewards>span{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:800}.quiz-rewards svg{color:#c59112}.quiz-rewards strong{font-size:18px;font-variant-numeric:tabular-nums}.quiz-rewards small{font-size:10px;text-transform:uppercase;color:#758272}.quiz-answer-tools{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.quiz-answer-toggle{display:flex;gap:3px;padding:4px;background:#eeefe5;border-radius:12px}.quiz-answer-toggle button{display:flex;gap:7px;align-items:center;min-height:38px;border:0;border-radius:9px;background:transparent;padding:8px 13px;font-size:12px;font-weight:800}.quiz-answer-toggle button[aria-pressed=true]{color:#fffdf6;background:#274d3a;box-shadow:0 2px 5px #1d362524}.quiz-range{display:grid;gap:3px;font-size:9px;font-weight:900;color:#788172;text-transform:uppercase;letter-spacing:.07em}.quiz-range select{min-height:34px;padding:4px 9px;border:1px solid #dddfd1;border-radius:9px;color:#31533d;background:#fffdf6;font:700 11px Nunito,sans-serif}.listen-steps{display:flex;align-items:center;justify-content:center;gap:23px;list-style:none;margin:9px 0 11px;padding:0}.listen-steps li{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800;color:#7c8779}.listen-steps li>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d9dece;border-radius:50%;font-size:10px}.listen-steps .is-current{color:#2d6044}.listen-steps .is-current>span{background:#2d6044;border-color:#2d6044;color:#fffdf6}.listen-status{text-align:center;min-height:81px}.quiz-pro .listen-status h2{font-size:clamp(27px,4vw,34px);margin:9px 0 5px}.listen-status p{margin:0;font-size:12px;color:#697966}.listen-pitch-guide{display:flex;align-items:center;justify-content:center;gap:36px;width:min(480px,100%);padding:7px 23px;background:linear-gradient(120deg,#f2f3e9,#f8f8ef);border:1px solid #e6e9dc;border-radius:20px;margin:4px 0 17px}.listen-pitch-rail{position:relative;width:81px;height:212px;padding:21px 0;flex-shrink:0}.listen-rail-label{position:absolute;width:100%;left:0;text-align:center;font-size:8px;font-weight:900;letter-spacing:.16em;color:#82907c}.listen-rail-label.is-high{top:3px}.listen-rail-label.is-low{bottom:3px}.listen-rail-track{position:relative;width:58px;height:100%;margin:auto;border-radius:20px;background:#e3e9dc;border:1px solid #d8dfcf}.listen-rail-track:before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:1px;background:#c5d0bc}.listen-rail-zone{position:absolute;top:calc(50% - 28px);left:-7px;right:-7px;height:56px;background:#56a06a25;border:1px solid #8db39a7a;border-radius:11px}.listen-rail-center{position:absolute;top:50%;left:-9px;right:-9px;height:2px;background:#397b50}.listen-rail-dot{position:absolute;left:50%;top:50%;width:26px;height:26px;border:4px solid #fffdf6;border-radius:50%;background:#df9b45;box-shadow:0 2px 7px #344f3340;opacity:.16;transition:transform .11s linear,background .14s ease,opacity .14s ease}.listen-rail-dot.is-visible{opacity:1}.is-centered .listen-rail-dot{background:#3b8758}.listen-pitch-copy{display:grid;align-content:center;width:215px;text-align:left}.listen-small-label{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#72836f}.listen-live-note{display:flex;align-items:center;height:59px;font-size:41px;font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1}.listen-live-note svg{width:39px;height:39px;color:#3a8254}.listen-direction{font-size:13px;font-weight:900}.is-centered .listen-direction{color:#307b4b}.listen-hold-track{height:6px;background:#dce4d4;border-radius:5px;overflow:hidden;margin:13px 0 7px}.listen-hold-track>span{display:block;height:100%;background:#3d8657;transition:width 80ms linear;border-radius:inherit}.listen-pitch-copy small{font-size:9px;color:#7a8874}.listen-round-actions{display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;width:100%}.listen-round-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:13px;padding:10px 24px;font-size:13px;font-weight:900}.listen-primary{background:#b94331;color:#fffdf6;border:1px solid #a53928;box-shadow:0 3px #842e23}.listen-primary:hover{background:#a93d2d}.listen-secondary{background:#fffdf6;color:#36553d;border:1px solid #d9dfcc}.listen-stop{background:#f4eadb;border:1px solid #d6bcb0;color:#984b37}.listen-stop span{margin-left:15px;font-variant-numeric:tabular-nums;opacity:.75}.listen-mic-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;text-align:center;color:#79846f;margin:13px 0 18px}.listen-mic-dot{width:6px;height:6px;background:#659676;border-radius:50%}.listen-error{width:100%;margin:4px 0 17px;padding:12px 16px;background:#fbebe3;border:1px solid #efd4c4;border-radius:12px;font-size:12px;color:#923f2e}.quiz-note-palette{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;width:100%;border-top:1px solid #e9e8db;padding-top:16px;margin-top:auto}.quiz-note-palette>span{margin-right:5px;font-size:8px;letter-spacing:.12em;font-weight:900;color:#85907b}.quiz-note-palette>b{min-width:28px;padding:5px 6px;background:#f0f0e3;border-radius:6px;font-size:10px;text-align:center}.quiz-pro-read .quiz-round-header{margin-bottom:18px}.quiz-pro .quiz-feedback{margin-top:18px;margin-bottom:18px}.quiz-pro button:focus-visible,.quiz-pro select:focus-visible{outline:3px solid #5599b2;outline-offset:3px}@media(max-width:650px){.quiz-pro .quiz-levels{grid-template-columns:repeat(2,1fr);gap:4px;border-radius:16px;margin-bottom:16px}.quiz-pro .quiz-levels button{min-height:57px;padding:8px}.quiz-pro .quiz-level-text>span{display:block;font-size:9px}.quiz-pro .quiz-level-text strong{font-size:12px}.quiz-pro .quiz-pro-stage{padding:18px 18px 20px;border-radius:24px}.quiz-pro .quiz-heading{margin-bottom:19px}.quiz-pro .quiz-heading h1{font-size:33px}.quiz-pro .quiz-heading p{font-size:12px}.quiz-answer-tools{margin:15px 0;gap:8px}.quiz-answer-toggle button{padding:8px 10px;font-size:11px}.quiz-range{font-size:8px}.quiz-range select{font-size:10px;max-width:116px}.listen-steps{gap:14px;margin-top:4px}.listen-steps li{gap:5px;font-size:9px}.listen-steps li>span{width:20px;height:20px}.listen-status{min-height:80px}.quiz-pro .listen-status h2{font-size:28px}.listen-status p{font-size:11px;line-height:1.6}.listen-pitch-guide{padding:3px 17px;gap:22px}.listen-pitch-copy{min-width:0}.listen-live-note{font-size:38px}.listen-direction{font-size:12px}.listen-pitch-copy small{font-size:8px}.listen-round-actions{gap:8px}.listen-round-actions button{padding:10px 17px;font-size:12px}.listen-mic-caption{font-size:9px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.quiz-pro *,.quiz-pro *:before{transition:none!important}}.pro-studio{max-width:1180px;padding-top:22px}.pro-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pro-page-heading h1{font:600 clamp(28px,3vw,40px)/1.2 "Fraunces",serif;letter-spacing:-.035em;margin:6px 0}.pro-page-heading p{margin:0;font-size:14px;color:#48644e}.pro-practice-total{display:grid;grid-template-columns:24px auto;gap:1px 7px;align-items:center;padding:11px 16px;border:1px solid #dbdecc;border-radius:16px;background:#fffdf4}.pro-practice-total svg{color:#b78812;grid-row:1/3}.pro-practice-total strong{font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}.pro-practice-total span{font-size:11px;color:#53634a}.pro-studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;align-items:start}.pro-learning-path{padding:25px 18px;background:#fffdf4e6;border:1px solid #d8ddcc;border-radius:24px}.pro-learning-path>.panel-kicker{margin-left:6px;font-size:10px}.pro-learning-path h2{font:600 24px Fraunces,serif;margin:8px 6px 22px;letter-spacing:-.03em}.pro-course-list{display:grid;gap:9px}.pro-course-list button{padding:15px 10px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;text-align:left;border:1px solid transparent;border-radius:15px;background:transparent}.pro-course-list button:hover:not(:disabled){background:#eceddf}.pro-course-list button.is-current{background:#e4ebd8;border-color:#adbda0}.pro-course-number{color:#708265;font-size:12px;font-weight:800}.pro-course-list strong{display:block;font-size:14px;margin-bottom:4px}.pro-course-list small{display:block;font-size:11px;color:#5b7054}.pro-course-list b{display:grid;place-items:center;background:#fffdf5;border-radius:50%;width:23px;height:23px;font-size:11px;color:#596b50}.pro-path-note{font-size:12px;line-height:1.7;color:#607052;margin:21px 6px}.pro-practice-summary{border-top:1px solid #d9dece;padding:22px 6px 0;display:grid;grid-template-columns:38px 1fr;align-items:center}.pro-practice-summary strong{font:600 29px Fraunces,serif}.pro-practice-summary span{font-size:12px}.pro-practice-summary small{grid-column:1/-1;margin-top:7px;font-size:10px;color:#657759}.pro-practice-column{min-width:0}.pro-arena{--glow:#b8ee99;position:relative;background:linear-gradient(145deg,#214b3c,#102f28);color:#f8f9ed;border:1px solid #456857;border-radius:28px;padding:24px 28px 22px;box-shadow:0 18px 45px #203a2621,inset 0 1px #ffffff16;scroll-margin-top:108px}.pro-arena-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.pro-arena-kicker{color:#bbceae;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pro-arena h2{font:600 26px Fraunces,serif;letter-spacing:-.025em;margin:5px 0 0}.pro-score{display:flex;align-items:center;gap:6px;background:#0e292580;border:1px solid #78987545;border-radius:14px;padding:10px 13px;font-variant-numeric:tabular-nums;white-space:nowrap}.pro-score svg{color:#f3d47a}.pro-score strong{font-size:23px}.pro-score span{font-size:12px;color:#becdb7}.pro-round-steps{display:flex;list-style:none;padding:15px 0 13px;margin:14px 0 0;gap:16px;border-top:1px solid #73957540;border-bottom:1px solid #73957540}.pro-round-steps li{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#b4c5ae}.pro-round-steps li>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#66806640}.pro-round-steps li.is-current{color:#daf8be}.pro-round-steps li.is-current>span{background:#c6eda4;color:#173f2e}.pro-round-steps li.is-complete>span{color:#c6eda4}.pro-stage-status{margin:16px 0 2px;font-size:13px;text-align:center;color:#dce6ce;min-height:20px}.pro-pitch-stage{display:grid;grid-template-columns:105px 1fr 98px;align-items:center;gap:12px;min-height:280px}.pro-vertical-tuner{height:250px;width:98px;position:relative;justify-self:center}.pro-tuner-rail{position:absolute;top:28px;bottom:28px;width:36px;left:20px;border:1px solid #658b7340;border-radius:22px;background:#0c2926b3}.pro-tuner-ticks{position:absolute;top:13px;right:8px;bottom:13px;left:8px;background:repeating-linear-gradient(to bottom,#839d7240 0px,#839d7240 1px,transparent 1px,transparent 18px)}.pro-tuner-zone{position:absolute;top:50%;left:-10px;right:-10px;min-height:7px;border-radius:7px;background:#b5ed912e;transform:translateY(-50%);border-top:1px solid #bbf09535;border-bottom:1px solid #bbf09535}.pro-center-line{position:absolute;top:50%;left:-19px;right:-29px;height:2px;background:#baed98;box-shadow:0 0 16px #b1e38980}.pro-voice-orb{position:absolute;left:50%;width:33px;height:33px;display:grid;place-items:center;background:#759780;border:2px solid #a0b39c;color:#173f2e;border-radius:50%;transform:translate(-50%,-50%);transition:top 90ms linear,background .12s,border-color .12s,box-shadow .12s;opacity:.5}.pro-voice-orb.has-voice{opacity:1;background:#f8bc87;border-color:#ffe0be;box-shadow:0 0 20px #edb28235}.is-in-tune .pro-voice-orb.has-voice{background:#cff4a1;border-color:#e7ffc8;box-shadow:0 0 0 6px #c6ee9720,0 0 30px #c6ee9750}.pro-tuner-high,.pro-tuner-low{position:absolute;left:0;width:78px;font-size:10px;text-align:center;color:#bdcbb5}.pro-tuner-high{top:3px}.pro-tuner-low{bottom:3px}.pro-tuner-center-label{position:absolute;top:calc(50% + 10px);left:60px;white-space:nowrap;color:#c6eda4;font-size:9px;font-weight:800}.pro-note-focus{text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}.pro-note-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#bdcdb5}.pro-big-note{font:600 clamp(62px,7vw,90px)/1.1 "Fraunces",serif;letter-spacing:-.055em;margin:8px 0 2px;color:#f9f9ea;font-variant-numeric:tabular-nums}.pro-big-note.is-score{color:#d3f3a2}.pro-note-pitch{font-size:12px;color:#bdcdb5}.pro-voice-feedback{min-height:59px;margin-top:18px;display:grid;align-content:center;gap:4px}.pro-voice-feedback strong{font-size:16px;font-weight:800;color:#f4d2a8}.pro-voice-feedback.is-in-tune strong{color:#c6eda4}.pro-voice-feedback span{color:#c6d4c0;font-size:11px;font-variant-numeric:tabular-nums}.pro-result-stars{display:flex;gap:8px;margin-top:13px;color:#749474}.pro-result-stars .is-earned{color:#f4d477}.pro-result-detail{margin-top:10px;font-size:11px;color:#c6d4c0}.pro-note-queue{display:grid;gap:4px;width:100%}.pro-note-queue>div{padding:8px 7px;display:grid;grid-template-columns:12px 1fr 18px;gap:5px;align-items:center;border:1px solid #73957525;border-radius:9px;color:#adbfaa;font-size:10px;background:#142f2726}.pro-note-queue>div.is-active{background:#d1efa9;color:#1d412d;border-color:#e8fac5;box-shadow:0 3px 12px #091d2533}.pro-note-queue>div>strong{font-size:13px}.pro-note-queue strong small{display:block;font-size:8px;font-weight:600}.pro-note-queue>div>small{text-align:right;font-size:10px}.pro-note-queue>div.is-done{grid-template-columns:9px 1fr 29px}.pro-beat-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.pro-beat-track>div{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:39px;gap:7px;border:1px solid #79957250;border-radius:9px;overflow:hidden;color:#aec1a7}.pro-beat-track>div>i{position:absolute;inset:auto 0 0;background:#c4ed9930;z-index:-1}.pro-beat-track>div.is-active{border-color:#dbeca785;color:#e6f5c4}.pro-beat-track>div.is-complete{color:#d4efb4}.pro-beat-track span{font-size:10px;font-weight:800;border:1px solid #90a87c55;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.pro-beat-track strong{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.pro-session-footer{display:flex;align-items:center;justify-content:space-between;margin:13px 1px;color:#bacbb0;font-size:10px}.pro-session-footer>span{display:flex;gap:5px;align-items:center}.pro-session-footer>span>i{width:5px;height:5px;background:#91a48d;border-radius:50%}.pro-session-footer>span>i.is-on{background:#c6eda4}.pro-input-level{width:35px;height:3px;border-radius:4px;overflow:hidden;background:#63806550;margin-left:3px}.pro-input-level i{display:block;height:100%;background:#bfdf9b}.pro-game-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:17px}.pro-game-actions button{min-height:50px;border-radius:13px;padding:12px 18px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800}.pro-primary{background:#ef654c;color:#fffefa;border:1px solid #fa997d;box-shadow:0 3px #a43e2c}.pro-primary:hover:not(:disabled){background:#f3755b}.pro-primary:disabled{opacity:1;background:#325647;border-color:#557660;box-shadow:none;color:#c2d3b5}.pro-secondary,.pro-stop{background:#335647;border:1px solid #6f8b6c80;color:#f2f5e4}.pro-stop{border-color:#eda78d;background:#6c3d2f}.pro-error{padding:15px 18px;border-radius:13px;border:1px solid #d79c89;background:#fff1e9;color:#8b352b;font-size:13px;line-height:1.6}.pro-utility-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 3px;color:#5b6f50;font-size:11px}.pro-utility-row button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid #c8d1bb;border-radius:11px;background:#fffdf4;font-size:12px;font-weight:800;white-space:nowrap}.pro-settings,.pro-review{background:#fffdf5e8;border:1px solid #d6dcc9;border-radius:16px;margin-bottom:12px}.pro-settings summary,.pro-review summary{display:flex;gap:8px;align-items:center;cursor:pointer;padding:16px 19px;min-height:54px;font-size:13px}.pro-settings summary:after,.pro-review summary:after{content:"+";margin-left:5px;font-size:20px;color:#658057}.pro-settings[open] summary:after,.pro-review[open] summary:after{content:"−"}.pro-settings summary span,.pro-review summary span{margin-left:auto;font-size:11px;color:#5b7054}.pro-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:6px 20px 22px}.pro-settings-grid label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;margin-bottom:9px}.pro-settings-grid select,.pro-mobile-course select{width:100%;min-height:44px;border:1px solid #c7d0b8;border-radius:9px;background:#f8f8eb;padding:8px 10px;color:#244c34;font:700 12px Nunito,sans-serif}.pro-settings-grid input{width:100%;min-height:40px;accent-color:#497b45}.pro-review>p{font-size:12px;padding:0 18px;line-height:1.6}.pro-review .pitch-chart{padding:0 15px 18px}.pro-review .pitch-graph-body{height:160px}.pro-about{color:#5e7152;font-size:12px;line-height:1.7;margin:20px 4px}.pro-about summary{cursor:pointer;padding:8px 0;font-weight:700}.pro-mobile-course{display:none}.pro-studio button:focus-visible,.pro-studio summary:focus-visible,.pro-studio select:focus-visible{outline:3px solid #55a4c0;outline-offset:4px}@media(max-width:1050px){.pro-studio-layout{grid-template-columns:225px minmax(0,1fr);gap:17px}.pro-learning-path{padding:22px 10px}.pro-arena{padding:21px}.pro-pitch-stage{grid-template-columns:88px 1fr 82px;gap:6px}.pro-big-note{font-size:70px}.pro-course-list button{padding:15px 6px;gap:3px}.pro-course-list strong{font-size:12px}}@media(max-width:800px){.pro-studio-layout{grid-template-columns:1fr}.pro-learning-path{display:none}.pro-mobile-course{display:flex;align-items:center;gap:12px;margin:0 0 14px}.pro-mobile-course label{font-size:11px;white-space:nowrap;font-weight:800}.pro-mobile-course select{flex:1}.pro-pitch-stage{grid-template-columns:105px 1fr 98px;gap:12px}}@media(max-width:720px){.pro-studio.mode-page{width:calc(100% - 28px);padding-top:16px}.pro-page-heading{margin-bottom:16px;gap:10px}.pro-page-heading .eyebrow{font-size:8px;letter-spacing:.1em}.pro-page-heading h1{font-size:26px;margin:5px 0 0}.pro-page-heading p{display:none}.pro-practice-total{padding:8px 10px;grid-template-columns:17px auto;gap:2px 5px;border-radius:12px}.pro-practice-total strong{font-size:17px}.pro-practice-total svg{width:16px}.pro-practice-total span{font-size:8px}.pro-mobile-course{gap:8px;margin-bottom:12px}.pro-mobile-course label{font-size:10px}.pro-mobile-course select{font-size:11px}.pro-arena{border-radius:22px;padding:18px 16px 17px;scroll-margin-top:122px}.pro-arena h2{font-size:23px}.pro-arena-kicker{font-size:9px}.pro-score{padding:8px;border-radius:10px;gap:4px}.pro-score strong{font-size:20px}.pro-score span{font-size:10px}.pro-score svg{width:14px}.pro-round-steps{justify-content:space-between;gap:7px;padding:12px 0;margin-top:13px}.pro-round-steps li{font-size:10px;gap:5px}.pro-stage-status{font-size:12px;margin:14px 0 5px}.pro-pitch-stage{grid-template-columns:87px minmax(0,1fr);gap:6px;min-height:0}.pro-vertical-tuner{height:234px;width:84px}.pro-tuner-center-label{font-size:8px;left:57px}.pro-big-note{font-size:78px}.pro-big-note.is-score{font-size:65px}.pro-note-eyebrow{font-size:9px}.pro-note-pitch{font-size:11px}.pro-voice-feedback{margin-top:12px}.pro-voice-feedback strong{font-size:15px}.pro-voice-feedback span{font-size:10px}.pro-note-queue{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:4px;margin-bottom:8px}.pro-note-queue>div{grid-template-columns:10px 1fr 13px;padding:7px 5px;gap:3px}.pro-note-queue>div>strong{font-size:12px}.pro-note-queue>div>span,.pro-note-queue>div>small{font-size:9px}.pro-note-queue>div.is-done{grid-template-columns:1fr auto}.pro-note-queue>div.is-done>span{display:none}.pro-note-queue strong small{display:inline;margin-left:2px;font-size:7px}.pro-beat-track{gap:6px;margin-top:2px}.pro-beat-track>div{min-height:33px;gap:4px}.pro-beat-track span{width:15px;height:15px;font-size:8px}.pro-beat-track strong{font-size:9px}.pro-session-footer{margin:12px 0}.pro-game-actions{gap:8px;grid-template-columns:minmax(0,1fr) auto}.pro-game-actions button{font-size:12px;padding:11px 12px;min-height:49px}.pro-game-actions button svg{width:18px}.pro-primary{min-width:0}.pro-utility-row{font-size:9px;gap:7px;margin:9px 2px}.pro-utility-row>span{max-width:185px;line-height:1.6}.pro-utility-row button{font-size:11px;padding:8px 11px}.pro-settings summary,.pro-review summary{font-size:12px;padding:14px}.pro-settings summary span{font-size:10px}.pro-settings-grid{gap:15px;padding:4px 15px 17px}.pro-settings-grid label,.pro-settings-grid select,.pro-review .pitch-note-ribbon strong{font-size:11px}.pro-review .pitch-note-ribbon span{font-size:9px}.pro-about{font-size:11px}}@media(max-width:360px){.pro-arena{padding:15px 12px}.pro-arena h2{font-size:20px}.pro-game-actions button{font-size:11px;padding:10px}.pro-big-note{font-size:65px}.pro-settings summary span{display:none}}@media(prefers-reduced-motion:reduce){.pro-studio *,.pro-studio *:before,.pro-studio *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}: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,.site-back-link: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-D3iZ2oRC.webp);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-cluster{justify-self:start;display:inline-flex;align-items:center;gap:13px}.site-back-link{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(37,77,55,.16);border-radius:14px;background:#ffffff94;color:var(--forest);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px #4632160f;transition:transform .16s ease,background .16s ease,border-color .16s ease}.site-back-link:hover{transform:translate(-2px);background:var(--paper-bright);border-color:#254d3747}.site-back-link svg{color:var(--red)}.brand{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-cluster{width:100%;min-height:48px;position:relative;justify-content:center}.site-back-link{position:absolute;left:4px}.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){.site-back-link{width:40px;padding:0;justify-content:center}.site-back-link span{display:none}.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}}.studio-switch{display:flex;justify-content:center;gap:6px;margin:24px auto 0}.studio-switch button{border:1px solid var(--line);padding:10px 22px;border-radius:24px;background:var(--paper-bright);font-size:1rem;font-weight:800}.studio-switch button[aria-pressed=true]{color:#fff;background:var(--forest)}.sing-page{max-width:1180px;margin:auto;padding:26px 32px 20px}.sing-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;gap:16px}.sing-heading h1{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,2.8rem);margin:6px 0;line-height:1.1}.sing-heading p{margin:8px 0 0;font-size:1.0625rem}.sing-measure-badge{display:flex;flex-direction:column;padding:14px 22px;border-radius:20px;background:var(--yellow);font-size:1.3rem;font-weight:900;text-align:center;transform:rotate(3deg)}.sing-measure-badge span{font-size:.875rem;font-weight:700}.sing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:stretch}.sing-pattern-panel,.sing-feedback-panel{background:#fffdf6f7;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:26px;min-width:0}.sing-panel-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px}.sing-panel-top h2{font-family:Fraunces,serif;font-size:1.7rem;margin:6px 0 0}.sing-key{font-size:.875rem;font-weight:800;text-align:right;max-width:125px}.sing-pattern-picker label{display:block;font-size:.875rem;font-weight:800;margin-bottom:6px}.sing-page select{font:inherit;color:var(--forest);border:1px solid #b7c4ae;background:#fffefa;padding:10px 30px 10px 12px;border-radius:10px;width:100%;max-width:100%;min-width:0;font-size:1rem}.sing-page select:focus-visible{outline:3px solid #327f95;outline-offset:3px}.sing-score-strip{margin-top:23px}.sing-beat-ruler{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:8px;text-align:center}.sing-beat-ruler span{font-size:.875rem;padding:5px;border-left:1px solid var(--line);border-bottom:2px solid transparent}.sing-beat-ruler span:first-child{border-left:0}.sing-beat-ruler .is-current{font-weight:900;border-bottom-color:var(--red)}.sing-note-lane{display:flex;gap:5px;min-height:158px;align-items:stretch}.sing-note{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 1px;border:2px solid transparent;border-radius:14px;background:#e6f0de;transition:background .1s,box-shadow .1s}.sing-note.degree-1,.sing-note.degree-5{background:#dceff5}.sing-note.degree-2,.sing-note.degree-6{background:#f9e9ab}.sing-note.degree-3,.sing-note.degree-7{background:#f7dfd3}.sing-note strong{font-size:clamp(1.1rem,2.1vw,1.8rem);font-family:Fraunces,serif}.sing-note span{font-size:.875rem}.sing-note small{margin-top:7px;font-size:.8125rem;white-space:nowrap}.sing-note .sing-note-symbol{font-family:serif;font-size:2rem;line-height:1.1}.sing-note.is-active{border-color:var(--red);box-shadow:0 0 0 3px #dd493421;background:#ffefc2}.sing-note.is-correct{border-color:var(--forest-soft)}.sing-progress{height:5px;background:#e3e6db;border-radius:10px;overflow:hidden;margin-top:14px}.sing-progress>span{height:100%;display:block;background:var(--red)}.sing-stage-message{min-height:91px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;padding:12px 0}.sing-stage-message b{font-family:Fraunces,serif;font-size:1.5rem}.sing-stage-message span{font-size:1rem}.sing-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sing-actions button{min-height:48px;border-radius:14px;font-weight:800;font-size:1rem}.sing-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--red);border:0;color:#fff;box-shadow:0 4px #a93022}.sing-primary:hover:not(:disabled){background:var(--red-dark)}.sing-help{font-size:.875rem;line-height:1.55;margin:22px 0 0;color:#4b604d}.sing-error{background:#fff0e8;color:#9b2c1b;border-left:3px solid #bd3527;padding:12px;font-size:1rem}.sing-feedback-panel{display:flex;flex-direction:column;text-align:center;padding:24px 21px}.sing-mic-status{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:800;margin-bottom:22px}.sing-mic-status>span{height:8px;width:8px;border-radius:50%;background:#879287}.sing-mic-status>span.is-on{background:#29814e;box-shadow:0 0 0 3px #29814e20}.sing-volume{flex:1;margin-left:8px;height:6px;border-radius:10px;background:#dfe6d8;overflow:hidden}.sing-volume i{display:block;height:100%;background:var(--forest-soft)}.sing-heard-note{font:3.5rem Fraunces,serif;font-weight:700;min-height:72px;padding-top:6px}.sing-target{font-size:.9375rem;margin:2px 0 20px}.sing-tuner{height:22px;position:relative;border-radius:20px;background:linear-gradient(to right,#f6d6c3,#f4edd3 30%,#f4edd3 70%,#f6d6c3)}.sing-tune-zone{height:100%;position:absolute;left:50%;transform:translate(-50%);background:#b9d2aa}.sing-tune-center{position:absolute;left:50%;height:100%;width:2px;background:#45633a}.sing-tuner i{display:block;position:absolute;top:-4px;height:30px;width:5px;border-radius:5px;background:var(--forest);transform:translate(-50%)}.sing-tuner-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:.8125rem}.sing-pitch-feedback{min-height:27px;font-weight:900;margin:14px 0 20px;font-size:1rem}.sing-pitch-feedback.is-in-tune{color:#257747}.sing-score-summary{border-top:1px solid var(--line);padding-top:19px;display:flex;flex-direction:column;gap:4px}.sing-score-summary>span{font-size:1rem}.sing-score-summary>strong{font-family:Fraunces,serif;font-size:3.2rem;line-height:1.2}.sing-score-summary small{font-size:1.5rem}.sing-beat-results{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:16px}.sing-beat-results>div{display:flex;flex-direction:column;gap:5px}.sing-beat-results span{font-size:.8125rem}.sing-beat-results b{font-size:1rem}.sing-coverage,.sing-engine{font-size:.8125rem;line-height:1.4;margin:16px 0 0}.sing-next{justify-content:center;margin-top:16px}.sing-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:22px;padding:20px 26px;background:#fffdf6eb;border-radius:20px;border:1px solid var(--line)}.sing-settings>div{min-width:0}.sing-settings label{display:block;font-size:.875rem;font-weight:800;margin-bottom:8px}.sing-settings label strong{float:right}.sing-settings input{width:100%;accent-color:var(--forest-soft);min-height:36px}.sing-about{font-size:.875rem;line-height:1.6;margin-top:18px;padding:0 8px}.sing-about summary{cursor:pointer;font-weight:800}.sing-about a{color:var(--forest)}@media(max-width:900px){.sing-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.sing-page{padding:24px 18px}.sing-pattern-panel{padding:20px}.sing-settings{gap:16px}.sing-note-lane{gap:3px}}@media(max-width:720px){.sing-workspace{grid-template-columns:1fr}.sing-page{padding:20px 14px}.sing-heading{margin-bottom:20px}.sing-measure-badge{padding:12px;font-size:1.1rem}.sing-heading p{max-width:220px}.sing-panel-top{align-items:flex-start}.sing-panel-top h2{font-size:1.5rem}.sing-pattern-panel{padding:18px 14px}.sing-note-lane{min-height:145px}.sing-note strong{font-size:1.125rem}.sing-note small{font-size:.75rem}.sing-note span{font-size:.8125rem}.sing-feedback-panel{padding:20px}.sing-heard-note{font-size:2.8rem;min-height:58px}.sing-score-summary>strong{font-size:2.8rem}.sing-settings{grid-template-columns:1fr;gap:16px;padding:20px}.studio-switch{margin-top:18px}.studio-switch button{padding:10px 17px}.sing-key{max-width:110px}}@media(prefers-reduced-motion:reduce){.sing-note{transition:none}}.sing-pattern-picker+.sing-actions{margin-top:16px}.sing-mobile-live{display:none}@media(max-width:720px){.has-live-mic{padding-bottom:110px}.sing-mobile-live{display:flex;gap:12px;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:16px 18px max(16px,env(safe-area-inset-bottom));background:var(--forest);color:#fff;box-shadow:0 -3px 20px #173f2e25;align-items:center}.sing-mobile-live>div{flex:1;display:flex;flex-direction:column;gap:4px}.sing-mobile-live strong{font-size:1rem}.sing-mobile-live span{font-size:.875rem}.sing-mobile-live>b{font-size:1.5rem}.sing-mobile-live button{display:flex;align-items:center;justify-content:center;color:var(--forest);background:var(--yellow);border:0;border-radius:50%;width:44px;height:44px}}@media(max-width:720px){.sing-heading h1{font-size:1.6rem}.sing-heading p{font-size:.9375rem}.sing-heading .eyebrow{font-size:.75rem}.sing-measure-badge{font-size:.875rem;padding:9px;max-width:75px;min-width:65px}.sing-measure-badge span{font-size:.75rem}.sing-panel-top{display:block}.sing-key{display:block;max-width:none;text-align:left;margin-top:8px}.sing-actions{gap:8px}.sing-actions button{font-size:.875rem}.sing-actions .soft-button{padding:10px 12px}.sing-actions .sing-primary{padding:12px 14px}}.chart-studio.sing-page{max-width:1260px;padding-top:20px}.chart-studio .sing-heading{margin-bottom:18px}.chart-studio .sing-heading h1{font-size:2.2rem}.chart-studio .sing-heading p{margin-top:5px}.chart-studio .sing-workspace{grid-template-columns:minmax(0,1fr) 270px}.chart-studio .sing-pattern-panel{padding:22px}.chart-studio .sing-panel-top{margin-bottom:16px}.chart-studio .sing-actions{justify-content:flex-start}.chart-studio .sing-help{margin-top:14px}.sing-lesson-steps{list-style:none;padding:0;margin:22px 0 0;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.sing-lesson-steps li{display:flex;align-items:center;gap:7px;padding:0 0 12px;font-size:.875rem;color:#627362;border-bottom:3px solid transparent}.sing-lesson-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e8eade;font-weight:900}.sing-lesson-steps .is-current{border-bottom-color:var(--red);color:var(--forest);font-weight:900}.sing-lesson-steps .is-current>span{background:var(--red);color:#fff}.sing-lesson-steps .is-complete>span{background:#c5e5bb}.sing-round-cue{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:12px 0}.sing-round-cue strong{font-family:Fraunces,serif;font-size:1.2rem}.sing-round-cue span{font-size:.875rem;max-width:53%}.sing-round-cue.singing strong{color:#257747}.pitch-chart{min-width:0}.pitch-note-ribbon{display:flex;padding-left:62px;gap:3px}.pitch-note-ribbon>div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;border-radius:8px 8px 0 0;padding:8px 2px;background:#e9efe0;border-bottom:3px solid transparent}.pitch-note-ribbon strong{font-size:1.05rem;font-family:Fraunces,serif}.pitch-note-ribbon span{font-size:.8125rem}.pitch-note-ribbon .is-active{background:#ffe6a0;border-bottom-color:var(--red)}.pitch-graph-body{display:flex;height:270px}.pitch-y-labels{width:62px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:9px 5px 9px 0;font-size:.8125rem;font-weight:900}.pitch-y-labels small{display:block;font-size:.75rem;font-weight:600;margin-top:2px}.pitch-y-center{color:#23794b}.pitch-plot{position:relative;flex:1;min-width:0}.pitch-plot svg{display:block;width:100%;height:100%;border:1px solid #d4decd;border-radius:0 0 10px 10px}.pitch-voice-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#bd5629;border:3px solid white;box-shadow:0 0 0 2px #bd5629;transform:translate(-50%,-50%);pointer-events:none}.pitch-voice-dot.in-tune{background:#27874e;box-shadow:0 0 0 2px #27874e}.pitch-empty-copy{position:absolute;left:5%;right:5%;top:76%;font-size:.875rem;text-align:center;color:#667562}.pitch-x-labels{display:flex;padding-left:62px;margin-top:8px;font-size:.8125rem;color:#586b52}.pitch-x-labels span{flex:1;text-align:center}.pitch-chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0 62px;font-size:.8125rem;color:#4c6048}.pitch-chart-legend span{display:flex;align-items:center;gap:5px}.pitch-chart-legend i{width:16px;height:3px;display:inline-block;background:#bd5629}.pitch-chart-legend i.green{background:#27874e}.pitch-free-title{margin-left:62px;padding:12px 0;font-weight:900;font-size:1rem}.pitch-free-title span{display:block;font-weight:400;font-size:.875rem;margin-top:4px}.sing-cents{font-size:.8125rem;min-height:20px;margin:-12px 0 20px;color:#61705d}.chart-studio .sing-score-summary>strong{font-size:3rem}.chart-studio .sing-score-summary small{font:1rem Nunito,sans-serif}.chart-studio .sing-settings{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:18px}.sing-mobile-live small{font-size:.8125rem}@media(max-width:1000px){.chart-studio .sing-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.chart-studio .sing-settings{grid-template-columns:1fr 1fr}.sing-lesson-steps li{font-size:.8125rem}}@media(max-width:720px){.chart-studio.sing-page{width:100%;padding:14px 12px 20px}.chart-studio .sing-workspace{grid-template-columns:1fr}.chart-studio .sing-heading{padding:0 5px;margin-bottom:14px}.chart-studio .sing-heading h1{font-size:1.6rem}.chart-studio .sing-heading p{font-size:.875rem}.chart-studio .sing-pattern-panel{padding:16px 12px}.chart-studio .sing-panel-top{display:flex;margin-bottom:12px}.chart-studio .sing-panel-top h2{font-size:1.3rem}.chart-studio .sing-key{max-width:80px;margin:0;text-align:right;font-size:.8125rem}.chart-studio .sing-actions{gap:8px}.chart-studio .sing-actions button{min-height:44px;font-size:.875rem}.sing-lesson-steps{gap:5px;margin-top:18px}.sing-lesson-steps li{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:.8125rem}.sing-round-cue{min-height:76px;display:block}.sing-round-cue strong{display:block;font-size:1.125rem;margin-bottom:4px}.sing-round-cue span{display:block;max-width:none;font-size:.8125rem}.pitch-graph-body{height:220px}.pitch-y-labels{width:49px;font-size:.75rem}.pitch-y-labels small{font-size:.75rem}.pitch-note-ribbon,.pitch-x-labels{padding-left:49px}.pitch-note-ribbon strong{font-size:.9375rem}.pitch-note-ribbon span{font-size:.75rem}.pitch-free-title,.pitch-chart-legend{margin-left:49px}.pitch-chart-legend{font-size:.75rem;gap:8px 12px}.pitch-empty-copy{font-size:.8125rem}.chart-studio .sing-settings{grid-template-columns:1fr}.chart-studio.has-live-mic{padding-bottom:110px}}.mode-studio .studio-switch{margin-top:14px}.chart-studio.sing-page{padding-top:14px}.chart-studio .sing-heading h1{font-size:1.9rem}.chart-studio .sing-heading{margin-bottom:14px}.chart-studio .sing-panel-top{align-items:center;margin-bottom:0;flex-wrap:wrap}.chart-studio .sing-panel-top>div:first-child{flex:1}.chart-studio .sing-panel-top h2{font-size:1.45rem;margin:3px 0}.chart-studio .sing-key{display:block;max-width:none;text-align:left;font-size:.8125rem}.chart-studio .sing-actions{gap:8px}.chart-studio .sing-actions button{min-height:44px;padding:10px 13px;font-size:.9375rem}.chart-studio .sing-lesson-steps{margin-top:16px}.chart-studio .sing-lesson-steps li{padding-bottom:8px}.chart-studio .sing-round-cue{min-height:56px}.chart-studio .pitch-graph-body{height:230px}@media(max-width:1000px){.chart-studio .sing-panel-top{display:block}.chart-studio .sing-actions{margin-top:12px}}@media(max-width:720px){.chart-studio .sing-heading h1{font-size:1.5rem}.chart-studio .sing-heading p{max-width:none}.chart-studio .sing-panel-top h2{font-size:1.25rem}.chart-studio .sing-panel-top .panel-kicker{display:none}.chart-studio .sing-key{margin-top:4px}.chart-studio .sing-actions button{font-size:.8125rem;padding:10px}.chart-studio .sing-round-cue{min-height:68px}.chart-studio .pitch-graph-body{height:220px}}.pitch-x-labels.is-free{justify-content:space-between}.pitch-x-labels.is-free span{flex:none}.app-header{height:74px;box-shadow:0 3px 15px #34422609}.mode-nav-item{height:48px;min-width:104px;border-radius:15px;font-size:14px}.mode-nav-item svg{width:23px}.brand span{font-size:23px}.studio-switch{width:fit-content;padding:4px;gap:3px;border:1px solid #ccd6bd;border-radius:99px;background:#fffdf4d9}.studio-switch button{min-height:38px;padding:7px 18px;border:0;font-size:12px;background:transparent}.pro-page-heading{margin-bottom:19px}.pro-studio{padding-top:17px}.pro-arena{scroll-margin-top:90px}.pro-note-queue>div>small:after{content:" b";font-size:8px;opacity:.7}.pro-note-queue>div.is-done>small:after{content:none}.pro-arena-kicker,.pro-note-eyebrow,.pro-tuner-high,.pro-tuner-low{font-size:11px}.pro-tuner-center-label{font-size:10px}.pro-session-footer,.pro-beat-track strong{font-size:11px}select,textarea{font:inherit}summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4b8da4;outline-offset:3px}@media(max-width:820px){.app-header{height:auto;min-height:106px;padding-top:9px;padding-bottom:8px;gap:6px}.brand span{font-size:21px}.brand svg{width:25px}.site-back-link{min-height:32px;height:32px}.mode-nav{margin-top:0;padding:3px;border-radius:17px}.mode-nav-item{min-width:0;height:41px;border-radius:13px;font-size:10px;gap:2px}.mode-nav-item svg{width:21px;height:21px}.mode-studio .studio-switch{margin-top:10px}.studio-switch button{min-height:34px;padding:6px 16px;font-size:11px}.pro-arena{scroll-margin-top:120px}}@media(max-width:720px){.pro-studio.mode-page{padding-top:13px}.pro-page-heading{margin-bottom:13px}.pro-session-footer,.pro-beat-track strong,.pro-arena-kicker,.pro-note-eyebrow{font-size:10px}.pro-voice-feedback span{font-size:11px}.pro-utility-row{font-size:10px}.pro-note-pitch,.pro-about{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.quiz-pro .quiz-pro-stage{scroll-margin-top:90px}.quiz-pro .listen-round-actions{margin:2px 0 16px}.quiz-pro .listen-pitch-copy small{font-size:11px}.quiz-pro .listen-rail-label{font-size:10px}@media(max-width:720px){.quiz-pro .quiz-pro-stage{scroll-margin-top:120px}.quiz-pro .quiz-heading{margin-bottom:15px}.quiz-pro .quiz-levels{margin-bottom:12px}.quiz-pro .listen-pitch-copy small,.quiz-pro .listen-mic-caption{font-size:10px}}.pro-arena{background:#173f2e url(./music-garden-wide-Az5CiZvN.webp) center/cover no-repeat;border-color:#c5d39d90;box-shadow:0 22px 55px #183b3033,inset 0 0 0 1px #ffefbf30;isolation:isolate;overflow:hidden}.pro-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0b302d65,#09282414 50%,#112f286b);pointer-events:none}.pro-arena>*{position:relative;z-index:2}.pro-arena .music-effects{position:absolute;z-index:1}.pro-arena-top{gap:10px}.pro-arena-top>div:first-child{flex:1}.pro-arena h2{text-shadow:0 2px 12px #001e20c9}.pro-arena-kicker{color:#e2e8cb;text-shadow:0 1px 4px #002c28}.pro-focus-button{flex-shrink:0;width:44px;height:44px;border:1px solid #becda960;display:grid;place-items:center;color:#f0edcd;border-radius:12px;background:#123b3299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pro-focus-button:hover{background:#406653cc}.pro-score{background:linear-gradient(160deg,#365c46dd,#153b31e6);border-color:#c1d09770;box-shadow:inset 0 1px #f6f4c936,0 4px 10px #001b2633}.pro-score svg{filter:drop-shadow(0 1px 3px #dfb15766)}.pro-game-actions button{min-height:52px;border-radius:15px}.pro-primary{background:linear-gradient(#fa8361,#de5239);border-color:#ffac82;box-shadow:inset 0 1px #ffe8bfa8,0 4px #913d2b,0 7px 20px #10271d44}.pro-primary:hover:not(:disabled){background:linear-gradient(#ff9670,#eb6043);transform:translateY(-1px)}.pro-primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffe8bfa8,0 1px #913d2b}.pro-secondary{background:linear-gradient(#416e51e6,#254e3ce6);border-color:#bfce9855;box-shadow:inset 0 1px #cee0b72e,0 3px #0c2b244d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pro-stop{background:linear-gradient(#8d5b3bea,#62372ae8)}.pro-round-steps{background:#092f2990;border:1px solid #c1d09730;border-radius:12px;padding:11px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pro-stage-status{color:#f2f1d9;text-shadow:0 1px 8px #072b29}.pro-pitch-stage{min-height:306px}.pro-vertical-tuner{height:275px;width:110px;border:1px solid #a5c58d40;background:linear-gradient(155deg,#284f43a6,#10372dcc);border-radius:23px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #eaf5ce26,0 6px 24px #092c264d}.pro-tuner-rail{left:24px;top:29px;bottom:29px;background:linear-gradient(90deg,#102f29,#062723,#14392c);border-color:#b1c98b50;box-shadow:inset 0 2px 9px #032420}.pro-tuner-high,.pro-tuner-low{width:87px;color:#e1e6c7}.pro-tuner-high{top:7px}.pro-tuner-low{bottom:7px}.pro-tuner-center-label{left:64px;color:#e7ffc4;font-size:10px}.pro-center-line{background:#daf8ae;box-shadow:0 0 6px #d2fd8599,0 0 20px #cffa6377}.pro-voice-orb{opacity:.85;background:radial-gradient(circle at 34% 25%,#d4edc4,#6c977e 70%);border:2px solid #cfe4b699;box-shadow:inset 0 1px 3px #f2ffd7}.pro-voice-orb.has-voice{background:radial-gradient(circle at 30% 25%,#fff4d4,#efaf5c 65%,#ac7441);border-color:#ffe5b0}.is-in-tune .pro-voice-orb.has-voice{background:radial-gradient(circle at 30% 25%,#fff,#d6f898 60%,#8cba4a);border-color:#f3ffd2;box-shadow:inset 0 1px 5px #fff,0 0 0 7px #cfff9329,0 0 27px #d2ff9788}.pro-note-focus{padding:18px 10px;border-radius:50%;background:radial-gradient(ellipse,#12362ab3 22%,#12362a77 51%,transparent 72%)}.pro-big-note{color:#fffbe5;text-shadow:0 3px 0 #6b8f6352,0 6px 24px #062825}.is-in-tune .pro-big-note{color:#e8ffbf;text-shadow:0 3px 0 #8ea96952,0 0 26px #e9ffb04d}.pro-note-eyebrow,.pro-note-pitch{color:#f0efd3;text-shadow:0 1px 5px #093123}.pro-voice-feedback span{color:#e3edce;text-shadow:0 1px 5px #093123}.pro-note-queue>div{background:#10392fba;border-color:#bfd9a342;box-shadow:inset 0 1px #e5f5c514;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e0e7cb}.pro-note-queue>div.is-active{background:linear-gradient(#f2ffd2,#cce4a0);color:#1e462f;border-color:#f8ffe0;box-shadow:inset 0 1px #fff,0 3px #70914d,0 0 17px #c7f39035}.pro-note-queue>div.is-done{background:#154031d9;color:#e9f2d2}.pro-beat-track>div{background:#143a2fe6;border-color:#b4c9907a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #dae6b62e}.pro-beat-track>div>i{background:linear-gradient(#bada8870,#73ac6550)}.pro-beat-track>div.is-active{border-color:#edffa9;box-shadow:0 0 12px #d9ec902e}.pro-session-footer{margin-bottom:0;color:#f0f0d4;text-shadow:0 1px 5px #113c2b;background:#12352da8;border:1px solid #bbcda02e;border-radius:9px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pro-result-stars svg{filter:drop-shadow(0 3px 0 #725b302b) drop-shadow(0 0 8px #ffe49d1c)}.pro-result-stars .is-earned{color:#ffe4a0}.pro-result-detail{color:#ecf0d7;text-shadow:0 1px 5px #093123}.pro-course-list button{grid-template-columns:40px 1fr 20px;gap:9px;padding:15px 7px}.pro-course-number{height:37px;width:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#ffffec,#e0e4cb);border:1px solid #cdd4b6;color:#557444;box-shadow:inset 0 1px #fff,0 3px #b9c3a329}.pro-course-list button.is-current .pro-course-number{background:linear-gradient(140deg,#ffe8a6,#e4bf68);color:#74551c;border-color:#d6b466;box-shadow:inset 0 1px #fff9dd,0 3px #bd924c3d}.pro-effects-toggle{grid-column:1/-1;display:grid!important;grid-template-columns:22px 1fr;align-items:center;margin:0!important}.pro-effects-toggle input{width:18px;min-height:18px;margin:0}.pro-effects-toggle span{grid-column:2;font-size:10px;font-weight:600;color:#627c51}.app-frame:has(.pro-studio.is-focused) .app-header,.app-frame:has(.pro-studio.is-focused) .studio-switch,.app-frame:has(.pro-studio.is-focused) .app-footer-note{display:none}.pro-studio.is-focused{width:min(1060px,calc(100% - 44px));padding-top:22px}.pro-studio.is-focused .pro-page-heading,.pro-studio.is-focused .pro-learning-path,.pro-studio.is-focused .pro-mobile-course{display:none}.pro-studio.is-focused .pro-studio-layout{grid-template-columns:1fr}.pro-studio.is-focused .pro-arena{scroll-margin-top:15px}.pro-studio.is-focused .pro-pitch-stage{min-height:360px;grid-template-columns:145px 1fr 115px;gap:24px}.pro-studio.is-focused .pro-vertical-tuner{height:315px}.pro-studio.is-focused .pro-big-note{font-size:110px}@media(max-width:1050px){.pro-arena h2{font-size:23px}.pro-course-list button{grid-template-columns:32px 1fr 20px;gap:5px}.pro-course-number{width:30px;height:34px}.pro-pitch-stage{grid-template-columns:110px 1fr 85px;gap:7px}}@media(max-width:720px){.pro-arena{background-image:url(./music-garden-tall-DFRHUoc4.webp);background-position:center;border-radius:24px;padding:17px 16px 20px}.pro-arena:before{background:linear-gradient(#062e287d,#0b302d24 55%,#12342d69)}.pro-arena-top{gap:7px}.pro-arena h2{font-size:21px}.pro-arena-kicker{font-size:9px}.pro-score{padding:8px 7px}.pro-score svg{display:none}.pro-score strong{font-size:19px}.pro-focus-button{width:44px;height:44px;border-radius:10px}.pro-game-actions{margin-top:15px}.pro-game-actions button{min-height:49px;font-size:12px}.pro-round-steps{padding:10px 11px;margin-top:15px}.pro-stage-status{margin-top:13px}.pro-pitch-stage{grid-template-columns:91px minmax(0,1fr);gap:8px;min-height:0}.pro-vertical-tuner{width:89px;height:237px;border-radius:19px}.pro-tuner-rail{left:18px;width:30px;top:29px;bottom:29px}.pro-tuner-high,.pro-tuner-low{width:72px;font-size:10px}.pro-tuner-center-label{left:53px;font-size:9px}.pro-center-line{left:-11px;right:-29px}.pro-note-focus{padding:17px 5px}.pro-big-note{font-size:75px}.pro-note-eyebrow{font-size:9px}.pro-voice-feedback strong{font-size:14px}.pro-voice-feedback span{font-size:11px}.pro-note-queue{margin-top:12px;margin-bottom:10px}.pro-beat-track>div{min-height:34px}.pro-session-footer{margin-top:12px;font-size:10px}.pro-studio.is-focused{width:calc(100% - 18px);padding-top:9px}.pro-studio.is-focused .pro-pitch-stage{grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:0}.pro-studio.is-focused .pro-vertical-tuner{height:292px;width:94px}.pro-studio.is-focused .pro-big-note{font-size:86px}}@media(prefers-reduced-motion:reduce){.pro-arena *{transition:none!important;animation:none!important}}.listen-pitch-guide{background:linear-gradient(#103c2e38,#0b2e286b),url(./music-garden-wide-Az5CiZvN.webp) center/cover;border-color:#839f6c;box-shadow:inset 0 1px #f4edb74d,0 8px 24px #103e2a1a}.listen-pitch-copy{padding:17px 12px;border-radius:16px;background:#0b3426ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#f3f6d9}.listen-small-label,.listen-pitch-copy small{color:#d8e7bd}.listen-direction{color:#f7d9a3}.is-centered .listen-direction{color:#d4f7ac}.listen-live-note svg{color:#d2f39c}.listen-hold-track{background:#acc78745}.listen-hold-track>span{background:linear-gradient(90deg,#78b46a,#d8f6a8)}.listen-rail-label{color:#e5eaca;text-shadow:0 1px 5px #062e28}.listen-rail-track{background:#0b3029bd;border-color:#b3c99473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.listen-rail-center{background:#d8f5a4;box-shadow:0 0 12px #cbeb9d55}.listen-rail-zone{background:#c4ed9929;border-color:#d8f6b136}.listen-rail-dot{background:radial-gradient(circle at 35% 25%,#fffce0,#e8b677);border-color:#f7f8dc}.is-centered .listen-rail-dot{background:radial-gradient(circle at 35% 25%,#f7ffd3,#aeda77);border-color:#f3ffd2}.song-follow-stage{background:linear-gradient(90deg,#0b322ba1,#0c332a61),url(./music-garden-wide-Az5CiZvN.webp) center/cover;color:#f6f8df}.song-follow-content{position:relative;padding:15px;border-radius:17px;background:#0d332966;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.song-line-heading{color:#ebefd2}.song-line-heading>span:last-child{background:#bcd7973d;color:#e9f6cb}.song-solfege-invitation,.song-current-words,.song-current-words.is-instrumental{color:#fffbe4;text-shadow:0 1px 8px #103a2e}.song-note-orb{color:#4d5126;background:radial-gradient(circle at 30% 20%,#ffffe5,#f3da8b 67%,#c6a45b);border-color:#d2be77;box-shadow:0 0 0 8px #f9f1b730,0 0 0 9px #dfe2a961,0 10px 28px #12352566,inset 0 2px 4px #fffbe3}.song-follow-note,.song-follow-note.is-rest,.song-follow-note.is-past{background:#0c372bc9;border-color:#c5d49861;color:#e7f0c9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.song-follow-note.is-current{color:#23452b;background:linear-gradient(#f5ffd9,#d8eda8);border-color:#effbc7;box-shadow:inset 0 1px #fff,0 3px #92ae58}.song-beat-track{padding-top:17px}@media(max-width:720px){.song-follow-content{padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.song-note-orb{box-shadow:0 0 0 4px #f9f1b730,0 0 0 5px #dfe2a961,0 7px 20px #12352566,inset 0 2px 4px #fffbe3}.listen-pitch-guide{gap:16px}.listen-pitch-copy{padding:13px 10px}}.garden-background{background:#f7f7f2;opacity:1}.app-frame:after{display:none}.pro-arena,.pro-studio.is-focused .pro-arena{background:#fff;color:#173f2e;border:1px solid #d9e1da;box-shadow:0 6px 24px #173f2e08}.pro-arena:before,.pro-arena:after{display:none}.pro-arena *,.pro-learning-path *{text-shadow:none!important}.pro-arena .pro-session-footer{background:#f5f7f4;border-color:#e0e7df;color:#52685d}.pro-learning-path .pro-course-number{background:transparent;box-shadow:none;border-color:#d9e1da}.pro-arena h2,.pro-big-note,.pro-big-note.is-score{color:#173f2e}.pro-arena-kicker,.pro-stage-status,.pro-note-eyebrow,.pro-note-pitch,.pro-result-detail,.pro-session-footer,.pro-tuner-high,.pro-tuner-low,.pro-voice-feedback span{color:#52685d}.pro-score,.pro-focus-button,.pro-note-focus,.pro-vertical-tuner{background:transparent;border-color:#d9e1da;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#173f2e}.pro-score span{color:#52685d}.pro-round-steps{background:#f5f7f4;border-color:#e0e7df;-webkit-backdrop-filter:none;backdrop-filter:none}.pro-round-steps li{color:#52685d}.pro-round-steps li.is-current{color:#173f2e}.pro-round-steps li.is-current>span,.pro-round-steps li.is-complete>span{color:#fff;background:#327557}.pro-tuner-rail{background:#f1f4f0;border-color:#d7e1d7;box-shadow:none}.pro-center-line{background:#39805a;box-shadow:none}.pro-tuner-zone{background:#d7e9d9;border-color:#afd0b6}.pro-tuner-center-label{color:#327557}.pro-voice-orb.has-voice{background:#e8b485;border-color:#cc925f;box-shadow:none}.is-in-tune .pro-voice-orb.has-voice{background:#4e9368;border-color:#307a4c;color:#fff;box-shadow:none}.pro-voice-feedback strong{color:#805629}.pro-voice-feedback.is-in-tune strong{color:#327557}.pro-note-queue>div{background:#f7f8f5;color:#52685d;border-color:#e0e7df;box-shadow:none}.pro-note-queue>div.is-active{background:#fbe9e3;color:#b13d29;border-color:#e2a396;box-shadow:none}.pro-beat-track>div,.pro-beat-track>div.is-complete{color:#52685d;border-color:#d9e1da;background:#f7f8f5;box-shadow:none}.pro-beat-track>div.is-active{color:#b13d29;border-color:#dd4934;background:#fff2ed}.pro-beat-track>div>i{background:#dcead9}.pro-game-actions .pro-primary{background:#cc4935;color:#fff;border-color:#bb402e;box-shadow:none}.pro-game-actions .pro-primary:hover:not(:disabled){background:#b73e2b}.pro-game-actions .pro-secondary,.pro-game-actions .pro-stop{background:#f3f6f1;color:#173f2e;border-color:#cdd9cc;box-shadow:none}.pro-learning-path{background:#fff;box-shadow:none;border-color:#d9e1da}.pro-course-number{background:transparent;box-shadow:none}.pro-settings,.pro-review,.pro-about{background:#fff}.pro-pitch-stage{min-height:265px}.song-view-score .song-score{background:#fff;border:1px solid #e0e5dc;border-radius:20px;padding:20px;margin-bottom:115px}.single-staff.is-interactive{cursor:pointer;touch-action:auto}.notation-event.is-selected:not(.is-current){fill:#2779a0;stroke:#2779a0}.notation-event.is-selected:not(.is-current) path{fill:#2779a0;stroke:#2779a0}.single-staff:focus-visible{outline:3px solid #2779a0;outline-offset:4px;border-radius:12px}.editor-help{margin:0;color:#52685d;font-size:12px;line-height:1.6}.studio-tool-row{flex-wrap:wrap}.studio-workspace{grid-template-columns:minmax(0,1fr) 340px}.studio-canvas-panel{align-self:start}.single-staff{overflow-x:auto}.studio-canvas-panel .single-staff .notation-canvas{min-width:560px}@media(max-width:1080px){.studio-workspace{grid-template-columns:1fr}}@media(max-width:720px){.song-view-score .song-score{padding:8px;border-radius:14px}.pro-arena{padding:18px 16px}.pro-note-focus{padding:12px 4px}.pro-pitch-stage{min-height:0}}.builder-page,.rhythm-challenge,.listen-sequence{max-width:1200px;margin:auto}.builder-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0 20px}.builder-toolbar label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.builder-toolbar input,.builder-toolbar select,.sound-control select{border:1px solid #cdd4ca;border-radius:9px;background:#fff;color:#273c35;padding:9px;font:inherit}.bpm-control input{width:76px}.primary-action{border:0;border-radius:12px;background:#285b49;color:#fff;padding:12px 20px;font:inherit;font-weight:800;cursor:pointer;min-height:44px}.builder-toolbar button[aria-pressed=true]{background:#dfebdc;color:#244d3c;border-color:#739a72}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.builder-paper,.builder-inspector,.challenge-card{background:#fff;border:1px solid #dfe4da;border-radius:20px;padding:24px;box-shadow:0 4px 16px #233e2805}.builder-paper{min-width:0}.builder-paper-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.builder-paper-heading h2,.builder-inspector h2,.challenge-card h2{font-size:23px;margin:8px 0 14px}.builder-paper-heading>span,.builder-hint{font-size:13px;color:#617064;line-height:1.6}.builder-paper .single-staff{overflow-x:auto;margin:12px 0;max-width:100%}.builder-paper .notation-canvas{min-width:520px}.builder-inspector{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.builder-inspector h2{margin:0 0 3px}.inspector-row{display:flex;gap:8px}.inspector-row>*{flex:1;padding:10px 8px}.builder-durations{border:0;padding:0;margin:0;display:grid;gap:6px}.builder-durations legend{font-size:13px;font-weight:800;margin-bottom:8px}.builder-durations button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e1e5dd;background:#fafbf8;border-radius:10px;padding:10px 12px;color:#344d40;font:inherit;font-size:13px;cursor:pointer}.builder-durations button[aria-pressed=true]{background:#e7efe0;border-color:#7b9a67}.builder-durations span{color:#596653;font-size:12px}.builder-inspector .builder-hint{margin:0}.sound-control{display:flex;justify-content:space-between;align-items:center;font-weight:700}.event-strip{display:flex;gap:7px;flex-wrap:wrap}.event-strip button{border:1px solid #dce2d6;border-radius:10px;background:#fafbf7;color:#365044;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;min-width:65px;font:inherit;cursor:pointer}.event-strip button[aria-pressed=true]{background:#e5efdc;border-color:#6c9055;box-shadow:0 0 0 1px #6c9055}.event-strip button.playing{background:#fff0ed;border-color:#cc4545;color:#b22c30}.event-strip small{font-size:10px;color:#667363}.event-strip span{font-size:11px}.rhythm-listen-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rhythm-listen-row>div{flex:1;min-width:210px}.challenge-card p{color:#617064;line-height:1.6}.challenge-divider{height:1px;background:#e7eadf;margin:26px 0}.rhythm-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.rhythm-slots button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #d6ddce;border-radius:12px;background:#fafbf7;color:#334c40;padding:16px;font:inherit;cursor:pointer}.rhythm-slots button[aria-pressed=true]{outline:2px solid #617f50;outline-offset:2px}.rhythm-slots small{color:#617064}.rhythm-slots span{font-size:13px}.rhythm-palette,.challenge-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0 4px}.rhythm-palette button{display:flex;flex-direction:column;gap:5px;min-width:110px}.rhythm-palette span{font-size:12px}.points-badge{margin-left:auto;color:#356045;font-size:14px;font-weight:800}.listen-answers{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.listen-answers button{min-width:85px;min-height:76px;border:1px solid #d2ddc7;border-radius:14px;background:#f2f5eb;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#34503d;font:inherit;cursor:pointer}.listen-answers strong{font-size:24px}.correct{background:#e4f3e6!important;border-color:#388649!important;color:#205c31!important}.incorrect{background:#fce9e5!important;border-color:#be5450!important;color:#942c2b!important}.step-locked{opacity:.55}.challenge-card progress{width:100%;height:12px;accent-color:#4a795a}.builder-page button:disabled,.challenge-card button:disabled,.builder-toolbar button:disabled{opacity:.45;cursor:not-allowed}.builder-page button:focus-visible,.challenge-card button:focus-visible,.builder-toolbar :focus-visible{outline:3px solid #c89a31;outline-offset:3px}@media(max-width:900px){.builder-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.builder-paper,.builder-inspector{padding:16px}.builder-paper .notation-canvas{min-width:420px}}@media(max-width:640px){.builder-grid{grid-template-columns:1fr}.builder-inspector{position:static}.builder-durations{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-paper,.challenge-card{padding:16px}.builder-toolbar{gap:8px}.builder-toolbar .soft-button{padding:10px}.rhythm-palette button{min-width:90px;flex:1}.listen-answers{gap:8px}.listen-answers button{min-width:64px}.builder-paper-heading h2{font-size:20px}.builder-page .section-heading p{font-size:15px}}