: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)}.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;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);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}.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}.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{grid-template-columns:1fr}.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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}