:root{--ink:#151512;--paper:#f2f0e9;--white:#fbfaf6;--line:#c9c5b8;--muted:#6c6a63;--acid:#d7ff36;--cyan:#38dbff;--orange:#ff6846;--max:1480px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}button{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #086a80}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:99;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.eyebrow,.view-label{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.site-header{border-bottom:1px solid var(--ink);background:var(--paper);z-index:30;grid-template-columns:265px 1fr auto;align-items:center;gap:2rem;height:76px;padding:0 2rem;display:grid;position:sticky;top:0}.brand{align-items:baseline;gap:.7rem;text-decoration:none;display:flex}.brand span{letter-spacing:-.06em;font-size:1.45rem;font-weight:950}.brand small{letter-spacing:.12em;font-size:.65rem}.toc-toggle{letter-spacing:.1em;background:0 0;border:0;font-size:.72rem;font-weight:800;display:none}.search{justify-self:center;width:min(430px,100%);position:relative}.search input{border:1px solid var(--line);background:var(--white);border-radius:0;width:100%;padding:.72rem 1rem}.search-results{background:var(--white);border:1px solid var(--ink);width:100%;box-shadow:5px 5px 0 var(--ink);padding:.4rem;position:absolute;top:calc(100% + 4px)}.search-results a{justify-content:space-between;padding:.7rem;text-decoration:none;display:flex}.search-results a:hover,.search-results a:focus{background:var(--acid)}.search-results span{color:var(--muted);font-size:.8rem}.manual-shell{max-width:var(--max);grid-template-columns:265px minmax(0,1fr);margin:auto;display:grid}.toc{border-right:1px solid var(--ink);height:calc(100vh - 76px);padding:2.5rem 1.6rem;position:sticky;top:76px;overflow-y:auto}.toc-chapter+.toc-chapter{margin-top:2.4rem}.toc ol{margin:1.3rem 0;padding:0;list-style:none}.toc li{border-top:1px solid var(--line);padding:.9rem 0;font-size:.87rem}.toc li:last-child{border-bottom:1px solid var(--line)}.toc a{font-weight:750;text-decoration:none}.discovery-toc a{grid-template-columns:1.4rem 1fr;gap:.45rem;display:grid}.discovery-toc a span{color:var(--muted);font:700 .7rem/1.5 monospace}.toc .muted{color:var(--muted);justify-content:space-between;display:flex}.toc .muted span{text-transform:uppercase;font-size:.65rem}.pilot-note{color:var(--muted);margin-top:3rem;font-size:.75rem;line-height:1.5}.page-column{min-width:0}.view-switch{border-bottom:1px solid var(--ink);background:var(--paper);z-index:20;grid-template-columns:repeat(2,1fr);height:54px;display:grid;position:sticky;top:76px}.view-switch a{border-right:1px solid var(--ink);letter-spacing:.12em;place-items:center;font-size:.75rem;font-weight:850;text-decoration:none;display:grid}.view-switch a:last-child{border-right:0}.view-switch a[aria-current=page]{background:var(--ink);color:var(--white)}main#content{width:min(1030px,100% - 4rem);margin:2rem auto 4rem}.breadcrumbs{color:var(--muted);white-space:nowrap;align-items:center;gap:.55rem;font-size:.76rem;display:flex;overflow:hidden}.breadcrumbs a{text-decoration:none}.view-label{color:var(--muted);margin:3.2rem 0 .8rem}main#content>h1{letter-spacing:-.065em;max-width:850px;margin:0 0 2.4rem;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.94}.lede{max-width:720px;margin-bottom:2.5rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45}.lesson-nav{border-top:1px solid var(--ink);justify-content:space-between;margin-top:4rem;padding-top:1.2rem;font-size:.78rem;font-weight:750;display:flex}.lesson-nav [aria-disabled]{color:var(--muted)}.lesson-nav>*{overflow-wrap:anywhere;max-width:32%}.facade{margin:0}.facade-stage{border:1px solid var(--ink);background:#eee;position:relative;overflow:hidden}.facade img{width:100%;height:auto;display:block}.control-mark{border:max(2px, .18vw) solid var(--orange);background:#ff68463d;border-radius:50%;position:absolute;box-shadow:0 0 0 max(2px,.12vw) #ffffffbf}.control-mark.is-key{border-radius:3px}.control-mark span{white-space:nowrap;background:var(--ink);color:#fff;letter-spacing:.05em;padding:.15rem .3rem;font-size:clamp(.35rem,.7vw,.63rem);font-weight:850;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.control-mark.is-hold:first-of-type{animation:1.8s ease-in-out infinite pulse}.step-led{background:var(--acid);box-shadow:0 0 7px 3px var(--acid);border-radius:50%;position:absolute}.gesture-symbol{background:var(--acid);border:1px solid var(--ink);text-transform:uppercase;padding:.25rem .45rem;font-size:clamp(.42rem,.8vw,.72rem);font-weight:850;position:absolute;top:3%;right:2%}.gesture-double{box-shadow:4px 4px 0 var(--orange)}.gesture-rotate{aspect-ratio:1;border-radius:50%;place-items:center;display:grid}.gesture-led{background:var(--acid);box-shadow:0 0 8px var(--acid)}@keyframes pulse{50%{box-shadow:0 0 0 9px #ff68462e}}.visual-sequence{gap:3rem;min-width:0;display:grid}.visual-intro{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}.visual-intro .goal{margin-top:0}.visual-panel{border-top:1px solid var(--ink);min-width:0;padding-top:1.2rem}.panel-heading{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading span{font:800 .7rem/1 monospace}.panel-heading h2{margin:0;font-size:clamp(1.4rem,3vw,2.2rem)}.visual-panel>p{margin:.8rem 0 0;font-size:1.05rem}.start-state{border:1px solid var(--ink);background:var(--white);grid-template-columns:170px 1fr;margin:0 0 3rem;display:grid}.start-state>span{background:var(--ink);color:var(--acid);letter-spacing:.12em;padding:1.25rem;font-size:.68rem;font-weight:850}.start-state ol{margin:0;padding:1.1rem 1.4rem 1.1rem 3rem}.start-state li{padding:.3rem 0;line-height:1.45}.sequence-illustration{border:1px solid var(--ink);background:var(--white);margin:0 0 1rem;padding:clamp(1rem,3vw,2rem)}.sequence-illustration figcaption{color:var(--muted);margin-top:1rem;font-size:.82rem;line-height:1.45}.sequence-rail{grid-template-columns:repeat(16,minmax(32px,1fr));gap:.35rem;padding-bottom:.4rem;display:grid;overflow-x:auto}.sequence-rail span{aspect-ratio:.85;border:1px solid var(--ink);background:var(--paper);place-items:center;min-width:32px;display:grid;position:relative}.sequence-rail b{font:750 .68rem/1 monospace}.sequence-rail i{background:var(--line);border-radius:50%;width:7px;height:7px}.sequence-rail span.active{background:var(--ink);color:#fff}.sequence-rail span.active i{background:var(--acid);box-shadow:0 0 7px var(--acid)}.note-replace{grid-template-columns:1fr auto 1.2fr auto 1.3fr;align-items:center;gap:1rem;display:grid}.note-replace figcaption{grid-column:1/-1}.held-step,.stored-notes{border:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:100px;padding:1rem;display:flex}.held-step{background:var(--orange)}.stored-notes{background:var(--acid)}.held-step span,.stored-notes span{letter-spacing:.1em;font-size:.62rem;font-weight:850}.note-keys{align-items:end;gap:.25rem;display:flex}.note-keys kbd{border:1px solid var(--ink);min-width:34px;height:85px;box-shadow:inset 0 -8px 0 var(--paper);background:#fff;justify-content:center;align-items:end;padding:.5rem;font-weight:850;display:flex}.flow-arrow{font-size:1.4rem}.signal-check{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:.8rem;display:grid}.signal-check div{border:1px solid var(--ink);flex-direction:column;gap:.4rem;padding:1rem;display:flex}.signal-check div:first-child{background:var(--cyan)}.signal-check div:last-of-type{background:var(--acid)}.signal-check span{color:var(--muted);font-size:.78rem}.signal-check>b{align-self:center}.signal-check figcaption{grid-column:1/-1}.result,.goal{border:1px solid var(--ink);background:var(--acid);grid-template-columns:150px 1fr;margin:3rem 0;display:grid}.result span,.goal span{border-right:1px solid var(--ink);letter-spacing:.1em;padding:1.2rem;font-size:.68rem;font-weight:850}.result p,.goal p{margin:0;padding:1.2rem;font-size:1.15rem;font-weight:700}.context-link{margin:2.5rem 0;font-weight:750}.goal{background:var(--cyan);margin-top:0}.help-controls{border-block:1px solid var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 0;display:flex}.help-controls>span{text-transform:uppercase;margin-right:.5rem;font-size:.76rem;font-weight:800}.help-controls button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:.42rem .7rem}.help-controls button[aria-pressed=true]{background:var(--ink);color:#fff}.step-progress{background:var(--line);height:5px;margin:1.5rem 0}.step-progress span{background:var(--orange);height:100%;transition:width .2s;display:block}.guided-step{grid-template-columns:minmax(210px,.75fr) minmax(0,1.55fr);align-items:center;gap:2rem;min-height:360px;display:none}.guided-step.is-active{display:grid}.step-copy>span{color:var(--muted);font:750 .7rem/1 monospace}.step-copy h2{letter-spacing:-.04em;margin:.7rem 0;font-size:clamp(1.7rem,4vw,3rem);line-height:1}.step-copy p{font-size:1.05rem;line-height:1.55}.step-actions{border-top:1px solid var(--ink);justify-content:space-between;padding-top:1rem;display:flex}.step-actions button,.challenge button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:.7rem 1rem}.step-actions button.primary{background:var(--ink);color:#fff}.step-actions button:disabled{opacity:.35;cursor:default}.principle,.canonical-facts{border-block:1px solid var(--line);margin:2.5rem 0;padding:1rem 0}details summary{cursor:pointer;font-weight:800}details p,details li{line-height:1.6}.challenge{background:var(--ink);color:var(--white);padding:clamp(1.5rem,4vw,3rem)}.challenge>span{color:var(--acid);letter-spacing:.13em;font-size:.7rem;font-weight:850}.challenge h2{max-width:730px;font-size:clamp(1.5rem,4vw,2.6rem)}.challenge button{background:var(--acid);color:var(--ink);font-weight:800}.completion-message{color:var(--acid);font-size:.8rem}.quick-facts{border-block:1px solid var(--ink);margin:2rem 0}.quick-facts div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;padding:.9rem 0;display:grid}.quick-facts div:last-child{border:0}.quick-facts dt{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.quick-facts dd{margin:0}.reference-view>section{max-width:790px;margin:3.2rem 0}.reference-view h2{border-bottom:1px solid var(--ink);padding-bottom:.5rem;font-size:2rem}.reference-view li{margin:.6rem 0;line-height:1.55}.reference-view>.engine-reference{max-width:none;margin:5rem 0;scroll-margin-top:150px}.engine-reference>header{max-width:790px}.engine-reference>header h2{letter-spacing:-.05em;margin:.35rem 0 1rem;font-size:clamp(2.3rem,5vw,4.2rem)}.engine-reference>header p:last-child{font-size:1.1rem;line-height:1.55}.signal-path{border-block:1px solid var(--ink);grid-template-columns:160px 1fr;max-width:900px;padding:1rem 0;line-height:1.5;display:grid}.parameter-page{margin:2rem 0}.parameter-page h3{border:1px solid var(--ink);background:var(--ink);color:var(--white);letter-spacing:.1em;margin:0;padding:.7rem 1rem;font-size:.75rem}.table-scroll{overflow-x:auto}.parameter-page table{border-collapse:collapse;background:var(--white);width:100%;min-width:680px}.parameter-page th,.parameter-page td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:.75rem .9rem;line-height:1.4}.parameter-page thead th{background:var(--paper);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.parameter-page td:first-child{text-align:center;width:76px;font:800 .8rem/1.4 monospace}.parameter-page tbody th{width:140px}.parameter-page td:nth-child(3){white-space:nowrap;width:150px}.engine-limit{border-left:6px solid var(--orange);background:var(--white);max-width:900px;padding:1rem 1.2rem}.engine-limit p{margin-bottom:0;line-height:1.5}.status-note{border-left:6px solid var(--orange);background:var(--white);padding:1rem 1.3rem}.status-note p{margin-bottom:0;line-height:1.5}.facts{background:var(--white);border:1px solid var(--ink);padding:1rem 1.5rem}.facts h2{font-size:1.2rem}.concept-diagram{border-block:1px solid var(--ink);background:var(--white);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:2.5rem 0 3.5rem;display:grid}.concept-diagram div{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:145px;padding:1rem;display:flex;position:relative}.concept-diagram div:last-child{border-right:0}.concept-diagram span{color:var(--muted);font:750 .65rem/1 monospace}.concept-diagram strong{overflow-wrap:anywhere;font-size:clamp(.8rem,1.5vw,1.15rem)}.concept-diagram b{z-index:2;background:var(--acid);border:1px solid var(--ink);border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;display:grid;position:absolute;top:50%;right:-.65rem}.diagram-waveform{background:linear-gradient(170deg, transparent 44%, var(--orange) 45% 47%, transparent 48%)}.diagram-modulation,.diagram-midi-fx{background:linear-gradient(90deg, var(--white), #e7fbff)}.diagram-errors{background:#fff0eb}.home{background:var(--ink);color:var(--white);min-height:100vh}.home main{width:min(1400px,100% - 4rem);margin:auto;padding-bottom:2rem}.home-header{border-bottom:1px solid #4a4a44;justify-content:space-between;align-items:center;height:80px;display:flex}.home-header strong{letter-spacing:-.06em;font-size:1.6rem}.home-header span{letter-spacing:.15em;font-size:.7rem}.hero{grid-template-columns:1.7fr 1fr;align-items:end;gap:3rem;padding:clamp(4rem,10vw,9rem) 0;display:grid}.hero .eyebrow{color:var(--acid);grid-column:1/-1}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.3rem,8vw,8rem);line-height:.84}.hero>p:last-child{color:#c7c5bc;max-width:470px;font-size:clamp(1rem,2vw,1.35rem);line-height:1.5}.entry-grid{border:1px solid #77756c;grid-template-columns:repeat(2,1fr);display:grid}.entry-grid a{border-right:1px solid #77756c;flex-direction:column;min-height:270px;padding:1.6rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.entry-grid a:last-child{border:0}.entry-grid a:hover,.entry-grid a:focus-visible{background:var(--acid);color:var(--ink)}.entry-grid span{letter-spacing:.12em;font-size:.68rem}.entry-grid strong{letter-spacing:-.04em;margin:2.2rem 0 1rem;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1}.entry-grid p{color:#bdbbb2;max-width:330px;line-height:1.5}.entry-grid a:hover p{color:var(--ink)}.entry-grid b{align-self:flex-end;margin-top:auto;font-size:1.8rem}.home-footer{color:#8d8b83;text-transform:uppercase;letter-spacing:.1em;padding:1.5rem 0;font-size:.7rem}@media (width<=850px){.site-header{grid-template-columns:1fr auto;height:66px;padding:0 1rem}.site-header .search{grid-area:2/1/auto/-1;width:100%;padding:.5rem 0}.site-header{height:auto;min-height:66px;padding-bottom:.5rem}.toc-toggle,.manual-shell{display:block}.toc{z-index:29;background:var(--paper);border:0;min-height:0;display:none;position:fixed;inset:113px 0 0;overflow:auto}.toc.is-open{display:block}.view-switch{top:113px}main#content{width:min(100% - 2rem,700px)}.guided-step{grid-template-columns:1fr;min-height:0}.step-copy{min-height:170px}.hero,.entry-grid{grid-template-columns:1fr}.entry-grid a{border:0;border-bottom:1px solid #77756c;min-height:210px}}@media (width<=520px){.view-switch{height:47px}.view-switch a{letter-spacing:.07em;font-size:.63rem}.breadcrumbs{font-size:.68rem}main#content>h1{font-size:2.75rem}.result,.goal{grid-template-columns:1fr}.result span,.goal span{border:0;border-bottom:1px solid var(--ink);padding:.75rem 1rem}.quick-facts div{grid-template-columns:1fr;gap:.35rem}.visual-intro,.start-state,.note-replace,.signal-check{grid-template-columns:1fr}.note-replace .flow-arrow,.signal-check>b{justify-self:center;rotate:90deg}.signal-path{grid-template-columns:1fr;gap:.5rem}.concept-diagram{grid-template-columns:1fr 1fr}.concept-diagram div:nth-child(2n){border-right:0}.concept-diagram b,.control-mark span{display:none}.home main{width:calc(100% - 2rem)}.hero{padding:4rem 0}.lesson-nav{grid-template-columns:1fr auto 1fr;gap:.6rem;display:grid}.lesson-nav>*{max-width:none}.lesson-nav>:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}