:root{--paper:#eeeade;--sheet:#f8f6ef;--ink:#29362d;--muted:#67705f;--line:#d4d6c8;--moss:#526c45;--deep:#354d30;--sage:#dce3d3;--orange:#ad6d42;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8b9d72;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:30px;line-height:1.25}p{color:var(--muted)}.page-shell{max-width:1160px;margin:auto;padding:0 36px}.masthead{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2px;font-weight:650}.mark{font:italic 43px/1 var(--serif);letter-spacing:-5px;margin-right:7px}.mark span{color:var(--orange)}nav{display:flex;gap:25px;font-size:12px;color:var(--moss)}nav a{min-height:44px;display:flex;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;line-height:1.5;color:var(--moss);font-weight:600}.introduction{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:50px;padding:43px 0 35px}h1{font-size:64px;line-height:1.05;letter-spacing:-2px;margin:13px 0 18px}h1 em{color:var(--moss);font-weight:400}.introduction>div>p{font-size:14px}.start-card{border-left:1px solid #bbc6ae;padding:12px 0 10px 27px}.start-card>p{margin:14px 0}.start-card .small{margin:9px 0 0;font-size:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--moss);border-radius:5px;padding:10px 17px;background:none;font-size:14px;line-height:1.3;transition:background .15s}.button.primary{background:var(--moss);color:var(--sheet)}.button.primary:hover{background:var(--deep)}.button.secondary{background:var(--sheet);border-color:#bfcab3}.button.secondary:hover{background:#edf0e4}.button[aria-pressed=true]{background:var(--moss);color:var(--sheet);border-color:var(--moss)}.text-button{padding:7px 0;min-height:44px;background:none;border:0;color:var(--moss);font-size:13px;line-height:1.4;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.small{font-size:12px;line-height:1.7}.instrument{border:1px solid #c6cebb;border-radius:8px;background:var(--sheet);overflow:hidden;box-shadow:0 6px 24px #26322505}.instrument-heading{padding:23px 27px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.instrument-heading h2{font-size:27px}.voice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 27px}.voice-choice{border:1px solid var(--line);background:transparent;border-radius:5px;padding:15px 17px;min-height:92px;text-align:left;display:flex;flex-direction:column;gap:6px}.voice-choice strong{font:26px/1.2 var(--serif);font-weight:400}.voice-choice span{font-size:12px;color:var(--muted)}.voice-choice[aria-pressed=true]{background:#e6ebdc;border-color:#839776}.voice-choice[aria-pressed=true] strong{color:var(--deep)}.voice-choice:hover{background:#eef0e6}.voice-detail{font-size:12px;min-height:55px;padding:13px 28px 16px}.playing-area{padding:24px 27px 22px;border-top:1px solid var(--line)}.playing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.playing-heading h2{font-size:28px;margin-top:5px}.note-readout{display:flex;align-items:center;gap:15px}.current-note{font:43px/1 var(--serif);min-width:65px}.note-readout>div{min-width:175px;display:flex;flex-direction:column;gap:3px}.phase{font-size:12px;color:var(--moss)}.pitch-reading{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.scope-window{height:61px;position:relative;background:#e7ebdf;overflow:hidden;border-radius:4px;margin-bottom:17px}.scope-window canvas{display:block;width:100%;height:100%}.scope-window>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;color:#74846a;pointer-events:none}.scope-window.is-sounding>span{opacity:0}.keyboard-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}.keyboard{position:relative;display:flex;min-width:600px;height:150px;touch-action:pan-x;user-select:none;-webkit-user-select:none}.note-key{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px;border-radius:0 0 5px 5px;touch-action:none;padding:0 0 13px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .08s;border:1px solid #abb4a0}.note-key.white{width:12.5%;height:146px;background:linear-gradient(90deg,#fbfaf5,#f1f0e8);border-right:0;z-index:1;box-shadow:0 3px 0 #c7cdbd}.note-key.white:last-child{border-right:1px solid #abb4a0}.note-key.black{position:absolute;top:0;width:7.4%;height:94px;background:linear-gradient(90deg,#344131,#46543e);z-index:2;color:#e8eddf;transform:translateX(-50%);box-shadow:0 3px 0 #283325;border-color:#2b3827;min-width:44px}.note-key.white[aria-pressed=true]{background:#bdcca9;box-shadow:0 1px 0 #9bad89;transform:translateY(2px);height:144px}.note-key.black[aria-pressed=true]{background:#728b5e;box-shadow:0 1px 0 #4b623b;height:96px}.note-name{font-size:12px;line-height:1}.key-shortcut{font-size:10px;opacity:.5;line-height:1}.keyboard-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:8px}.keyboard-footer>p{font-size:12px;line-height:1.8}.keyboard-footer .button{white-space:nowrap}.desktop-hint{display:block}kbd{font:10px var(--sans);display:inline-block;min-width:14px;text-align:center;padding:1px;border:1px solid var(--line);border-radius:3px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:24px}.control-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:14px}.control-label output{font-size:13px;font-variant-numeric:tabular-nums;color:var(--moss)}input[type=range]{display:block;width:100%;height:44px;margin:2px 0 0;accent-color:var(--moss);cursor:pointer}.control-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px;margin-top:-6px}.control-foot .text-button{min-height:36px;font-size:12px}.tuning-status{font-size:11px;padding:8px 0 18px;min-height:48px}.tuning-status.shifted{color:#906039}.articulation-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:19px}.articulation-controls fieldset{border:0;margin:0;padding:0;min-width:0}.articulation-controls legend{font-size:13px;margin-bottom:9px}.articulation-controls p{font-size:11px;margin-top:8px;line-height:1.7}.segmented{display:flex;border:1px solid #bbc5b0;border-radius:4px;overflow:hidden}.segmented label{flex:1;cursor:pointer;position:relative}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 9px;font-size:12px}.segmented input:checked+span{background:var(--moss);color:var(--sheet)}.segmented input:focus-visible+span{outline:3px solid #90a778;outline-offset:-4px}.connection-control{padding-top:23px}.check{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px}.check input{accent-color:var(--moss);width:17px;height:17px}.transport{display:flex;align-items:center;gap:17px;padding:17px 27px;border-top:1px solid var(--line);background:#ecefe2}.transport>p{font-size:12px;flex:1}.transport>.button{font-size:13px;white-space:nowrap}.volume-control{display:grid;grid-template-columns:auto 100px 30px;align-items:center;gap:9px;font-size:12px}.volume-control input{margin:0}.volume-control output{font-size:11px}.notice{background:#f1e4d1;color:#825f36;border:1px solid #d6be99;padding:14px 18px;font-size:13px;margin-top:15px;border-radius:4px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:21px}.section-heading h2{margin-top:9px}.section-heading>p{font-size:12px}.phrases{padding:35px 0 27px;border-bottom:1px solid var(--line)}.phrase-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.phrase-choice{display:flex;flex-direction:column;gap:7px;min-height:110px;text-align:left;border:1px solid #c4ccb9;border-radius:5px;padding:15px 13px;background:transparent}.phrase-choice .phrase-index{font-size:9px;letter-spacing:1px;color:var(--moss)}.phrase-choice strong{font-size:13px;font-weight:500}.phrase-choice .phrase-description{font-size:11px;line-height:1.6;color:var(--muted)}.phrase-choice:hover{background:#f7f6ee}.phrase-choice[aria-pressed=true]{background:#e0e7d5;border-color:#8a9b78}.phrase-progress{padding-top:17px}progress{width:100%;height:4px;display:block;appearance:none;border:0;background:#d6ddcc;border-radius:5px;overflow:hidden;accent-color:var(--moss)}progress::-webkit-progress-bar{background:#d6ddcc}progress::-webkit-progress-value{background:var(--moss)}progress::-moz-progress-bar{background:var(--moss)}.phrase-progress p{font-size:12px;margin-top:9px;min-height:20px}.gesture-section,.feedback-section{display:grid;grid-template-columns:1fr 1.12fr;gap:55px;padding:31px 0;border-bottom:1px solid var(--line)}.gesture-section h2,.feedback-section h2{margin:9px 0 14px;font-size:29px}.gesture-section>div>p,.feedback-section>div>p{font-size:13px;line-height:1.8}.gesture-section>div>.small{font-size:11px;margin-top:10px}.gesture-panel{padding:20px;border:1px solid var(--line);border-radius:5px;background:#f4f3ea}.gesture-actions{display:flex;gap:10px;flex-wrap:wrap}.gesture-actions .button{font-size:13px}.gesture-panel>p{font-size:12px;margin-top:12px}.save-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:7px}.gesture-panel>#renderStatus{font-size:11px;margin-top:3px}.feedback-section textarea{width:100%;background:var(--sheet);border:1px solid #c2cbb6;border-radius:5px;resize:vertical;min-height:100px;padding:13px;font-size:16px;line-height:1.6}.feedback-section>div>.small{font-size:11px}.technical-details{padding-bottom:19px}.technical-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:70px;cursor:pointer;font-size:13px;color:var(--moss)}.technical-details summary::-webkit-details-marker{display:none}.technical-details summary span{font-size:24px}.technical-details[open] summary span{transform:rotate(45deg)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.details-grid h3{font-size:23px;margin-bottom:12px}.details-grid p{font-size:12px;line-height:1.8;margin:12px 0}.details-grid label{display:block;font-size:13px;margin-bottom:7px}.details-grid select{min-height:44px;font-size:16px;padding:7px 10px;border:1px solid #c2cbb6;border-radius:4px;background:var(--sheet);max-width:100%}.details-grid .diagnostics{font-family:monospace;font-size:11px}footer{border-top:1px solid var(--line);padding:21px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer a{color:var(--moss);min-height:44px}footer span{padding-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:850px){.page-shell{padding:0 24px}.introduction{grid-template-columns:1fr 270px;gap:26px}h1{font-size:55px}.start-card{padding-left:20px}.introduction>div>p{font-size:13px}.desktop-break{display:none}nav{gap:16px;font-size:11px}.instrument-heading,.playing-area{padding-left:22px;padding-right:22px}.voice-choices{padding-left:22px;padding-right:22px}.voice-detail{padding-left:23px;padding-right:23px}.voice-choice{padding:13px}.voice-choice span{font-size:11px}.articulation-controls{gap:18px}.transport{flex-wrap:wrap;padding:15px 22px;gap:12px}.transport>p{flex-basis:55%}.volume-control{margin-left:auto}.phrase-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.phrase-choice{min-height:99px}.gesture-section,.feedback-section{gap:30px}.gesture-actions .button{flex:1;white-space:nowrap}.save-actions{gap:5px 18px}.section-heading>p br{display:none}}
@media(max-width:600px){body{font-size:14px}.page-shell{padding:0 17px}.masthead{min-height:78px;gap:14px;align-items:flex-start;padding:18px 0 12px}.wordmark{font-size:9px;letter-spacing:1.5px}.mark{font-size:38px}nav{display:grid;grid-template-columns:auto auto;gap:0 12px;text-align:right;font-size:11px}nav a{min-height:44px;justify-content:flex-end}nav a:first-child{grid-column:1/-1;min-height:44px}nav a:not(:first-child){display:flex}.introduction{grid-template-columns:1fr;gap:23px;padding:29px 0 25px}h1{font-size:52px;margin:11px 0 15px}.introduction>div>p{font-size:13px;max-width:350px}.start-card{border-left:0;border-top:1px solid var(--line);padding:17px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px 15px;align-items:center}.start-card>.eyebrow{grid-column:1/-1;font-size:9px}.start-card>p{margin:0;font-size:12px!important}.start-card>.button{grid-row:2;grid-column:2;min-width:120px}.start-card>#audioStatus{grid-column:1/-1;font-size:11px!important;margin:0}.instrument-heading{padding:19px 16px 15px;gap:12px}.instrument-heading h2{font-size:23px}.instrument-heading>.eyebrow{font-size:8px;letter-spacing:.8px;text-align:right;max-width:110px}.voice-choices{padding:0 16px;gap:7px}.voice-choice{padding:11px 9px;min-height:90px}.voice-choice strong{font-size:21px}.voice-choice span{font-size:10px;line-height:1.5}.voice-detail{font-size:11px;line-height:1.7;padding:11px 17px 15px;min-height:65px}.playing-area{padding:19px 16px}.playing-heading{gap:10px;margin-bottom:15px}.playing-heading h2{font-size:24px}.playing-heading .eyebrow{font-size:8px}.note-readout{gap:9px}.current-note{font-size:34px;min-width:49px}.note-readout>div{min-width:0;width:125px;gap:4px}.phase{font-size:11px}.pitch-reading{font-size:10px;line-height:1.5}.scope-window{height:47px;margin-bottom:14px}.scope-window>span{font-size:8px}.keyboard-scroll{margin-right:-16px;padding-right:16px}.keyboard{min-width:592px;height:132px}.note-key.white{height:128px}.note-key.white[aria-pressed=true]{height:126px}.note-key.black{height:85px}.note-key.black[aria-pressed=true]{height:87px}.key-shortcut{display:none}.keyboard-footer{gap:13px;margin-top:10px}.keyboard-footer>p{font-size:11px;line-height:1.7}.keyboard-footer .button{padding:10px 13px;font-size:12px}.desktop-hint{display:none}.control-grid{gap:23px;margin-top:20px}.control-label{font-size:13px;gap:10px}.control-label output{font-size:12px}.control-foot{font-size:10px;flex-wrap:wrap;gap:0}.control-foot .text-button{font-size:11px;min-height:44px}.control-foot>span{width:100%}.tuning-status{font-size:10px;line-height:1.7;padding:0 0 17px;min-height:49px}.articulation-controls{grid-template-columns:1fr 1fr;gap:17px 19px;padding-top:17px}.articulation-controls legend{font-size:12px}.segmented span{font-size:11px;padding:5px 6px}.articulation-controls p{font-size:10px;margin-top:8px}.connection-control{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:18px;padding:0;border-top:1px solid var(--line)}.connection-control p{margin-top:12px}.check{font-size:12px;white-space:nowrap}.transport{padding:14px 16px;gap:10px}.transport>.button{font-size:12px;padding:10px 13px}.transport>p{font-size:10px;flex-basis:40%;line-height:1.6}.volume-control{font-size:11px;grid-template-columns:auto 120px 30px}.phrases{padding:28px 0 23px}.section-heading{display:block;margin-bottom:17px}.section-heading h2{font-size:27px;margin-top:7px}.section-heading>p{font-size:12px;margin-top:12px}.section-heading>p br{display:none}.phrase-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phrase-choice{padding:12px;min-height:101px}.phrase-choice:last-child{grid-column:1/-1;min-height:81px}.phrase-choice strong{font-size:12px}.phrase-choice .phrase-description{font-size:11px}.phrase-progress p{font-size:11px}.gesture-section,.feedback-section{grid-template-columns:1fr;gap:18px;padding:27px 0}.gesture-section h2,.feedback-section h2{font-size:27px;margin-top:7px;margin-bottom:11px}.gesture-section>div>p,.feedback-section>div>p{font-size:12px}.gesture-panel{padding:16px}.gesture-actions{gap:8px}.gesture-actions .button{font-size:12px;padding:10px}.save-actions{gap:5px 20px}.save-actions .text-button{font-size:12px}.details-grid{grid-template-columns:1fr;gap:17px}.technical-details summary{font-size:12px}.details-grid h3{font-size:22px}.details-grid p{font-size:11px}footer{flex-wrap:wrap;gap:0 15px;padding-top:15px;font-size:9px}footer a{flex-basis:70%;line-height:1.7;padding-top:8px}footer span:last-child{padding-top:0}.notice{font-size:12px}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.keyboard-shift{display:none}
@media(max-width:760px){.keyboard-shift{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.keyboard-shift .text-button{font-size:11px;min-height:44px;white-space:nowrap}.keyboard-shift>span{font-size:9px;text-align:center;color:var(--muted);line-height:1.5}}

/* Contour puts continuous reed shaping beside the breath. */
.instrument>.voice-detail{min-height:0;padding-top:0;padding-bottom:20px}.control-help{font-size:11px;line-height:1.7;margin-top:3px}.control-help a{color:var(--moss);text-decoration:underline;text-underline-offset:3px}.control-grid{padding-bottom:20px}.secondary-controls{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:18px}.weight-control{border:0;padding:0;margin:0;min-width:0}.weight-control legend{font-size:13px;margin-bottom:8px}.weight-control .segmented{max-width:290px}.control-label output{min-width:65px;text-align:right}.raw-controls{border-top:1px solid var(--line);padding-top:5px;margin-top:18px}.raw-controls .check{display:flex}.raw-controls .control-label>label{margin-bottom:0}.raw-controls input[type=checkbox]{flex:none}.raw-controls .control-label{margin-top:14px}input[type=range]:disabled{opacity:.4;cursor:default}.tuning-status{padding-top:13px}
@media(max-width:600px){.control-grid{gap:22px;padding-bottom:17px}.secondary-controls{gap:22px;padding-top:15px}.control-help{font-size:10px;line-height:1.7}.articulation-controls{grid-template-columns:1fr}.articulation-controls fieldset{display:grid;grid-template-columns:1fr}.articulation-controls legend{margin-bottom:8px}.articulation-controls .segmented span{font-size:12px}.connection-control{grid-column:auto;gap:17px}.weight-control legend{font-size:12px}.weight-control .segmented span{font-size:11px;padding:5px}.raw-controls p{font-size:11px}.control-label output{min-width:55px}.instrument>.voice-detail{padding-bottom:17px}.secondary-controls .control-label{font-size:12px}}

.live-gesture{font-size:11px;padding:10px 12px;background:#e7ebdf;border-radius:4px;margin-top:15px;color:var(--moss);line-height:1.65}