.warm-site{--paper:#f5f0e6;--panel:#fcf9f2;--ink:#332e26;--muted:#756b5e;--line:#d9d1c2;--green:#a8452d;--soft:#e8dfcd;--sand:#eee2cb;--orange:#a8452d;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.warm-site .header{min-height:108px}.warm-site .brand{letter-spacing:-1.6px;font-size:28px}.site-mark{width:34px;height:38px;color:var(--green);margin-right:10px}.warm-site .brand-dot{color:var(--green)}.warm-site h1,.warm-site h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}.warm-site h1{line-height:1.08}.warm-site .eyebrow{color:var(--green);letter-spacing:.15em;font-size:10px}.warm-site button,.warm-site .button,.warm-site select{border-radius:3px}.warm-site .primary{background:var(--green);border-color:var(--green);color:#fff9ed}.warm-site .primary:hover{background:#853520}.warm-site .home-design{min-height:0}.warm-site .curriculum{padding-top:30px}.warm-site .chapter-card{box-shadow:none;border-radius:0}.warm-site .chapter-card h3{font:25px/1.2 Georgia,serif}.warm-site .article-card{background:var(--panel);box-shadow:none;border-radius:4px}.warm-site .article-card h3{font:27px/1.25 Georgia,serif}.warm-site .approach{background:var(--soft);border-radius:55% 55% 4px 4px;padding:65px 30px 40px}.warm-site .practice,.warm-site .takeaway,.warm-site .formula{background:var(--soft);border-color:var(--line)}.warm-site .quiz{background:var(--panel)}.warm-site .lab{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:0}.warm-site .lab h2{font-family:Arial,sans-serif;font-size:22px;font-weight:500}.warm-site .lab-head{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:16px}.warm-site .piano .white.in-chord{color:#3d3426;background:#d8ae80}.warm-site .piano .black.in-chord{color:#fff;background:#966a41}.warm-site .piano .white.in-scale:not(.in-chord){color:#524d40;background:#f9f5eb}.warm-site .piano button.sounding{color:#fff!important;background:#a8452d!important}.warm-site .piano button:focus-visible{outline-offset:-3px;z-index:4}.warm-site .lab-reading{border:1px solid var(--line);background:#eee7db;padding:22px}.warm-site .page-lab{max-width:1600px}.warm-site .page-lab .page-intro{max-width:860px;padding-bottom:35px}.warm-site .page-lab .page-intro h1{margin-bottom:16px;font-size:58px}.warm-site .page-lab .lead{font-size:17px}.demo-workspace{border:1px solid var(--line);background:var(--panel);grid-template-columns:245px minmax(0,1fr);display:grid}.demo-workspace .demo-library{border-right:1px solid var(--line);background:#eae2d3;padding:25px 20px}.demo-workspace .demo-card{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #c6bcaa;border-radius:0;flex-direction:column;gap:14px;margin:0 0 10px;padding:19px 15px;display:flex}.demo-workspace .demo-card[aria-pressed=true]{color:#fff9ed;background:#a8452d;border-color:#a8452d}.demo-workspace .demo-card:hover{box-shadow:inset 3px 0 #a8452d}.demo-workspace .demo-card[aria-pressed=true]:hover{box-shadow:none}.demo-workspace .demo-tag{opacity:1;font:10px/1.5 Courier New,monospace}.demo-workspace .demo-card strong{font-size:16px;line-height:1.3}.demo-workspace .demo-card>span:last-child{opacity:1;align-self:end;margin:0;font-size:17px}.free-link{border-top:1px solid #c6bcaa;margin-top:30px;padding-top:15px;font-size:12px;display:block}.demo-desk{min-width:0;padding:30px}.demo-desk h2{letter-spacing:-.035em;margin-bottom:10px;font-family:Arial,sans-serif;font-size:28px;font-weight:500}.demo-desk .eyebrow{letter-spacing:.1em;margin-bottom:16px;font:10px Courier New,monospace}.demo-description{color:var(--muted);font-size:14px}.demo-settings{border-block:1px solid var(--line);align-items:center;gap:35px;margin:23px 0;padding:18px 0;display:flex}.demo-settings label{gap:9px;font:11px Courier New,monospace;display:grid}.demo-settings select{min-width:120px;font:13px Arial,sans-serif}.demo-settings input{width:180px;accent-color:var(--green)}.demo-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:25px;display:grid}.demo-sequence button{text-align:left;background:var(--paper);border-radius:0;flex-direction:column;gap:12px;min-width:0;padding:14px 12px;display:flex}.demo-sequence button[aria-pressed=true]{color:var(--ink);border-color:var(--green);box-shadow:inset 0 2px var(--green);background:#eee0ca}.demo-sequence button>span{color:var(--muted);font:10px Courier New,monospace}.demo-sequence strong{overflow-wrap:anywhere;font-size:18px;font-weight:500;line-height:1.25}.demo-sequence small{font:10px/1.5 Courier New,monospace}.demo-desk .piano{border-radius:0;height:160px;box-shadow:0 5px #ccc2b1}.demo-transport{align-items:center;gap:10px;margin:25px 0 18px;display:flex}.demo-transport span{color:var(--muted);max-width:190px;margin-left:auto;font-size:11px}.demo-volume{align-items:center;gap:15px;font-size:11px;display:flex}.demo-volume input{accent-color:var(--green);max-width:120px}.demo-desk .micro{margin-top:12px;font-size:11px}.demo-prompt{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.demo-prompt p:not(.eyebrow){font-size:14px;line-height:1.8}.demo-prompt a{color:var(--green);font-size:12px}.free-heading{max-width:740px;padding:60px 0 20px}.free-heading h2{margin-bottom:12px;font-size:32px}.free-heading p{color:var(--muted);font-size:15px}.warm-site .standalone-lab{align-items:start;margin-bottom:65px}@media (max-width:1050px){.demo-workspace{grid-template-columns:200px minmax(0,1fr)}.demo-desk{padding:23px}.demo-sequence strong{font-size:15px}.demo-transport span{display:none}}@media (max-width:760px){.warm-site .header{min-height:90px;padding-top:15px;padding-bottom:15px}.warm-site .brand{font-size:24px}.demo-workspace{grid-template-columns:1fr}.demo-workspace .demo-library{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:16px;display:grid}.demo-library>.eyebrow,.demo-library .free-link{grid-column:1/-1}.demo-library .free-link{margin-top:8px;padding-top:10px}.demo-workspace .demo-card{gap:8px;margin:0;padding:12px 9px}.demo-workspace .demo-card strong{font-size:12px}.demo-workspace .demo-tag{font-size:9px}.demo-desk{padding:20px 15px}.demo-desk h2{font-size:25px}.demo-settings{justify-content:space-between;gap:20px}.demo-settings input{width:130px}.demo-sequence{gap:5px}.demo-sequence button{padding:10px 6px}.demo-sequence strong{font-size:12px}.demo-sequence small{font-size:9px}.demo-desk .piano{height:135px}.warm-site .page-lab .page-intro h1{font-size:44px}.warm-site .approach{border-radius:4px;padding:30px}}.editorial-lesson{max-width:720px;margin:0 auto;padding:48px 0 80px}.reading-back{color:var(--muted);margin-bottom:45px;font-size:14px;display:inline-block}.reading-title{margin-bottom:54px}.warm-site .reading-title h1{letter-spacing:-.045em;max-width:680px;margin:0 0 28px;font:clamp(40px,5vw,62px)/1.07 Georgia,serif}.reading-title>p{color:var(--muted);max-width:670px;margin:0;font:20px/1.75 Arial,sans-serif}.reading-body{max-width:650px}.reading-body section{margin:0 0 42px}.warm-site .reading-body h2{letter-spacing:-.025em;margin:0 0 20px;font:29px/1.25 Georgia,serif}.reading-body p{margin:0 0 20px;font-size:17px;line-height:1.9}.reading-link{color:var(--green);text-underline-offset:5px;font-size:16px;text-decoration:underline}.interval-example{border-block:1px solid var(--line);margin:35px 0 56px;padding:24px 0}.interval-example figcaption{margin-bottom:20px;font-size:16px;line-height:1.7}.interval-choices{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.warm-site .interval-choices button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-right:20px;padding:7px 0;font-size:14px}.warm-site .interval-choices button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}.reading-keyboard{isolation:isolate;max-width:480px;height:145px;display:flex;position:relative}.reading-keyboard button{border-radius:0 0 3px 3px;justify-content:center;align-items:end;padding:0 0 12px;font-size:12px;display:flex}.reading-keyboard .natural{color:#665f53;background:#fcf9f2;border:1px solid #c7bfaf;flex:1;min-width:0}.reading-keyboard .accidental{color:#fff9ed;z-index:1;background:#37352e;border:1px solid #37352e;width:7.5%;height:62%;font-size:10px;position:absolute;top:0}.reading-keyboard .interval-selected{color:#332e26;background:#d8ae80}.reading-keyboard .playing{color:#fff;background:#a8452d}.reading-keyboard button:focus-visible{outline-offset:-3px;z-index:2}.interval-play{gap:20px;margin-top:18px;display:flex}.warm-site .interval-play button{color:var(--green);background:0 0;border:0;border-radius:0;padding:6px 0;font-size:14px}.warm-site .interval-play button:last-child{color:var(--muted)}.reading-body .sound-footnote{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.reading-check{border-block:1px solid var(--line);margin:35px 0;padding:19px 0}.reading-check summary{cursor:pointer;font-size:16px}.warm-site .reading-check .quiz{background:0 0;border:0;margin:25px 0 0;padding:0}.warm-site .reading-check .quiz h2{display:none}.reading-check .quiz>div{gap:10px;margin-bottom:20px;display:flex}.reading-check .quiz button{text-align:center;min-width:60px}.reading-body .reading-bridge{margin-top:45px}.reading-next{padding-top:20px}.reading-next a{color:var(--green);justify-content:space-between;gap:25px;font:24px/1.4 Georgia,serif;display:flex}@media (max-width:760px){.editorial-lesson{padding:30px 0 55px}.reading-back{margin-bottom:32px}.reading-title{margin-bottom:38px}.reading-title>p{font-size:18px}.reading-body p{font-size:16px}.warm-site .reading-body h2{font-size:26px}.interval-choices{gap:5px}.warm-site .interval-choices button{margin-right:12px;font-size:12px}.reading-next a{font-size:22px}}.lesson-listening{border-block:1px solid var(--line);margin:25px 0 30px;padding:20px 0}.lesson-listening figcaption{margin-bottom:12px;font-size:16px;line-height:1.7}.listening-actions{flex-wrap:wrap;gap:8px 24px;display:flex}.warm-site .listening-actions button{color:var(--green);text-align:left;background:0 0;border:0;border-radius:0;padding:6px 0;font-size:14px}.warm-site .listening-actions button:last-child{color:var(--muted)}.reading-body .listening-notes{overflow-wrap:anywhere;margin:15px 0 0;font-size:15px;line-height:1.8}.reading-previous{color:var(--muted);margin-top:28px;font-size:14px;display:inline-block}.warm-site .home-design .hero-actions>.concept-cta:last-child{border-bottom:0;padding:17px 21px}.warm-site .home-design .hero-description{max-width:390px}.warm-site .approach,.warm-site .approach h2,.warm-site .approach p{color:var(--ink)}.warm-site .approach .eyebrow{color:var(--green)}.piano-scroll{max-width:100%;padding-bottom:8px;overflow-x:auto}.piano-scroll .piano{width:100%}.freestyle{border:1px solid var(--line,#d8cebd);background:#faf7ef;min-width:0;margin-bottom:32px;padding:clamp(20px,3vw,36px)}.freestyle-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.freestyle h2{margin:0}.freestyle-heading p{margin:8px 0 0}.freestyle-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.freestyle-controls select{max-width:100%}.freestyle-readout{border-top:1px solid #d8cebd;grid-template-columns:1fr 1fr;gap:24px;min-height:130px;padding:20px 0;display:grid}.freestyle-readout span{color:#716757;font-size:.85rem}.freestyle-readout p{overflow-wrap:anywhere;margin:8px 0}.freestyle-readout .freestyle-chord{color:#a7462a;font-size:1.8rem}.freestyle details{margin-top:18px}.freestyle summary{cursor:pointer}.demo-desk,.standalone-lab,.lab{min-width:0}@media (max-width:650px){.freestyle-heading{flex-direction:column;align-items:flex-start}.freestyle-readout{grid-template-columns:1fr;gap:8px}}.warm-site .page-practice{max-width:1600px}.page-practice .page-intro{max-width:850px}.page-practice .page-intro h1{font-size:clamp(2.5rem,4vw,4.5rem)}.practice-workspace{border:1px solid #d8cebd;grid-template-columns:250px minmax(0,1fr);margin-bottom:70px;display:grid}.practice-library{background:#eae3d4;padding:24px}.practice-library h2{margin:0 0 24px;font:600 .85rem Arial,sans-serif}.practice-library>button{text-align:left;background:0 0;border:1px solid #c9beac;flex-direction:column;gap:12px;width:100%;margin-bottom:12px;padding:18px;display:flex}.practice-library>button[aria-pressed=true]{color:#fffaf1;background:#a7462a}.practice-library button span,.practice-library button small{font-size:.75rem}.practice-library button strong{font-size:1rem;font-weight:500}.midi-file-label{margin-top:32px;font-size:.9rem;display:block}.midi-file-label input{max-width:100%;margin-top:12px;font-size:.75rem;display:block}.practice-desk{background:#fbf8f0;min-width:0;padding:clamp(18px,3vw,36px)}.practice-desk>h2{margin-top:0}.practice-controls{flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0;display:flex}.practice-controls label{align-items:center;gap:8px;font-size:.85rem;display:flex}.practice-controls input[type=range]{max-width:120px}.playback-status{border-top:1px solid #d8cebd;flex-wrap:wrap;align-items:baseline;gap:20px;padding:18px 0;display:flex}.playback-status strong{color:#a7462a;min-width:150px;font-size:1.4rem}.playback-status span{font-size:.8rem}.sequence-roll{background:#f1ecdf;border:1px solid #d8cebd;max-width:100%;max-height:270px;overflow:auto}.sequence-roll svg{max-width:none;display:block}.practice-seek{align-items:center;gap:16px;margin:16px 0 24px;font-size:.8rem;display:flex}.practice-seek input{flex:1;min-width:0}.practice-keyboard .piano button:disabled{opacity:1;cursor:default}@media (max-width:900px){.practice-workspace{grid-template-columns:1fr}.practice-library{flex-wrap:wrap;gap:12px;display:flex}.practice-library h2{width:100%}.practice-library>button{flex:180px;margin:0}.midi-file-label{margin-top:12px}}.falling-stage{width:100%;margin-top:1.5rem}.falling-stage svg{width:100%;height:auto;display:block}.track-legend{flex-wrap:wrap;gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.track-legend span{align-items:center;gap:.4rem;display:inline-flex}.track-legend i{border-radius:2px;width:.7rem;height:.7rem}.practice-midi{border-top:1px solid var(--line);padding:1rem 0}.practice-midi select{margin-left:.5rem}.practice-controls button[aria-pressed=true]{color:#fffaf0;background:#a7462a}.practice-tempo{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.practice-tempo label{align-items:center;gap:.5rem;display:flex}.practice-tempo input[type=number]{color:#332e26;background:#fffaf0;border:1px solid #c7bca8;width:5rem;padding:.5rem}.track-legend button{color:#332e26;background:#f7f0e4;border:1px solid #a89b84;align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}.track-legend button[aria-pressed=false]{color:#746b5e;background:0 0;text-decoration:line-through}.track-legend button[aria-pressed=false] i{opacity:.3}.track-legend button:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:no-preference){.header .site-mark-bar{transform-box:view-box;transform-origin:50% 72.5%;animation:.85s ease-in-out 2 brand-arrival-wave}}@keyframes brand-arrival-wave{0%,to{transform:scaleY(1)}30%{transform:scaleY(.55)}65%{transform:scaleY(1.12)}}.score-section{min-width:0;margin-top:1.5rem}.score-scroll{background:#fffaf0;border-block:1px solid #d9d1c2;overflow-x:auto}.score-canvas{width:max-content;min-width:100%;position:relative}.score-cursor{pointer-events:none;background:#a7462a;width:2px;height:290px;position:absolute;top:30px;left:0;box-shadow:0 0 0 4px #a7462a15}.degree-lesson{border-top:1px solid #d9d1c2;max-width:740px;margin-top:2rem;padding-top:1rem}.degree-lesson h3{margin-top:1.7rem;font-family:Georgia,serif;font-size:1.5rem}.degree-lesson p{line-height:1.8}.degree-table{overflow-x:auto}.degree-table table{border-collapse:collapse;width:100%}.degree-table th,.degree-table td{text-align:left;border-bottom:1px solid #d9d1c2;padding:.4rem .6rem}.degree-progression{flex-wrap:wrap;gap:.5rem;display:flex}.degree-progression button{flex-direction:column;gap:.25rem;min-width:75px;padding:.65rem;display:flex}.degree-progression button[aria-pressed=true]{color:#fffaf0;background:#a7462a}.exploration-panel{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.exploration-panel h3{margin-bottom:.5rem;font-family:Georgia,serif;font-size:1.6rem}.exploration-panel h4{margin:1.5rem 0 .5rem;font-size:1.05rem}.exploration-panel h5{margin:.25rem 0 .75rem;font-size:1.3rem}.exploration-panel h5 span{color:var(--muted);margin-top:.3rem;font-size:.8rem;font-weight:400;display:block}.exploration-panel p{max-width:850px}.exploration-panel a{text-underline-offset:3px;text-decoration:underline}.exploration-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.exploration-toolbar label{align-items:center;gap:.5rem;display:flex}.exploration-toolbar select{color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:.55rem}.exploration-toolbar details button{margin:.5rem .5rem 0 0}.exploration-toolbar button[aria-pressed=true]{background:var(--green);color:var(--panel)}.phrase-timeline{width:100%;max-height:250px;display:block}.phrase-chords{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.5rem 0 1rem;display:flex}.phrase-chords small{color:var(--muted)}.role-options,.candidate-options,.suggestion-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1rem 0;display:grid}.role-options>div,.candidate-options>div,.suggestion-options>article{border-left:2px solid var(--line);padding-left:1rem}.exploration-panel button{min-height:44px}.suggestion-options button{margin:.25rem .5rem .25rem 0}.exploration-help{border-top:1px solid var(--line);margin:1rem 0;padding-top:1rem}@media (max-width:760px){.role-options,.candidate-options,.suggestion-options{grid-template-columns:1fr;gap:1rem}.phrase-timeline{min-height:150px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.exploration-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1.4rem;margin:-1rem 0 1rem;display:flex}.exploration-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:.9rem 0}.exploration-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--ink);font-weight:600}.exploration-view-switch{flex-wrap:wrap;gap:0;margin:.8rem 0;display:flex}.exploration-view-switch button{border-radius:0;min-height:40px;padding:.4rem .9rem}.exploration-view-switch button[aria-pressed=true]{color:#fffaf0;background:#293f35;border-color:#293f35}.live-instrument-scroll{max-width:100%;overflow-x:auto}.live-instrument .piano-scroll{padding:0;overflow:visible}.live-instrument .piano{height:110px;min-width:0!important}.live-instrument .piano button:disabled{opacity:1}.rolling-phrase{width:100%;height:clamp(180px,27vh,280px);display:block}.live-phrase-view .phrase-timeline{margin-bottom:.8rem}.exploration-next{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.exploration-next button{background:0 0;border:0;padding-left:0;text-decoration:underline}.exploration-library{border-top:1px solid var(--line);padding:1.3rem 0}.exploration-library>summary{cursor:pointer;font-size:1.1rem;font-weight:500}.exploration-library[open]>summary{margin-bottom:1.5rem}@media (max-width:600px){.exploration-tabs{gap:1rem}.exploration-tabs button{font-size:.85rem}.live-instrument .piano{height:95px}}.exploration-toolbar>.exploration-view-switch{margin:0 0 0 auto}@media (max-width:760px){.exploration-toolbar>.exploration-view-switch{margin-left:0}}.exploration-mode-description{color:var(--muted);margin:.8rem 0 1.2rem}.practice-library .practice-paths section{margin-bottom:1.5rem}.practice-library .practice-paths h3{margin:0 0 .65rem;font-size:.9rem;line-height:1.4}.practice-library .practice-paths button{text-align:left;background:0 0;border:0;align-items:baseline;gap:.65rem;width:100%;min-height:44px;margin:.15rem 0;padding:.65rem;display:flex}.practice-library .practice-paths button strong{font-size:.9rem;font-weight:500}.practice-library .practice-paths button span{opacity:.7;font-size:.75rem}.practice-library .practice-paths button[aria-pressed=true]{color:#fffaf0;background:#a7462a}.practice-library>.practice-library-toggle{display:none}.practice-path-label{color:var(--muted);font-size:.85rem}.practice-learning{border-left:2px solid var(--line);margin:1.2rem 0;padding-left:1rem}.practice-learning p{margin:.5rem 0;font-size:.95rem}.practice-learning a{font-size:.9rem;text-decoration:underline}.practice-path-nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}@media (max-width:900px){.practice-library{display:block}.practice-library>.practice-library-toggle{width:100%;min-height:44px;margin-bottom:.8rem;padding:.7rem;font-size:.9rem;display:block}.practice-paths{display:none}.practice-paths.is-open{display:block}}