:root{color:#303030;font-synthesis:none;--plum:#3a3a3a;--muted:#818181;--line:#e4e4e4;background:#f8f6f2;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;transition:background .15s}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a0a0a0}.layout{min-height:100vh;display:flex}.layout>aside{color:#e9e9e9;background:#2b2b2b;flex-direction:column;flex-shrink:0;width:238px;padding:35px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:600;text-decoration:none;display:flex}.brand svg,.brandDot{color:#bdbdbd}.navLabel{letter-spacing:2px;color:#9e9e9e;margin:52px 12px 17px;font-size:9px}.nav{border-radius:9px;align-items:center;gap:12px;padding:14px 13px;font-size:12px;display:flex}.nav span{color:#adadad;margin-left:auto;font-size:10px}.active{background:#414141}.sideCopy{margin:65px 12px 0}.sideCopy p{color:#cecece;font-family:inherit;font-size:32px;line-height:1.1}.sideCopy>span{color:#9e9e9e;font-size:11px;line-height:1.9}.staff{height:140px;padding-top:35px;position:relative;transform:rotate(-8deg)}.staff i{background:#4b4b4b;height:1px;margin:12px 0;display:block}.staff b{color:#959595;font-family:Georgia;font-size:95px;font-weight:400;position:absolute;top:8px;left:50px}.sideBottom{color:#bcbcbc;margin-top:auto;font-size:11px}.sideBottom small{letter-spacing:1.3px;color:#878787;margin-top:12px;font-size:8px;display:block}.tinyDot{background:#b5c6a6;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}main{flex:1;min-width:0;margin-left:238px}header{border-bottom:1px solid var(--line);height:77px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 45px;font-size:11px;display:flex}.slash{color:#bababa;margin:0 16px}.status{font-size:10px}.content{max-width:1190px;margin:auto;padding:42px 45px 24px}.intro{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:2.3px;color:#777;font-size:9px;font-weight:600}h1{letter-spacing:-1.8px;margin:17px 0;font-size:48px;font-weight:500;line-height:1.05}h1 em{color:#6a6a6a;font-family:inherit;font-size:57px;font-weight:400}p{line-height:1.75}.intro p{color:var(--muted);font-size:12px}.introMark{text-align:center;color:#959595;width:160px;margin-right:40px;transform:rotate(9deg)}.introMark>span{font-family:Georgia;font-size:110px;line-height:1}.introMark>div{font-family:inherit;font-size:21px;font-style:italic}.steps{border-block:1px solid var(--line);color:#848484;align-items:center;gap:22px;margin-bottom:28px;padding:18px 0;font-size:11px;display:flex}.steps span{white-space:nowrap;align-items:center;gap:10px;display:flex}.steps b{color:#656565;background:#e5e5e5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:500;display:grid}.steps i{background:#d7d7d7;flex:1;height:1px}.workspace{grid-template-columns:310px 1fr;gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:26px}.sectionTitle{letter-spacing:1.5px;color:#7d7d7d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:9px;display:flex}h2{letter-spacing:-.6px;margin:0 0 8px;font-size:20px;font-weight:500}.muted{color:var(--muted);margin:0 0 23px;font-size:11px;line-height:1.7}label{margin:20px 0 9px;font-size:11px;display:block}.segmented{background:#f2f2f2;border-radius:8px;gap:4px;padding:4px;display:flex}.segmented button{color:#7a7a7a;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px;font-size:11px;display:flex}.segmented button.selected{color:#3a3a3a;background:#fff;box-shadow:0 1px 4px #38383813}select{border:1px solid var(--line);color:#4a4a4a;background:#fff;border-radius:7px;width:100%;padding:11px;font-size:12px}.targetNote{align-items:center;gap:18px;padding:24px 0;display:flex}.targetNote strong{font-family:inherit;font-size:49px;font-weight:400}.targetNote span{color:#696969;font-size:13px}.targetNote small{color:#9d9d9d;margin-top:4px;font-size:9px;display:block}.primary,.outline{border:1px solid var(--plum);background:var(--plum);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:11px;font-weight:500;display:inline-flex}.primary:hover{background:#4e4e4e}.outline{color:var(--plum);background:#fff;border-color:#dadada}.outline:hover{background:#f4f4f4}.full{width:100%}.tip{border-top:1px solid var(--line);color:#8f8f8f;align-items:flex-start;gap:9px;margin-top:22px;padding-top:18px;display:flex}.tip svg{flex-shrink:0}.tip p{margin:0;font-size:10px;line-height:1.7}.badge{letter-spacing:1px;color:#939393;background:#f3f3f3;border-radius:5px;padding:4px 9px;font-size:8px}.badge.live{color:#6b7b55;background:#e9f0e5}.pitchReadout{text-align:center;padding:20px 0 26px}.pitchReadout>span:first-child{font-size:11px}.pitchReadout>strong{margin:14px 0 20px;font-family:inherit;font-size:87px;font-weight:400;line-height:1.1;display:block}.pitchReadout small{color:#969696;margin-top:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;display:block}.pitchStatus{color:#787878;background:#f1f1f1;border-radius:20px;padding:7px 13px;font-size:11px}.pitchStatus.good{color:#71825a;background:#edf3e7}.meter{height:55px;margin:0 20px;position:relative}.meterGood{background:#edf3e7;border-radius:5px;width:40%;height:42px;position:absolute;top:6px;left:30%}.meterLine{border-left:1px solid #b0bfa1;height:55px;position:absolute;top:0;left:50%}.ticks{justify-content:space-between;align-items:center;height:27px;display:flex;position:absolute;inset:13px 0 0}.ticks i{border-left:1px solid #c3c3c3;height:12px}.ticks i:nth-child(5n+1){height:24px}.needle{z-index:1;background:#666;border-radius:4px;width:3px;height:53px;transition:left .15s;position:absolute;top:0}.meterLabels{letter-spacing:1px;color:#959595;justify-content:space-between;margin:10px 20px 0;font-size:8px;display:flex}.tunerActions{justify-content:center;gap:10px;margin-top:35px;display:flex}.tunerFoot{text-align:center;color:#9e9e9e;margin-top:15px;font-size:9px}.iconButton{border:1px solid var(--line);color:#595959;background:#fff;border-radius:7px;padding:10px}.recording{background:#a54a63}.recordingPanel{justify-content:space-between;align-items:center;gap:25px;margin-top:20px;display:flex}.recordingPanel .muted{margin-bottom:0}.recordActions{flex-direction:column;gap:10px;min-width:260px;display:flex}.recordActions audio{width:260px;height:35px}.download{color:#7e7e7e;text-align:center;font-size:10px}.emptyIcon{color:#b4b4b4;background:#f1f1f1;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.report{margin-top:20px}.report p{color:#767676;font-size:12px}.metrics{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:16px 0;padding:24px 0;display:grid}.metrics div{border-right:1px solid var(--line);padding-left:20px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font-size:23px;font-weight:500}.metrics span{color:#8c8c8c;margin-top:5px;font-size:9px;display:block}.textButton{color:#757575;letter-spacing:0;background:0 0;border:0;font-size:10px;text-decoration:underline}.chartTitle{color:#949494;justify-content:space-between;margin:15px 0;font-size:9px;display:flex}.chart svg{width:100%;max-height:180px}.report .reportNote{color:#9b9b9b;font-size:10px}.error{color:#96594a;background:#fbece8;border:1px solid #eed3cb;border-radius:8px;justify-content:space-between;gap:20px;margin-bottom:20px;padding:15px;font-size:12px;display:flex}.error button{color:inherit;background:0 0;border:0}.processing{background:#ececec;border-radius:9px;padding:20px;font-size:12px}.warning{background:#fff4dc;padding:10px}footer{color:#9c9c9c;border-top:1px solid var(--line);justify-content:space-between;margin-top:32px;padding-top:20px;font-size:9px;display:flex}footer span:first-child{align-items:center;gap:7px;display:flex}@media (width<=1100px){.layout>aside{width:190px;padding:28px 18px}main{margin-left:190px}.content{padding:32px 25px}.workspace{grid-template-columns:260px 1fr}.card{padding:22px}.introMark{margin-right:0}.recordingPanel{align-items:flex-start}}@media (width<=780px){.layout>aside{width:auto;padding:18px 20px;position:static}.brand{font-size:22px}.navLabel,.nav,.sideCopy,.sideBottom{display:none}.layout{display:block}main{margin:0}header{height:55px;padding:0 20px}.content{padding:28px 20px}.introMark{display:none}h1{font-size:42px}h1 em{font-size:50px}.steps{gap:7px;font-size:9px}.steps span{gap:5px}.steps i{min-width:3px}.workspace{grid-template-columns:1fr}.settings{display:block}.targetNote{padding:15px 0}.tuner{min-height:450px}.recordingPanel{flex-direction:column}.recordActions,.recordActions audio{width:100%}.emptyIcon{display:none}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics div{border:0;padding:0}footer{flex-direction:column;gap:15px}.chartTitle{gap:10px}.intro p{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.melodySetup{margin-bottom:20px}.melodySetup h2{margin-top:24px}.passageControls{grid-template-columns:2fr 1fr 1fr 1.3fr;align-items:end;gap:14px;display:grid}.passageControls label{margin:12px 0;font-size:12px}input{border:1px solid var(--line);width:100%;color:var(--plum);background:#fff;border-radius:7px;padding:11px}input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a0a0a0}.score{color:#303030;margin:18px 0}.score [role=button]{cursor:pointer}.score [role=button]:focus{outline:2px solid #494949}.score .scoreActive{fill:#9c6329;stroke:#9c6329;filter:drop-shadow(0 0 3px #dab88c)}.score .score-on_target{fill:#4b7156}.score .score-wrong_note,.score .score-sharp,.score .score-flat{fill:#a13d53}.score .score-unassessed,.score .score-missed{fill:#717171}details{margin:16px 0;font-size:12px}summary{cursor:pointer;padding:8px 0;font-weight:600}.melodySetup p,.practiceGuide{color:#5b5b5b;font-size:12px}.pitchStaff{max-width:270px;margin:-18px auto -30px}.pitchReadout{padding-top:0}.pitchReadout>strong{margin:4px 0 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:72px;font-weight:600}.targetCaption{text-align:center;color:#5b5b5b;font-size:11px}.noteDetail{background:#f1f1f1;border-left:4px solid #6a6a6a;border-radius:6px;padding:18px}.noteDetail p{margin-bottom:0}.melodyChart{margin:24px 0}.melodyChart figcaption{color:#5b5b5b;font-size:12px}.melodyChart svg{width:100%}.melodyChart text{fill:#5b5b5b;font:11px DM Sans,sans-serif}.tableScroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--line);min-width:100px;padding:12px}.savedTake{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.savedTake span{flex:1}.meterLabels{color:#5b5b5b;font-size:10px}.pitchStatus{color:#565656}.pitchStatus.good{color:#476136}@media (width<=780px){.passageControls{grid-template-columns:1fr 1fr}.passageControls label:first-child{grid-column:1/-1}.savedTake{flex-wrap:wrap}.score{min-width:0}}.scoreTransport{background:#ebebeb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}#score-area{scroll-margin-top:20px}.melodyChart{overflow-x:auto}.melodyChart svg{min-width:580px}.melodyChart text{font-size:14px}.score{overflow-x:auto}:root{--muted:#6a6a6a}main{margin-left:0}header{height:60px;padding-inline:max(24px,50vw - 500px)}h1{letter-spacing:-1.3px;margin:12px 0;font-size:38px}h1 em{font-size:44px}.intro p{margin:0;font-size:14px}.eyebrow{font-size:10px}.modeSwitch{width:fit-content;margin-bottom:28px}.segmented button{min-height:44px;padding:11px 18px;font-size:13px}.setupHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.melodySetup .setupHeading h2{margin:0 0 6px;font-size:28px}.setupHeading .muted{margin:0;font-size:13px}.instrumentChoice{flex-shrink:0}.passageControls{grid-template-columns:repeat(3,1fr)}.melodySetup>.passageControls{max-width:440px;display:block}label,.passageControls label{font-size:13px}select,input{min-height:44px;font-size:14px}.passageOptions{margin:0 0 20px}summary{color:#575757;padding-block:12px}.practiceTransport{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.practiceTransport strong{font-size:16px;font-weight:600}.practiceTransport p{margin:5px 0 0;font-size:13px}.transportButtons{flex-shrink:0;gap:10px;display:flex}.primary,.outline{border-radius:10px;min-height:46px;font-size:14px}.primary{box-shadow:0 3px 9px #3a3a3a17}.score .scoreActive{filter:none}.scoreTransport{margin-top:16px}.melodySetup>details:not(.passageOptions){border-top:1px solid var(--line);margin-bottom:0}.historyDrawer{border-top:1px solid var(--line);margin-top:26px;padding-top:8px}.historyDrawer>summary{font-size:15px}.recordingPanel{border-color:#bababa;scroll-margin-top:24px}.recordingPanel .muted{font-size:13px}.recordActions{min-width:280px}.recordActions audio{width:100%}.textButton,.download{padding:8px;font-size:12px}footer{font-size:11px}.mode-single .melodySetup{box-shadow:none;background:0 0;border:0;padding-bottom:0;padding-left:0}.mode-single .workspace{grid-template-columns:310px 1fr}@media (width<=780px){.content{padding:24px 16px}header{padding-inline:20px}h1{font-size:30px;line-height:1.18}h1 em{font-size:35px}.card{padding:20px}.setupHeading,.practiceTransport{flex-direction:column;align-items:stretch;gap:16px}.instrumentChoice{align-self:flex-start}.transportButtons>button{flex:1}.modeSwitch{width:100%}.segmented button{padding-inline:10px}.passageControls{grid-template-columns:1fr 1fr}.passageControls label:first-child{grid-column:auto}.passageControls label:last-child{grid-column:1/-1}.recordActions{min-width:0}.mode-single .workspace{grid-template-columns:1fr}}.accountNav{z-index:5;color:#f8f6f2;background:#2b2b2b;flex-wrap:wrap;align-items:center;gap:20px;padding:16px 28px;display:flex;position:relative}.accountNav a{color:inherit;text-decoration:none}.accountNav span{margin-left:auto}.accountNav button{color:inherit;background:0 0;border:1px solid #797979;border-radius:8px;padding:7px 14px}.authPage{place-content:center;min-height:100vh;margin:0;padding:28px;display:grid}.authCard{max-width:510px}.authCard h1,.dashboard h1{margin:12px 0;font-family:inherit;font-size:44px;font-weight:400}.authCard form{gap:16px;margin:24px 0;display:grid}.authCard label,.progressFilters label{gap:8px;display:grid}.authCard input,.progressFilters input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:12px}input:focus-visible{outline-offset:3px;outline:3px solid #a0a0a0}.authCard .primary{width:100%}.dashboard{max-width:1180px;margin:0 auto;padding:36px 24px}.dashboard>.card{margin-top:28px;padding:24px}.dashboard a{color:var(--plum)}.dashboard a.primary{color:#fff;border-radius:8px;padding:12px 18px;text-decoration:none;display:inline-block}.progressFilters{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.progressFilters select{padding:12px}.progressChart{border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;min-height:145px;padding:12px 4px;display:flex;overflow-x:auto}.progressChart a{text-align:center;flex-direction:column;justify-content:flex-end;gap:6px;min-width:38px;font-size:11px;text-decoration:none;display:flex}.progressBar{background:#6c6c6c;border-radius:4px 4px 0 0;display:block}.eyebrow{letter-spacing:2px;font-size:10px}.muted{color:#6b6b6b;font-size:12px}.accountNav~.layout>aside{top:67px}@media (width<=700px){.accountNav{gap:12px;padding:14px}.accountNav span{margin-left:0}.authCard h1,.dashboard h1{font-size:36px}.dashboard{padding:24px 16px}}.practiceStyle{width:fit-content;margin:16px 0}.melodyLiveTuner{z-index:3;background:#fafafa;border:1px solid #d6d6d6;border-radius:12px;align-items:center;gap:28px;margin-top:20px;padding:18px 22px;display:flex;position:sticky;top:8px;box-shadow:0 3px 12px #3030300a}.melodyLiveTuner strong{min-width:100px;font-size:42px;display:block}.melodyTunerGuide{flex:1;min-width:0}.melodyTunerGuide p{margin:5px 0 12px;font-size:14px}.melodyTunerGuide .inTune{color:#376a48}.livePitchTrack{background:#e2e2e2;border-radius:6px;height:9px;position:relative}.livePitchZone{background:#cbdcc6;width:45%;height:100%;position:absolute;left:27.5%}.livePitchNeedle{background:#3a3a3a;width:3px;height:17px;transition:left .12s;position:absolute;top:-4px}.livePitchLabels{color:#6a6a6a;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.guidedHint{font-size:12px}@media (width<=480px){.melodyLiveTuner{gap:14px;padding:14px}.melodyLiveTuner strong{min-width:64px;font-size:34px}}:root{color:#202020;--plum:#49634f;--sage:#49634f;--sage-hover:#3b5140;--sage-soft:#e8eee6;--sage-line:#cdd9c9;--muted:#686868;--line:#e5e5e3;-webkit-font-smoothing:antialiased;background:#f7f7f6}body{line-height:1.5}button,input,select{min-height:44px}button{border:1px solid var(--line);color:#242424;background:#fff;border-radius:9px;padding:10px 16px;font-weight:500}:where(button,a,input,select,summary):focus-visible{outline:2px solid var(--sage);outline-offset:4px}.skipLink{z-index:20;background:var(--sage);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-70px;left:20px}.skipLink:focus{top:12px}.accountNav{color:#202020;border-bottom:1px solid var(--line);background:#fff;flex-wrap:nowrap;gap:36px;min-height:82px;padding:0 max(24px,50vw - 590px);display:flex}.accountNav .studioBrand{color:#171717;letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:10px;font-size:22px;font-weight:650;display:flex}.accountNav .brandIcon{color:#fff;background:var(--sage);border-radius:10px;place-items:center;width:34px;height:34px;margin:0;display:grid}.accountNav .brandLabel{color:#757575;letter-spacing:1.8px;margin:3px 0 0 2px;font-size:9px;font-weight:500}.navTabs{align-self:stretch;align-items:center;gap:5px;display:flex}.accountNav .navTabs a{color:#646464;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:500;display:flex;position:relative}.accountNav .navTabs a.active{color:#fff;background:var(--sage)}.accountActions{align-items:center;gap:16px;margin-left:auto;display:flex}.accountNav .accountName{color:#737373;white-space:nowrap;margin:0;font-size:12px}.accountNav button{white-space:nowrap;border:1px solid #dededc;align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:inline-flex}.guestNotice{color:#666;border-bottom:1px solid var(--line);background:#edf1eb;justify-content:space-between;gap:20px;padding:11px max(24px,50vw - 590px);font-size:12px;display:flex}.guestNotice details{max-width:420px;margin:0}.guestNotice summary{text-align:right;padding:0;font-weight:500}.guestNotice p{margin-bottom:0}.layout header{max-width:1180px;height:62px;margin:auto;padding:0;font-size:12px}.content,.dashboard{max-width:1180px;padding:40px 0 32px}.intro{margin-bottom:32px}.eyebrow{color:#727272;letter-spacing:1.7px;font-size:10px;font-weight:600}h1,.dashboard h1,.authCard h1{letter-spacing:-1.8px;margin:12px 0;font-family:inherit;font-size:clamp(32px,3.3vw,46px);font-weight:600;line-height:1.15}h1 em{font-family:inherit;font-style:normal;font-size:inherit;font-weight:inherit;color:#6b8269}.intro p,.dashboard>p{color:#6a6a6a;font-size:14px}h2{font-weight:600}.card{border-radius:14px;padding:30px;box-shadow:0 2px 5px #00000003}.melodySetup{padding:28px 32px}.modeSwitch{margin-bottom:30px}.segmented{background:#f1f1ef;border:1px solid #e9e9e6;border-radius:10px;padding:4px}.segmented button{white-space:nowrap;color:#666;border-radius:7px;font-size:13px}.segmented button.selected{color:#354c3b;background:var(--sage-soft);font-weight:600;box-shadow:0 1px 4px #00000015}.melodySetup .setupHeading h2{letter-spacing:-.8px;font-size:26px}label{color:#444;font-weight:500}select{appearance:none;cursor:pointer;color:#252525;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #dcdcd9;border-radius:9px;font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000004;padding:13px 44px 13px 15px!important}select:hover:not(:disabled),input:hover:not(:disabled){border-color:#999}select:focus-visible,input:focus-visible{border-color:var(--sage);box-shadow:0 0 0 3px #49634f18}select:disabled,input:disabled{cursor:not-allowed;opacity:.55}input{border-radius:9px;font-size:14px}.passageControls label{gap:8px;display:grid}.melodySetup>.passageControls{max-width:560px}.passageOptions{border-block:1px solid var(--line);margin:20px 0;padding:9px 0}.passageOptions summary{color:#666;font-size:12px;font-weight:500}.primary{background:var(--sage);border-color:var(--sage);color:#fff;border-radius:9px;font-size:13px}.outline{color:#333;border-color:#dcdcd9;border-radius:9px;font-size:13px}.score{background:#fff;border-block:1px solid #ededeb;padding:20px 0}.practiceTransport{background:#f7f7f5;border-color:#e7e7e4}.recordingPanel{background:#fcfcfb}.sectionTitle{color:#727272;font-size:10px}.melodyLiveTuner{border-color:var(--sage-line);background:#f5f8f3;box-shadow:0 3px 12px #00000008}.textButton{color:#444;text-underline-offset:3px;font-size:12px}.historyDrawer{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 20px}.progressFilters{gap:16px}.progressFilters label{flex:1;min-width:200px}.progressFilters>select{flex-basis:100%}th{color:#454545;font-weight:600}th,td{padding:16px}.accountNav .navTabs a.active:hover{background:var(--sage-hover);color:#fff}.segmented button.selected:hover:not(:disabled){color:#354c3b;background:#dce6d8}.progressBar,.needle,.livePitchNeedle{background:var(--sage)}.authCard{padding:36px}.authCard h1{font-size:38px}@media (width<=1240px){.content,.dashboard{padding:32px 24px}.layout header{margin-inline:24px}.accountNav{gap:20px}.accountNav .brandLabel,.accountName{display:none}}@media (width<=760px){.accountNav{flex-wrap:wrap;gap:16px;padding:16px 20px 0}.accountNav .studioBrand{font-size:20px}.accountActions{margin-left:auto}.navTabs{order:3;width:100%;padding-bottom:12px}.accountNav .navTabs a{flex:1;padding:0 10px}.guestNotice{flex-direction:column;gap:6px;padding:12px 20px;font-size:11px}.guestNotice summary{text-align:left}.content,.dashboard{padding:26px 16px}.layout header{margin-inline:16px;font-size:11px}.card,.melodySetup{padding:20px}.setupHeading{flex-direction:column;align-items:flex-start;gap:16px}.setupHeading h2{font-size:23px}.modeSwitch{width:100%}.segmented button{padding:10px 12px}.progressFilters label{flex-basis:100%;min-width:0}.passageControls{grid-template-columns:1fr}.recordActions{min-width:0}h1,.dashboard h1{letter-spacing:-1.1px}}@media (forced-colors:active){.accountNav .navTabs a.active{border:2px solid highlight}select{appearance:auto}}.melodyPitchStaff{text-align:center;padding:8px 12px 12px}.melodyPitchStaff .pitchStaff{margin:0 auto}.melodyPitchStaff p{margin:0}.recordingPanel .analysisNotice{max-width:360px;margin:8px 0}.evidenceGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0;display:grid}.evidenceGrid dt{opacity:.8;font-size:.85rem}.evidenceGrid dd{margin:.3rem 0 0;font-size:1.15rem;font-weight:600}.noteEvidence,.segmentPlayer{border-top:1px solid #8884;margin-top:1rem;padding-top:1rem}.segmentPlayer label{align-items:center;gap:.4rem;display:flex}.segmentPlayer input[type=checkbox]{width:auto}.comparableProgress details{border-bottom:1px solid #8884;padding:1rem 0}.comparableProgress summary{cursor:pointer;line-height:1.6}:root{color:#203635;--plum:#26786e;--sage:#26786e;--sage-hover:#1c6158;--sage-soft:#dceee8;--sage-line:#bfd9d0;--muted:#607773;--line:#d2e2dd;background:#f5f9f8}body{background-color:#f5f9f8;background-image:radial-gradient(52% 460px at 52% 310px,#cce8df 0%,#0000 100%),radial-gradient(55% 600px at 8% 720px,#e0eaf0 0%,#0000 100%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh}button,input,select{color:#203635}button{background:0 0;border-radius:24px;font-weight:400}a{color:var(--sage)}.accountNav{background:0 0;border:0;gap:20px;max-width:1120px;min-height:80px;margin:auto;padding:20px 32px}.accountNav .studioBrand{letter-spacing:-.7px;color:#203635;gap:7px;font-size:19px;font-weight:500}.accountNav .brandIcon{color:var(--sage);background:0 0;border-radius:0;width:24px;height:24px}.accountNav .navTabs{order:initial;width:auto;margin-left:auto;padding:0}.accountNav .navTabs a{min-height:36px;color:var(--muted);border-radius:24px;padding:7px 12px;font-size:12px;font-weight:400}.accountNav .navTabs a.active,.accountNav .navTabs a.active:hover{color:#203635;background:#ffffff80}.accountNav .navTabs a:hover{color:#203635;background:#ffffff60}.accountActions{gap:12px;margin-left:0}.accountNav .accountName{color:var(--muted);overflow-wrap:anywhere;white-space:normal;max-width:130px}.accountNav button{border-color:var(--line);border-radius:24px;min-height:36px;padding:7px 13px}.layout{min-height:0}.content{max-width:1000px;padding:0 40px 24px}.card,.dashboard>.card,.authCard,.recordingPanel,.report{box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px 0}.primary,.dashboard a.primary{color:#f5f9f8;background:#203635;border-color:#0000;border-radius:30px;padding:14px 25px;font-weight:400;box-shadow:0 6px 30px #326c6018}.primary:hover:not(:disabled){background:var(--sage)}.outline,.iconButton{border-color:var(--line);background:0 0;border-radius:24px}.textButton{color:var(--muted);text-decoration:none}.muted,.eyebrow,label,.sectionTitle,.report p,.report .reportNote{color:var(--muted)}.eyebrow{letter-spacing:2.3px;font-size:11px;font-weight:400}.practiceHero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:515px;padding:64px 0 28px;scroll-margin-top:20px;display:flex}.heroSubtitle{color:var(--muted);margin:0;font-size:14px}.heroTuner{width:100%;max-width:460px}.heroTuner .eyebrow{margin:0 0 18px}.heroNote{letter-spacing:-5px;font-size:78px;font-weight:400;line-height:1;display:block}.heroPitchStatus{color:var(--sage);min-height:23px;margin:14px 0;font-size:13px}.heroMeter{background:repeating-linear-gradient(to right, transparent 0, transparent calc(5% - 1px), var(--line) calc(5% - 1px), var(--line) 5%);width:min(100%,330px);height:36px;margin:0 auto;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.heroZone{background:#519f8b22;width:45%;height:100%;position:absolute;left:27.5%}.heroNeedle{background:var(--sage);width:2px;height:36px;transition:left .15s;position:absolute}.heroMeterLabels{max-width:330px;color:var(--muted);justify-content:space-between;margin:7px auto 0;font-size:11px;display:flex}.heroTarget{color:var(--muted);margin:16px 0 0;font-size:12px}.voiceWave{width:100%;height:105px;margin:18px 0 16px;overflow:visible}.voiceWave path{fill:none;stroke:var(--sage);stroke-width:1.5px}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.heroActions .primary{min-width:170px}.heroHint{color:var(--muted);min-height:20px;margin:14px 0 0;font-size:11px}.practiceBelow,.historyDrawer{max-width:700px;margin:auto}.quickSettings{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 0 22px;font-size:12px;display:flex}.quickSettings .passageControls{min-width:0;max-width:260px;display:block}.quickSettings label{gap:0;margin:0;font-size:0}.quickSettings>select{width:auto;max-width:190px}.quickSettings select{box-shadow:none;border:0;font-size:12px}.quickSettings .textButton{align-items:center;gap:7px;display:inline-flex}select,input,.authCard input,.progressFilters input{border:0;border-bottom:1px solid var(--line);box-shadow:none;background-color:#0000;border-radius:0;padding:10px 0}select{padding-left:0!important}.segmented{background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:0}.segmented button{flex:initial;border-radius:24px;font-weight:400}.segmented button.selected,.segmented button.selected:hover:not(:disabled){color:var(--sage);box-shadow:none;background:#ffffff85;font-weight:400}.modeSwitch{width:auto;margin:12px 0 22px}.practiceSettings,.scoreDisclosure,.historyDrawer{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin-block:0;padding:0}.practiceSettings>summary,.scoreDisclosure>summary,.historyDrawer>summary{color:var(--muted);align-items:baseline;gap:12px;padding:18px 0;font-size:12px;font-weight:400;list-style:none;display:flex}.practiceSettings>summary::-webkit-details-marker{display:none}.scoreDisclosure>summary::-webkit-details-marker{display:none}.historyDrawer>summary::-webkit-details-marker{display:none}.practiceSettings>summary:after,.scoreDisclosure>summary:after,.historyDrawer>summary:after{content:"+";margin-left:auto;font-size:16px}.practiceSettings[open]>summary:after,.scoreDisclosure[open]>summary:after,.historyDrawer[open]>summary:after{content:"−"}summary span{text-align:right;margin-left:auto;font-size:11px}.practiceSettings>summary span+:last-child{margin-left:0}.practiceSettings{padding-bottom:0}.practiceSettings[open]{padding-bottom:20px}.practiceSettings .passageControls{grid-template-columns:repeat(3,minmax(0,1fr))}.practiceSettings .passageControls>*{min-width:0}.practiceSettings .passageControls .instrumentChoice{grid-column:1/-1}.practiceSettings #voice-range-help{grid-column:1/-1;margin:0 0 14px}.practiceSettings .targetNote{padding:16px 0}.practiceSettings p,.scoreDisclosure p{color:var(--muted);font-size:12px}.practiceSettings label{font-size:12px}.passageOptions{border:0;border-top:1px solid var(--line);margin-top:20px}.score{background:0 0;border:0;border-radius:0;padding:12px 0}.score .scoreActive{fill:var(--sage);stroke:var(--sage)}.scoreDisclosure .pitchStaff{margin:0 auto}.scoreDisclosure summary{font-weight:400}.recordingPanel,.report{border-top:1px solid var(--line);max-width:800px;margin:24px auto 0}.recordingPanel .sectionTitle{margin-bottom:12px}.report .sectionTitle{flex-wrap:wrap}.noteDetail{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:20px 0}.dashboard{max-width:950px;padding:60px 32px}.dashboard h1,.authCard h1{font-family:Georgia,Times New Roman,serif;font-weight:400}.dashboard>.card{border-top:1px solid var(--line)}.dashboard>p{color:var(--muted)}thead{background:0 0}th{color:#203635}.guestNotice{max-width:920px;color:var(--muted);background:0 0;border:0;margin:auto;padding:0 32px 28px;font-size:11px}.guestNotice summary{color:var(--muted);font-size:11px}footer{max-width:920px;color:var(--muted);border:0;margin-top:28px;font-size:11px}.authPage{min-height:calc(100vh - 80px)}.authCard{width:min(100%,510px)}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.accountNav{flex-wrap:wrap;gap:12px;padding:20px}.accountNav .studioBrand{font-size:18px}.accountNav .navTabs{order:3;justify-content:center;width:100%}.accountNav .navTabs a{flex:initial;padding-inline:16px}.accountActions{margin-left:auto}.content{padding:0 20px 20px}.practiceHero{min-height:450px;padding-top:36px}.heroIntro h1{font-size:46px}.heroTuner .eyebrow{letter-spacing:1.5px;font-size:10px}.quickSettings{gap:8px}.quickSettings .passageControls{max-width:200px}.practiceSettings>summary,.scoreDisclosure>summary{flex-wrap:wrap;gap:8px}.practiceSettings>summary span,.scoreDisclosure>summary span{max-width:65%}.practiceSettings .passageControls{grid-template-columns:1fr 1fr}.practiceSettings .passageControls label:last-child{grid-column:1/-1}.recordingPanel{flex-direction:column;align-items:stretch;gap:16px}.recordActions{min-width:0}.recordActions audio{max-width:100%}.dashboard{padding:36px 20px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics div{border:0;padding:0}.guestNotice{flex-direction:column;gap:8px;padding:0 20px 24px}.guestNotice summary{text-align:left}}@media (pointer:coarse){.accountNav .navTabs a,.accountNav button{min-height:44px}}@media (prefers-reduced-motion:reduce){.heroNeedle{transition:none}}.practiceHero.isPracticing{min-height:0;padding:24px 0 28px}.activeSheet{text-align:left;width:100%;margin-bottom:22px}.activeSheetHeading{justify-content:space-between;align-items:end;gap:16px;display:flex}.activeSheetHeading h2{margin:7px 0 0;font-size:24px;font-weight:500}.readoutLabel{color:#4b6963;letter-spacing:1.8px;font-size:12px;font-weight:500;display:block}.practicePosition{color:var(--muted);font-size:12px}.activeSheet .score{margin:12px 0 0;padding:0}.activeSheet .score .scoreActive{filter:drop-shadow(0 0 4px #26786e45)}.scoreInstruction{color:var(--muted);margin:0;font-size:12px}.clearTuner{width:min(100%,560px);margin:0 auto 24px}.noteComparison{grid-template-columns:1fr 1fr;margin-bottom:22px;display:grid}.noteComparison>div{flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 16px;display:flex}.targetReadout{border-left:1px solid #aecdc4}.noteComparison strong{letter-spacing:-2px;font-size:62px;font-weight:500;line-height:1.1;display:block}.targetReadout strong{color:var(--sage)}.readoutDetail{color:var(--muted);font-size:12px}.pitchRuler{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#afc9c1 calc(10% - 1px) 10%) 50%/100% 12px no-repeat;height:44px;margin:0 16px;position:relative}.pitchRuler:before{content:"";background:#b9cfc8;width:100%;height:2px;position:absolute;top:21px}.pitchTolerance{background:#bdded2;border-radius:20px;width:45%;height:18px;position:absolute;top:13px;left:27.5%}.pitchCenter{background:#26786e;width:2px;height:34px;position:absolute;top:5px;left:50%}.pitchMarker{background:#825b2c;border:3px solid #f5f9f8;border-radius:50%;width:20px;height:20px;transition:left .35s ease-out,opacity .2s;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 2px 7px #20363530}.pitchRulerLabels{color:#4b6963;justify-content:space-between;margin:4px 16px 0;font-size:12px;display:flex}.tuningInstruction{color:#203635;margin:22px 0 4px;font-size:18px;font-weight:500}.tuningDetail{color:var(--muted);margin:0;font-size:13px}.octaveHint{color:var(--muted);margin:10px 0 0;font-size:11px}@media (width<=700px){.practiceHero.isPracticing{padding-top:16px}.activeSheetHeading{flex-wrap:wrap;gap:8px}.activeSheetHeading h2{font-size:21px}.noteComparison strong{font-size:48px}.noteComparison>div{padding-inline:8px}.readoutDetail{font-size:11px}.tuningInstruction{font-size:17px}}@media (prefers-reduced-motion:reduce){.pitchMarker{transition:none}}.melodyFeedback h2{margin:12px 0 24px;font:400 34px Georgia,serif}.feedbackControls{align-items:center;gap:28px;display:flex}.feedbackControls label{flex:0 0 220px;margin:0}.feedbackControls p{max-width:440px;font-size:12px}.feedbackSummary{justify-content:space-between;align-items:center;gap:24px;margin:28px 0 16px;display:flex}.feedbackSummary>strong{color:#203635;font-size:32px;font-weight:500}.feedbackSummary>strong>span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:400;display:block}.feedbackDistribution{border-radius:8px;gap:4px;height:12px;display:flex;overflow:hidden}.feedbackLegend{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin:12px 0 28px;font-size:12px;display:flex}.feedbackHeading{margin:30px 0 10px;font-size:17px;font-weight:500}.feedbackNotes{flex-wrap:wrap;gap:8px;margin:18px 0 24px;display:flex}.feedbackNote{border:0;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:54px;padding:10px 12px;display:flex}.feedbackNote small{font-size:11px}.feedbackNote strong{font-size:17px;font-weight:500}.feedbackNote[aria-pressed=true]{outline-offset:3px;outline:2px solid #203635}.feedbackNote:hover:not(:disabled){filter:brightness(.95)}.feedbackNote.feedback-matched:hover{background:#26786e}.feedbackNote.feedback-close:hover{background:#c6e4db}.feedbackNote.feedback-adjust:hover{background:#f0dfbd}.feedbackNote.feedback-unclear:hover{background:#e0e5e3}.feedbackDetail{border-block:1px solid var(--line);padding:20px 0}.feedbackDetailTitle{color:#203635;flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.feedbackDetailTitle>span{color:var(--sage)}.feedbackComparison{grid-template-columns:1fr 1fr 1fr;gap:18px;margin:22px 0;display:grid}.feedbackComparison>div{flex-direction:column;gap:8px;display:flex}.feedbackComparison span{letter-spacing:1px;color:var(--muted);font-size:11px}.feedbackComparison strong{overflow-wrap:anywhere;font-size:28px;font-weight:500}.melodyFeedback .score .score-matched{fill:#26786e}.melodyFeedback .score .score-close{fill:#529b88}.melodyFeedback .score .score-adjust{fill:#967039}.melodyFeedback .score .score-unclear{fill:#83918b}.melodyFeedback .score .scoreActive{stroke:#203635;filter:none}.feedbackTip{border-left:2px solid #967039;padding-left:16px}@media (width<=600px){.feedbackControls,.feedbackSummary{flex-direction:column;align-items:stretch;gap:10px}.feedbackControls label{flex:auto}.feedbackComparison{gap:10px}.feedbackComparison strong{font-size:23px}.feedbackComparison span{letter-spacing:.4px;font-size:10px}}.practiceUtilities{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 0;display:flex}.practiceUtilities button{color:var(--muted);border:0;align-items:center;gap:7px;font-size:12px;display:inline-flex}.practiceHero .quickSettings{gap:18px;margin:32px 0 0;padding:0}.practiceHero .quickSettings .passageControls{max-width:min(360px,100%)}.practiceHero .quickSettings label{text-align:left;color:var(--muted);gap:5px;font-size:11px}.practiceHero .quickSettings select{border-bottom:1px solid #afcdc3;min-width:240px;max-width:100%;font-size:20px;padding-top:8px!important;padding-bottom:8px!important}.practiceHero .quickSettings .textButton{margin-top:16px;font-size:13px}.practiceModeCaption{color:var(--muted);margin:14px 0 24px;font-size:12px}.heroHint{max-width:420px}dialog.studioDialog{border:1px solid var(--line);color:#203635;background:#f5f9f8;border-radius:18px;width:min(640px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:28px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 80px #20363525}dialog.studioDialog:not([open]){display:none}dialog.studioDialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18332f55}.dialogHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dialogHeading h2{margin:0;font-size:23px;font-weight:500}.dialogHeading button{border:0;place-items:center;padding:10px;display:grid}.dialogDone{margin:24px 0 0 auto;display:block}dialog.musicDialog{width:min(900px,100vw - 32px)}dialog.musicDialog .pitchStaff{margin:0 auto}@media (width<=600px){.practiceUtilities{justify-content:center;gap:0}.practiceUtilities button{padding:8px 10px}.practiceHero:not(.isPracticing){min-height:460px;padding:24px 0 40px}.practiceHero .quickSettings{flex-wrap:wrap;gap:8px}.practiceHero .quickSettings select{width:100%;min-width:0;font-size:18px}dialog.studioDialog{padding:20px}}.essentialChoices{text-align:left;grid-template-columns:1fr 1fr;gap:20px 28px;width:min(100%,540px);margin:28px auto;display:grid}.essentialChoice{border:0;min-width:0;margin:0;padding:0}.essentialChoice legend{color:#4b6963;margin-bottom:10px;padding:0;font-size:12px;font-weight:500}.essentialChoice .segmented{flex-wrap:nowrap;gap:6px;width:100%;margin:0;display:flex}.essentialChoice .segmented button{color:#4b6963;background:#ffffff50;border:1px solid #b5cec5;border-radius:10px;flex:1;min-width:0;padding:10px 12px}.essentialChoice .segmented button.selected,.essentialChoice .segmented button.selected:hover:not(:disabled){color:#f5f9f8;box-shadow:none;background:#203635;border-color:#203635}.essentialChoice .muted{margin:8px 0 0;font-size:11px;line-height:1.5}.essentialStyle{grid-column:1/-1}.essentialStyle .segmented button{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;display:flex}.essentialStyle button span{font-size:14px;font-weight:500}.essentialStyle button small{white-space:normal;font-size:11px;font-weight:400;line-height:1.5}@media (width<=480px){.essentialChoices{gap:20px 12px}.essentialChoice .segmented button{padding:10px 8px;font-size:12px}.essentialStyle .segmented button{padding:12px}.essentialStyle button span{font-size:13px}}.practiceHero:not(.isPracticing){min-height:0;padding:16px 0 32px}.heroIntro{text-align:left;width:100%}.heroIntro h1{letter-spacing:-.7px;margin:0 0 14px;font:500 28px/1.2 Inter,system-ui,sans-serif}.practiceHero .quickSettings{margin:12px 0 24px}.heroActions .primary{min-width:210px;min-height:52px;font-size:15px}.essentialChoices{border-top:1px solid var(--line);gap:16px 24px;margin-top:28px;padding-top:20px}.essentialChoice legend{margin-bottom:7px;font-size:11px}.essentialChoice .segmented button{background:0 0;border:1px solid #0000;border-radius:7px;min-height:34px;padding:6px 10px;font-size:12px}.essentialChoice .segmented button.selected,.essentialChoice .segmented button.selected:hover:not(:disabled){color:#395d88;background:#e0e8f5;border-color:#b9cbe2}.essentialStyle .segmented button{gap:3px;padding:8px 10px}.essentialStyle button span{font-size:12px}.essentialStyle button small{font-size:11px}.scoreFeedbackKey{color:var(--muted);font-size:12px}.melodyFeedback .score{margin-top:24px}.melodyFeedback .score .scoreActive{stroke-width:1px}.secondaryUtilities{justify-content:center;margin:0 auto 20px;padding-top:0}.inlineSettings{text-align:left;width:100%;margin-top:20px}.inlineSettings>summary{cursor:pointer;padding:12px 0}.inlineSettings .passageControls{flex-wrap:wrap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3fc;--plum:#93bdff;--sage:#93bdff;--sage-hover:#b5d2ff;--sage-soft:#223b60;--sage-line:#4d6c97;--muted:#afbdd2;--line:#36465d;--studio-text:#edf3fc;--studio-accent:#93bdff;--studio-success:#7bdfbe;--studio-warning:#eac17d;background:#0d1420}body{color:var(--studio-text);background-color:#0d1420;background-image:radial-gradient(65% 480px at 50% 18%,#1a2d47 0%,#0000 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}button,input,select,h1,h2,h3,strong,th{color:var(--studio-text)}button{background:0 0}button:hover:not(:disabled){background:#24354d}button:disabled,select:disabled,input:disabled{opacity:.55}:where(button,a,input,select,summary):focus-visible{outline-offset:4px;outline:2px solid #b5d2ff}a,.dashboard a{color:#a7caff}.accountNav,.accountNav .studioBrand{color:var(--studio-text);background:0 0}.accountNav .brandIcon{color:var(--studio-accent)}.accountNav .navTabs a,.accountNav .accountName,.accountNav button{color:#c6d2e4}.accountNav .navTabs a:hover,.accountNav .navTabs a.active,.accountNav .navTabs a.active:hover{color:#f3f7ff;background:#24354d}.accountNav button{border-color:#4a5d78}.primary,.dashboard a.primary{color:#101d31;background:#a8caff;border-color:#a8caff;box-shadow:0 5px 22px #00000030}.primary:hover:not(:disabled),.dashboard a.primary:hover{color:#101d31;background:#c3dbff}.primary.recording{color:#25180c;background:#f3c18c;border-color:#f3c18c}.outline,.iconButton{color:#dce8fa;background:0 0;border-color:#4a5d78}.outline:hover:not(:disabled),.iconButton:hover:not(:disabled){background:#24354d}select,input,.authCard input,.progressFilters input{color:#edf3fc;background-color:#0000;border-color:#526884}select{appearance:auto;background-image:none}option{color:#edf3fc;background:#182538}select:focus-visible,input:focus-visible{box-shadow:none}input[type=file]::file-selector-button{color:#edf3fc;background:#263e5e;border:1px solid #526884;border-radius:7px;margin-right:12px;padding:8px 12px}.muted,.eyebrow,label,.sectionTitle,.heroSubtitle,.heroHint,.heroTarget,.readoutLabel,.readoutDetail,.pitchRulerLabels,.practicePosition,.scoreInstruction,.octaveHint,.tuningDetail,.textButton,.download,.practiceUtilities button,.essentialChoice legend,.feedbackComparison span,.feedbackSummary>strong>span,.feedbackLegend,.report p,.report .reportNote,.dashboard>p,.melodyChart figcaption,summary,.practiceSettings p{color:var(--muted)}.essentialChoice .segmented button,.segmented button{color:#c5d2e5;background:0 0}.essentialChoice .segmented button.selected,.essentialChoice .segmented button.selected:hover:not(:disabled),.segmented button.selected,.segmented button.selected:hover:not(:disabled){color:#e4efff;box-shadow:none;background:#243e62;border-color:#779bc9}.essentialChoice .segmented button:hover:not(:disabled){background:#24354d}.practiceHero .quickSettings select{border-color:#526884}dialog.studioDialog{color:#edf3fc;background:#152235;border-color:#526884;box-shadow:0 24px 90px #00000080}dialog.studioDialog::backdrop{background:#030913b8}.dialogHeading h2,.dialogHeading button,.feedbackSummary>strong,.feedbackDetailTitle,.tuningInstruction{color:#edf3fc}.targetReadout{border-color:#526884}.targetReadout strong,.heroPitchStatus,.feedbackDetailTitle>span{color:#a8caff}.pitchRuler{background-image:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#7386a1 calc(10% - 1px) 10%)}.pitchRuler:before{background:#7386a1}.pitchTolerance{background:#2d5b51}.pitchCenter{background:#a1f1d6}.pitchMarker{background:#eac17d;border-color:#152235}.pitchMarker.onTarget{background:#85e5c5}.heroZone{background:#2d5b51}.heroNeedle{background:#a8caff}.score,.pitchStaff{color:#e3eaf5}.score svg,.pitchStaff svg{color:inherit;fill:currentColor}.score svg path,.score svg text,.pitchStaff svg path,.pitchStaff svg text{fill:currentColor}.score .abcjs-note.scoreActive,.activeSheet .score .abcjs-note.scoreActive,.melodyFeedback .score .abcjs-note.scoreActive{color:#101827;fill:#101827;stroke:#101827;stroke-width:.5px;filter:none}.score .scoreActive .scoreCurrentMarker{fill:#ffe066;stroke:#fff6c2;stroke-width:2px;pointer-events:none}.melodyFeedback .score .score-matched{color:#7bdfbe;fill:#7bdfbe}.melodyFeedback .score .score-close{color:#abd1f8;fill:#abd1f8}.melodyFeedback .score .score-adjust{color:#eac17d;fill:#eac17d}.melodyFeedback .score .score-unclear{color:#a8b4c5;fill:#a8b4c5}.score .score-on_target{color:#7bdfbe}.score .score-wrong_note,.score .score-sharp,.score .score-flat{color:#eac17d}.score .score-unassessed,.score .score-missed{color:#a8b4c5}.melodyChart text{fill:#bdcbe0}.melodyChart svg line{stroke:#3b4c64}.melodyChart svg path[stroke-dasharray]{stroke:#a7b6cc}.melodyChart svg path:not([stroke-dasharray]){stroke:#8fbfff}.melodyChart svg rect{fill:#26473f}.feedback-matched{color:#10251e;background:#69c9a8}.feedback-close{color:#142337;background:#b0cdef}.feedback-adjust{color:#2c200e;background:#dfb975}.feedback-unclear{color:#101c2c;background:#8799b2}.feedbackTip{border-color:#eac17d}.error,.warning{color:#ffddba;background:#382b27;border-color:#85624a}.processing{color:#dbe8fa;background:#21334d}.noteDetail{background:0 0}.progressBar{background:#93bdff}.guestNotice,.guestNotice summary,footer{color:var(--muted)}.quietStudio{font-size:17px}.quietStudio .heroHint,.quietStudio .practiceUtilities button,.quietStudio .practiceHero .quickSettings .textButton{font-size:16px}.quietStudio .essentialChoice legend{font-size:14px}.quietStudio .essentialChoice .segmented button{padding:10px 14px;font-size:15px}.quietStudio .essentialChoice .muted,.quietStudio .readoutLabel,.quietStudio .scoreInstruction{font-size:14px}.songPicker{text-align:left;width:min(430px,100%);min-width:0}.songPickerLabel{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.songPickerTrigger{text-align:left;background:#18283d;border:1px solid #526884;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:22px;display:flex}.songPickerTrigger span{overflow-wrap:anywhere;flex:1}.songPickerTrigger svg{color:#a8caff;flex-shrink:0}.songPickerDialog{width:min(560px,100vw - 32px)}.songSearch{border-bottom:1px solid #526884;align-items:center;gap:12px;padding:8px 0;display:flex}.songSearch input{border:0;width:100%;padding:10px 4px;font-size:17px}.songOptions{max-height:45vh;margin:16px 0;overflow-y:auto}.songOption{text-align:left;border:0;border-bottom:1px solid #36465d;border-radius:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 12px;display:flex}.songOption strong{font-size:18px;font-weight:500;display:block}.songOption small{color:var(--muted);margin-top:5px;font-size:14px;display:block}.songOption[aria-pressed=true]{color:#a8caff;background:#243e62}.songUpload{color:#a8caff;align-items:center;gap:10px;padding:12px;font-size:16px;display:flex}@media (width<=600px){.quietStudio .essentialChoice .segmented button{padding:10px;font-size:14px}.songPickerTrigger{font-size:20px}}.welcomePage{background:radial-gradient(at top,#243b56,#0c1420 75%);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.welcomeCard{background:#142235;border:1px solid #42566e;border-radius:24px;width:min(100%,760px);padding:clamp(24px,5vw,56px);box-shadow:0 24px 80px #0004}.welcomeCard h1{letter-spacing:-1.2px;margin:20px 0;font-size:clamp(30px,5vw,46px);line-height:1.12}.welcomeCard h1:focus{outline:none}.welcomeCard p,.journeyCard p{color:#bac9da;line-height:1.65}.welcomeIcon{color:#a1f1d6;background:#28473f;border-radius:16px;margin-bottom:20px;padding:15px;display:inline-flex}.welcomePreview{border-block:1px solid #42566e;align-items:center;gap:20px;margin:22px 0;padding:24px 0;display:flex}.welcomePreview p{margin:8px 0 0}.welcomeOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.welcomeOptions.two{grid-template-columns:repeat(2,minmax(0,1fr))}.welcomeOptions button{text-align:left;color:#edf4ff;white-space:normal;background:#192b40;border:2px solid #42566e;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:20px;line-height:1.5;display:flex}.welcomeOptions button[aria-pressed=true]{background:#25483f;border-color:#9ce8d0}.welcomeOptions span,.welcomeOptions small{color:#c1d0df}.welcomeOptions small{margin-top:auto}.welcomeActions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.welcomeVoice{border:0;margin-top:28px;padding:0}.welcomeVoice legend{font-weight:600}.journeyCard{background:linear-gradient(120deg,#1d3935,#17263a);border:1px solid #466b62;border-radius:18px;margin:24px 0;padding:28px}.journeyCard h2{margin:12px 0;font-size:clamp(22px,3vw,30px)}.journeyCard>.textButton{margin-top:18px;display:block}@media (width<=600px){.welcomeOptions,.welcomeOptions.two{grid-template-columns:1fr}.welcomeOptions button{gap:6px;padding:16px}.welcomePage{padding:16px}.journeyCard{padding:22px}}.practiceUtilities[hidden]{display:none}.practiceHero .quickSettings .textButton{margin-top:0}.demoButton{color:#edf4ff;white-space:normal;text-align:left;background:#1b2e45;border:1px solid #59789e;border-radius:16px;justify-content:center;align-items:center;gap:14px;width:min(360px,100%);margin:18px auto 0;padding:16px 20px;display:flex}.demoButtonIntro{background:#243c57;border-color:#87b9e8}.demoButton:not(:disabled):hover{background:#2d4967;border-color:#adcfff}.demoButtonCopy{flex:1;gap:4px;display:grid}.demoButton>svg{flex-shrink:0}.demoButtonEyebrow{color:#b7d7ff;font-size:12px;font-weight:600}.demoButtonTitle{font-size:16px;font-weight:600;line-height:1.4}.demoButtonHint{color:#c1d0df;font-size:13px}.demoNotice{color:#d3e4ff;background:#203750;border:1px solid #59789e;border-radius:12px;padding:16px 20px}
