@charset "UTF-8";
:root{--bg:#f7f7f2;--paper:#fffefa;--ink:#253c36;--muted:#738078;--line:#e1e5dc;--green:#245c50;--teal:#368e82;--purple:#9670b3;--coral:#d58079;--amber:#cb963c;--shadow:0 5px 24px #273c3210;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #729991}button:not(:disabled){transition:background .15s,color .15s,box-shadow .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--green)}p,h1,h2,h3{margin:0}button svg{flex-shrink:0}[hidden]{display:none!important}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle}.skip-link{position:fixed;left:16px;top:-60px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{background:#fdfdf9;border-bottom:1px solid var(--line)}.header-inner{max-width:1512px;margin:auto;padding:0 42px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--green);font-size:27px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400}.brand small{font-size:10px;display:block;font-weight:400;letter-spacing:.35px;margin-top:2px;color:var(--muted)}.brand-mark{height:43px;width:43px;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:var(--green);transform:rotate(-5deg)}.brand-mark i{height:16px;width:4px;border-radius:4px;background:#f4f7eb}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:12px}.mode-nav{display:flex;gap:5px;padding:5px;border:1px solid #e4e7df;border-radius:12px;background:#f1f3ec}.mode-nav button{display:flex;align-items:center;gap:9px;padding:10px 17px;font-size:13px;color:#69786e;border-radius:8px}.mode-nav button.selected{background:#fffefa;color:var(--green);box-shadow:0 2px 6px #233c3510;font-weight:600}.mode-nav button:hover{background:#fafbf5}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:9px 5px;border-radius:6px;color:#63736a}.quiet-button:hover{color:var(--green);background:#edf1e9}.outline-button{border:1px solid #d8dfd3;border-radius:9px;background:#fdfdf9;display:inline-flex;align-items:center;gap:9px;padding:11px 14px;font-size:12px}.outline-button:hover{background:#edf2e9;border-color:#becbc0}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#eaf0e8}main{max-width:1460px;margin:0 auto;padding:0 42px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 23px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;color:#678071;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#7b9e75}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:37px;letter-spacing:-1.2px;line-height:1.25;margin:7px 0}.intro>div>p:last-child{font-size:13px;color:#7b857b}.sound-presets{display:flex;gap:17px;align-items:stretch;margin-bottom:23px}.preset-label{width:89px;flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.6;font-weight:650;letter-spacing:1.4px;color:#788476}.preset-label .icon{width:15px}.preset-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}.preset{border:1px solid var(--line);border-radius:11px;min-height:68px;background:#fbfcf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#728074;font-size:10px;white-space:nowrap}.preset:hover{background:#eff2e9;border-color:#b7c8b5}.preset.active{background:#e9f0e5;border-color:#8fa98a;color:#2f5c46;box-shadow:inset 0 0 0 .5px #8fa98a}.phoneme{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#526c53;line-height:1.1;letter-spacing:-.8px}.preset.active .phoneme{color:#235741}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:23px;align-items:start}.visual-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #ebede6}.view-tabs{display:flex;align-items:center;gap:4px}.view-tabs button{padding:7px 12px;border-radius:7px;font-size:12px;color:#7b857d;display:flex;align-items:center;gap:6px}.view-tabs .icon{width:16px;height:16px}.view-tabs button.active{background:#eaf0e5;color:#395b3a;font-weight:600}.view-tabs button:hover{background:#f0f3eb}.label-toggle{display:flex;align-items:center;gap:10px;font-size:11px;color:#6e7b6f}.switch{width:32px;height:19px;flex-shrink:0;background:#cbd2c7;border:2px solid #cbd2c7;border-radius:20px;padding:0;position:relative;box-shadow:none}.switch span{display:block;width:13px;height:13px;background:#fffefa;border-radius:50%;transform:translateX(0);transition:transform .17s;box-shadow:0 1px 2px #253b3120}.switch[aria-checked=true]{background:#698964;border-color:#698964}.switch[aria-checked=true] span{transform:translateX(13px)}.stage{position:relative;background:#fbf9f2;height:clamp(450px,51vh,590px);isolation:isolate;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d8dacc 1px,transparent 1px);background-size:21px 21px;opacity:.25;pointer-events:none;z-index:-1}.stage-caption{position:absolute;left:23px;top:19px;display:flex;align-items:center;gap:6px;font-size:10px;color:#909486;z-index:2}.live-dot{display:block;width:5px;height:5px;background:#85a57d;border-radius:50%}.anatomy-svg{display:block;width:100%;height:100%;overflow:visible}.scene-halo{fill:#f3efe4;opacity:.6}.head-tissue{fill:url(#tissue);stroke:#b98f7d;stroke-width:1.7;stroke-linejoin:round}.cranial-detail{fill:none;stroke:#f9e6d8;stroke-width:12;opacity:.6;stroke-linecap:round}.spine{fill:none;stroke:#dccbb5;stroke-width:25;opacity:.8}.vertebrae{fill:none;stroke:#f4e7cf;stroke-width:6;stroke-linecap:round}.cavity{fill:#fffef9}.nasal-cavity{fill:#efedea}.nasal-detail{fill:#e2cac0;stroke:#c9a99a;stroke-width:1.2;opacity:.85}.nasal-floor{fill:none;stroke:#cba992;stroke-width:2}.hard-palate{fill:#f4e7c9;stroke:#b69d81;stroke-width:1.3}.teeth{fill:#fffdf1;stroke:#c4b497;stroke-width:1.3}.tongue{fill:url(#tongue-fill);stroke:#b76464;stroke-width:1.6}.tongue-detail{fill:none;stroke:#bc6569;stroke-width:1.3;opacity:.48}.velum{fill:url(#velum-fill);stroke:#7d599b;stroke-width:1.6;stroke-linejoin:round}.velum-detail{fill:none;stroke:#d9bce6;stroke-width:1.6;opacity:.6}.lips{fill:#cd8076;stroke:#ad665e;stroke-width:1.4}.epiglottis{fill:#ddb194;stroke:#bd967c;stroke-width:1.3}.throat-wall{stroke:#ba927d;stroke-width:3;fill:none}.trachea-detail{fill:none;stroke:#d3bda6;stroke-width:4;stroke-linecap:round;opacity:.8}.oesophagus{stroke:#bc9383;stroke-width:3;fill:none;opacity:.7}.vocal-fold{fill:#b983a9;stroke:#885f81;stroke-width:1}.face-detail{stroke:#aa8373;stroke-width:2;fill:none;stroke-linecap:round}.anatomy-label path{stroke:#a6aba1;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}.anatomy-label text{font-size:12px;fill:#6d796b;letter-spacing:.05px}.velum-label text{fill:#8c69a1}.cavity-label{fill:#a0a393;font-size:10px;font-weight:500;letter-spacing:2px}.windpipe-label{fill:#8c9685;font-size:9px}.orientation-label{fill:#a7a99a;font-size:8px;letter-spacing:1.2px}.drag-handle{cursor:grab;touch-action:none;outline-offset:6px}.drag-handle.dragging{cursor:grabbing}.drag-handle circle{fill:#fffefa;stroke-width:2}.drag-handle .handle-halo{fill-opacity:.48;stroke-width:0}.drag-handle.purple{color:#8962a5}.drag-handle.coral{color:#b86b66}.drag-handle.green{color:#438277}.drag-handle circle{stroke:currentColor}.drag-handle path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drag-handle:hover circle:not(.handle-halo),.drag-handle.dragging circle:not(.handle-halo){stroke-width:3;fill:#fff}.drag-handle:focus-visible{outline:none;filter:drop-shadow(0 0 5px #245c50)}.air-path{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.air-path.source{stroke:#418b85;stroke-dasharray:4 9;stroke-width:2.2}.air-path.oral{stroke:#4a9d8e}.air-path.nasal{stroke:#d4a24e;stroke-width:2.5}.air-dot{pointer-events:none}.air-dot.source,.air-dot.mouth{fill:#2e9b8c}.air-dot.nose{fill:#d39936}.pressure-mark{fill:#cf9947;pointer-events:none}.pressure-mark circle{fill:#f4dba7;stroke:#d3aa64;stroke-width:1.5;stroke-dasharray:4 3}.pressure-mark path{stroke:#b98433;fill:none;stroke-width:1.5}.pressure-mark text{font-size:11px;text-anchor:middle}.gap-mark{pointer-events:none}#gap-mark path{stroke:#c39447;fill:none;stroke-width:1.5}#gap-mark circle{stroke:#d69f49;stroke-width:1;fill:#eebf6040}.palate-inset{position:absolute;right:16px;top:18px;width:140px;padding:11px 10px 10px;border:1px solid #e2e1d7;border-radius:11px;background:#fffef9ed;box-shadow:0 4px 12px #4f4b3410}.inset-heading{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:9px;color:#737966;margin-bottom:8px;font-weight:600}.purple-dot{width:5px;height:5px;border-radius:50%;background:#9670b3}.palate-inset svg{display:block;width:100%;height:119px;border-radius:6px}.inset-air{fill:#fbf7f0}.inset-nasal{fill:#efeeec}.inset-wall{fill:#e7c8b9;stroke:#ba967f;stroke-width:1.7}.inset-flow{fill:none;stroke:#c89a47;stroke-width:2.5;stroke-dasharray:4 6;animation:inset-air 1.5s linear infinite}.gap-bracket{fill:none;stroke:#c99a4b;stroke-width:1.5}.inset-direction{font-size:7.5px;letter-spacing:1px;fill:#aaa895}.closure-status{font-size:9px;text-align:center;border-radius:5px;padding:6px 2px;margin-top:8px;white-space:nowrap}.closure-status.closed{background:#edf2e8;color:#527044}.closure-status.open{background:#f6eddd;color:#997229}.drag-hint{position:absolute;bottom:15px;left:20px;display:flex;gap:7px;align-items:center;color:#8e9887;font-size:10px}.drag-hint .icon{height:16px;width:16px}.no-labels #labels{display:none}.flow-summary{display:flex;gap:13px;align-items:center;padding:17px 20px;border-top:1px solid #e8e8df;background:#fdfdf8;min-height:94px}.flow-symbol{display:flex;align-items:center;justify-content:center;background:#e8f1e9;color:#488971;width:40px;height:40px;border-radius:12px;flex-shrink:0}.flow-symbol.both,.flow-symbol.nasal,.flow-symbol.blocked{background:#f4eddd;color:#b18b43}.flow-symbol.off{background:#edf0e9;color:#889483}.flow-copy{flex:1}.flow-copy h2{font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:4px}.flow-copy p{color:#84907f;font-size:11px;line-height:1.6;max-width:480px}.route-badges{display:flex;flex-direction:column;gap:6px;padding-left:6px;flex-shrink:0}.route-badge{font-size:10px;display:flex;align-items:center;gap:6px;color:#899180}.route-badge>i{width:5px;height:5px;border-radius:50%;background:#bec5b7}.route-badge>span{width:42px;text-align:right;font-size:9px;color:#a6ac9d;margin-left:3px}.route-badge.oral.flowing{color:#438d7c}.route-badge.nasal.flowing{color:#b08a3d}.route-badge.oral.flowing>i{background:#4c9d8b}.route-badge.nasal.flowing>i{background:#c79b49}.route-badge.flowing>span{color:inherit}.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;background:#fbfcf6;border-top:1px solid #e8ebe1;min-height:48px}.flow-toggle{display:flex;align-items:center;gap:7px;color:#819078;font-size:10px}.flow-key{display:flex;align-items:center;gap:6px;font-size:9px;color:#8e9886}.flow-key i{display:block;width:5px;height:5px;border-radius:50%}.flow-key i:nth-child(2){margin-left:9px}.oral-dot{background:#4f9b8e}.nasal-dot{background:#cca052}.visual-bottom .quiet-button{padding:5px 0;font-size:10px}.visual-bottom .quiet-button .icon{width:13px;height:13px}.control-panel{border:1px solid var(--line);border-radius:15px;background:#fefefa;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 19px 16px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}.panel-heading h2{font-size:19px;letter-spacing:-.5px;font-weight:600}.panel-heading .icon-button{color:#92a08d}.palate-controls{background:#f4f0f8;border-top:1px solid #eae4ef;border-bottom:1px solid #eae4ef;padding:16px 19px 12px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-heading h3{font-size:13px;letter-spacing:-.1px;font-weight:650}.part-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:7px}.part-icon .icon{width:18px;height:18px}.part-icon.purple{color:#936daf;background:#e6dcee}.part-icon.coral{color:#ba736c;background:#f7e7e0}.part-icon.green{color:#638471;background:#eaf0e3}.control-tag{font-size:8px;color:#a195ad;margin-left:auto;letter-spacing:.1px}.palate-positions{display:flex;border-radius:7px;border:1px solid #e0d8e8;padding:3px;background:#fcfafe;margin-bottom:14px}.palate-positions button{flex:1;padding:6px 4px;border-radius:5px;font-size:10px;color:#9d8dab}.palate-positions button.active{background:#e7dcef;color:#775293;font-weight:650}.palate-positions button:hover{background:#eee6f5}.range-control{margin:8px 0 5px}.range-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:5px}.range-heading label{color:#6f7c6b;font-weight:500}.range-heading output{font-size:9px;color:#a2ad99;font-variant-numeric:tabular-nums}.palate-controls .range-heading label{color:#8b789b}.palate-controls .range-heading output{color:#a08baa}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:18px;background:transparent;cursor:pointer;margin:0;--range:50%;--track:#91a48b;--empty:#e7eadf;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--track) 0,var(--track) var(--range),var(--empty) var(--range),var(--empty) 100%)}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--empty)}input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--track)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#fbfdf5;border:3px solid var(--track);margin-top:-5px;box-shadow:0 1px 4px #273d2c20}input[type=range]::-moz-range-thumb{height:10px;width:10px;border-radius:50%;background:#fbfdf5;border:3px solid var(--track)}.palate-controls input[type=range]{--track:#a581bd;--empty:#e4dbea}.range-ends{display:flex;justify-content:space-between;color:#a2ad98;font-size:8px;line-height:1.5;margin-top:2px}.palate-controls .range-ends{color:#aa99b3}.gap-check{display:flex;align-items:center;gap:7px;font-size:9px;color:#9885a6;cursor:pointer;margin-top:12px;min-height:20px}.gap-check input{accent-color:#9670b3;width:12px;height:12px;margin:0}.gap-check .icon{width:12px;height:12px;opacity:.6;margin-left:auto}.control-note{color:#a08dab;font-size:9px;line-height:1.5;padding-top:3px}#gap-control{margin-top:12px}.part-controls{padding:15px 19px 12px;border-bottom:1px solid #eceee4}.subtle{font-size:8px;margin-left:auto;color:#a1ab97}.part-controls .section-heading{margin-bottom:8px}.part-controls:has(.coral) input[type=range]{--track:#cd9990;--empty:#f0e7df}details{margin-top:10px}summary{list-style:none;cursor:pointer;font-size:9px;color:#8c9b82;display:flex;align-items:center;justify-content:space-between;min-height:23px}summary::-webkit-details-marker{display:none}summary .icon{width:12px;height:12px}details[open] summary{margin-bottom:10px}details[open] summary .icon{transform:rotate(180deg)}details .range-control{margin-top:11px}.lip-shapes{display:flex;gap:3px;margin-left:auto}.lip-shapes button{font-size:8px;padding:5px 6px;border-radius:5px;color:#99a58c}.lip-shapes button.active{background:#edf1e5;color:#69815b}.release-button{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:6px;padding:8px 10px;background:#f5ead5;color:#9b7a39;font-size:10px;margin:10px 0 0}.release-button:hover{background:#eddfbf}.release-button .icon{width:14px;height:14px}.voicing-controls{display:flex;align-items:center;gap:8px;padding:14px 18px}.voice-inset{width:42px;height:48px;flex-shrink:0}.voice-inset svg{width:100%;height:100%}.fold-frame{fill:#f1e6e7;stroke:#cfaead;stroke-width:1.5}.fold-a,.fold-b{fill:#b887a2;stroke:#98697f;stroke-width:1}.fold-a{transform-origin:32px 14px;transform:rotate(11deg)}.fold-b{transform-origin:32px 14px;transform:rotate(-11deg)}.voice-inset.voiced .fold-a,.voice-inset.voiced .fold-b{transform:rotate(0)}.voice-inset.vibrating .fold-a{animation:fold-a .2s linear infinite alternate}.voice-inset.vibrating .fold-b{animation:fold-b .2s linear infinite alternate}.voice-label{flex:1}.voice-label h3{font-size:12px;font-weight:650}.voice-label span{display:block;font-size:9px;color:#86917d;margin-top:3px}.voice-label small{display:block;font-size:7px;color:#a5ad9b;margin-top:3px}.listen-card{margin-top:12px;background:#eaf0e5;border:1px solid #dce5d3;border-radius:12px;padding:11px}.listen-card button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:#f5faed;padding:12px;border-radius:7px;font-size:12px;font-weight:500}.listen-card button:hover{background:#16483d}.listen-card button.listening{background:#796286}.listen-card p{font-size:8px;color:#8a9980;text-align:center;line-height:1.5;margin-top:7px}.discovery-note{display:flex;align-items:center;gap:13px;margin:22px 0 25px;padding:0 4px;color:#7a8972}.discovery-mark{width:33px;height:33px;background:#edf0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ba578;flex-shrink:0}.discovery-mark .icon{width:18px;height:18px}.discovery-note>div{flex:1}.discovery-note strong{font-size:11px;font-weight:600}.discovery-note p{font-size:10px;margin-top:4px;color:#939c88;line-height:1.5}.discovery-note .quiet-button{font-size:10px;flex-shrink:0}.discovery-note .quiet-button .icon{height:14px;width:14px}footer{max-width:1376px;margin:auto;padding:19px 0 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a0a994;font-size:9px}footer button{font-size:9px;color:#7e8f72;display:flex;align-items:center;gap:6px}footer button:hover{color:#3c6247}footer .icon{width:13px;height:13px}.footer-dot{padding:0 5px}.story-strip{position:relative;display:flex;align-items:center;gap:19px;background:#eaf0e3;border:1px solid #d8e1cf;border-radius:12px;margin-bottom:18px;padding:17px 21px 22px}.story-step{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#809173;white-space:nowrap}.story-copy{flex:1}.story-copy h2{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.3px}.story-copy p{font-size:11px;color:#7b8b6f;line-height:1.6;margin-top:5px}.story-actions{display:flex;gap:5px}.story-actions .icon-button{background:#fbfdf7;border:1px solid #d9e1d0;color:#607d4f}.story-progress{position:absolute;bottom:9px;left:110px;display:flex;gap:5px}.story-progress button{padding:0;width:23px;height:3px;border-radius:3px;background:#d2ddc6}.story-progress button.active{background:#7d9b67}.imaging{background:#343b3c}.imaging:before{background-image:radial-gradient(#e4ecec 1px,transparent 1px);opacity:.035}.imaging #anatomical-tissues{filter:grayscale(1);opacity:.84}.imaging .head-tissue{fill:#858c8d;stroke:#b4b7b5}.imaging .cavity,.imaging .nasal-cavity{fill:#33393a}.imaging .hard-palate,.imaging .teeth{fill:#e4e9e6}.imaging .tongue{fill:#969c99;stroke:#b8c1bb}.imaging .velum{fill:#b2b2b7;stroke:#d2d5d0}.imaging .scene-halo{fill:#444e4e;opacity:.5}.imaging .anatomy-label text{fill:#c9d2c7}.imaging .anatomy-label path{stroke:#8a9991}.imaging .cavity-label,.imaging .windpipe-label{fill:#9dada3}.imaging .stage-caption{color:#bdc9ba}.imaging .drag-hint{color:#afbfac}.imaging .orientation-label{fill:#a1b09e}.imaging .palate-inset{background:#495350;border-color:#68766c;box-shadow:none}.imaging .inset-heading{color:#c6d1c1}.imaging .palate-inset svg{filter:grayscale(1);opacity:.8}.imaging .closure-status.closed{background:#596b5a;color:#e2e8d6}.imaging .closure-status.open{background:#736851;color:#eee1c3}.imaging-caption{position:absolute;bottom:39px;right:18px;padding:5px 6px;font-size:7px;letter-spacing:.9px;background:#4a5350;color:#c1cdc1;border-radius:3px}.imaging-note{font-size:10px;line-height:1.8;color:#89957e;padding:15px 20px;background:#f2f4eb;border-top:1px solid #e0e5d6}.imaging-note strong{font-weight:600;color:#647858}.imaging-note button{display:flex;align-items:center;gap:6px;font-size:10px;color:#517047;font-weight:600;padding:5px 0 0}.imaging-note .icon{width:12px;height:12px}.focus-mode .header-inner{min-height:65px}.focus-mode .intro{padding:14px 0;justify-content:flex-end}.focus-mode .intro>div,.focus-mode .sound-presets,.focus-mode .discovery-note,.focus-mode footer{display:none}.focus-mode .stage{height:calc(100vh - 272px);min-height:500px}.focus-mode .workspace{grid-template-columns:minmax(0,1fr) 308px}.focus-mode .story-strip{margin-top:0}.focus-mode .mode-nav button{padding:7px 14px}.paused .inset-flow,.paused .voice-inset .fold-a,.paused .voice-inset .fold-b{animation-play-state:paused}dialog{width:min(620px,calc(100vw - 30px));max-height:min(830px,calc(100vh - 50px));border:1px solid #d8e0d0;border-radius:20px;background:#fffef9;padding:0;box-shadow:0 24px 100px #21362b38;color:var(--ink);overflow:hidden}dialog::backdrop{background:#253a3159;backdrop-filter:blur(5px)}dialog[open]{display:flex;flex-direction:column}.dialog-header{padding:24px 26px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header .eyebrow{font-size:8px;margin-bottom:8px}.dialog-header h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.5px}.dialog-tabs{display:flex;padding:0 26px;gap:21px;border-bottom:1px solid #e4e8db}.dialog-tabs button{font-size:11px;color:#85927a;padding:10px 0 12px;border-bottom:2px solid transparent}.dialog-tabs button.active{color:#3c6545;border-color:#62855a;font-weight:600}#dialog-content{padding:23px 26px 27px;overflow-y:auto;overscroll-behavior:contain;line-height:1.8;font-size:12px;color:#7c8971}.help-lead{font-size:16px;color:#446342;font-weight:500;margin-bottom:16px}#dialog-content h3{font-size:13px;color:#4e6847;font-weight:600;margin:18px 0 5px}#dialog-content p+p{margin-top:12px}.help-row{display:flex;gap:16px;margin:17px 0}.help-row>span{flex-shrink:0;font-size:11px;font-weight:600;width:30px;height:30px;background:#eef3e6;color:#87a175;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:2px}.help-row h3{margin:0 0 4px!important}.help-row p{font-size:11px}.info-box{background:#f0f4e8;border-radius:9px;padding:14px 16px;margin-top:24px;font-size:11px}.info-box strong{color:#617b50}.info-box p{margin-top:3px}.source-item{padding:2px 0 15px;border-bottom:1px solid #edf0e5}.source-item a{text-decoration:none;color:#5e7c50}.source-item a:hover{text-decoration:underline}.source-citation{font-size:10px;margin-top:20px}.source-citation a{color:#608050}.source-item p{font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:var(--green);color:#fff;padding:12px 20px;border-radius:10px}
.preset{font-size:11px}.preset-label{font-size:10px;letter-spacing:1px}.range-heading{font-size:12px}.range-heading output{font-size:10px;color:#74846b}.range-ends{font-size:10px;color:#79896e}.palate-controls .range-heading label{color:#796289}.palate-controls .range-heading output{color:#857191}.palate-controls .range-ends{color:#8d779a}.gap-check{font-size:11px;color:#856d96}.palate-positions button{font-size:11px}.control-tag{font-size:9px;color:#927aa3}.subtle{font-size:9px;color:#7f8e74}.lip-shapes button{font-size:9px;color:#7c8c71}summary{font-size:10px;color:#6c805e}.flow-copy p{font-size:12px;color:#718269}.flow-key{font-size:10px;color:#738669}.flow-toggle{font-size:11px;color:#6d8261}.visual-bottom .quiet-button{font-size:11px}.stage-caption{font-size:11px;color:#7a8970}.drag-hint{font-size:11px;color:#7d8b73}.closure-status{font-size:10px}.inset-heading{font-size:10px}.voice-label span{font-size:10px;color:#748568}.voice-label small{font-size:8px;color:#87967b}.listen-card p{font-size:10px;color:#738768}.discovery-note strong{font-size:12px}.discovery-note p{font-size:11px;color:#7d8d72}footer{font-size:10px;color:#7e8e72}footer button{font-size:10px}.control-note{font-size:10px;color:#877191}.compact .anatomy-label text{font-size:18px}.compact .velum-label,.compact .uvula-label{display:none}.compact .anatomy-label path{opacity:.75}.compact .cavity-label{font-size:13px}.compact .windpipe-label{display:none}
.drag-handle .hit-area{fill:transparent;stroke:none;pointer-events:all}.compact .drag-handle .hit-area{r:44px}
@keyframes inset-air{to{stroke-dashoffset:-20}}@keyframes fold-a{from{transform:rotate(-2deg)}to{transform:rotate(4deg)}}@keyframes fold-b{from{transform:rotate(2deg)}to{transform:rotate(-4deg)}}
@media(min-width:1550px){.stage{height:580px}.header-inner{padding-inline:68px}.preset{min-height:77px}.intro{padding-top:35px;padding-bottom:28px}h1{font-size:42px}.workspace{grid-template-columns:minmax(0,1fr) 350px}.palate-controls,.part-controls{padding:19px 22px}.panel-heading{padding:22px}.range-control{margin-top:12px;margin-bottom:7px}.voicing-controls{padding:18px 20px}.listen-card{padding:13px}}
@media(max-width:1200px){main{padding:0 25px}.header-inner{padding:0 25px;min-height:76px}.workspace{grid-template-columns:minmax(0,1fr) 303px;gap:17px}.intro{padding-top:23px}.intro h1{font-size:33px}.preset-list{gap:6px}.preset-label{width:76px;font-size:8px}.preset{font-size:9px}.stage{height:480px}.palate-inset{width:119px;right:12px;top:44px;padding:8px}.palate-inset svg{height:104px}.inset-heading{font-size:8px}.closure-status{font-size:8px}.flow-summary{padding:14px;gap:10px}.flow-copy h2{font-size:13px}.flow-copy p{font-size:10px}.flow-symbol{height:32px;width:32px;border-radius:9px}.route-badges{display:none}.visual-bottom{padding:11px 15px}.flow-key{font-size:8px}.panel-heading,.part-controls,.palate-controls{padding-left:16px;padding-right:16px}.control-tag{font-size:7px}footer{margin:0 25px}.mode-nav button{padding:9px 12px;font-size:11px}.brand{font-size:25px}.brand-mark{width:38px;height:38px}}
@media(max-width:930px){main{padding:0 18px}.header-inner{padding:0 20px}.brand small{display:none}.mode-nav{gap:2px;padding:4px}.mode-nav button{font-size:10px;padding:8px}.mode-nav .icon{width:15px;height:15px}.header-inner>.quiet-button span{display:none}.workspace{grid-template-columns:minmax(0,1fr) 276px;gap:14px}.preset-label{display:none}.preset-list{gap:5px}.preset{font-size:8px;min-height:61px}.phoneme{font-size:22px}.sound-presets{margin-bottom:17px}.intro h1{font-size:31px}.stage{height:470px}.palate-inset{width:105px;right:9px;top:45px}.palate-inset svg{height:89px}.inset-heading{font-size:7px}.closure-status{font-size:7px;padding:4px 1px}.stage-caption{left:15px;font-size:8px}.drag-hint{font-size:8px;left:14px}.control-tag{display:none}.flow-key{display:none}.flow-summary{min-height:100px}.flow-copy h2{font-size:12px}.visual-toolbar{padding:12px 11px}.view-tabs button{font-size:10px;padding:6px 9px}.label-toggle{font-size:10px;gap:7px}.panel-heading h2{font-size:18px}.part-controls,.palate-controls{padding:13px 14px}.range-heading{font-size:9px}.subtle{font-size:7px}.voicing-controls{padding:12px}.listen-card button{font-size:11px}.story-copy p{font-size:10px}.story-copy h2{font-size:18px}.story-strip{padding:15px 15px 22px}.story-progress{left:100px}.focus-mode .workspace{grid-template-columns:minmax(0,1fr) 276px}}
@media(max-width:740px){.header-inner{flex-wrap:wrap;min-height:67px;padding:14px 18px;gap:15px}.brand{font-size:24px;gap:10px}.brand-mark{width:35px;height:35px;border-radius:11px}.brand small{display:block;font-size:7px;letter-spacing:.1px}.mode-nav{order:3;width:100%;justify-content:center}.mode-nav button{font-size:11px;flex:1;justify-content:center;padding:9px}.header-inner>.quiet-button{padding:6px;margin-left:auto}.header-inner>.quiet-button span{display:inline;font-size:10px}.intro{padding:23px 0 21px;gap:15px;align-items:flex-start}.intro .eyebrow{font-size:8px}.intro h1{font-size:30px;line-height:1.14;margin:10px 0}.intro>div>p:last-child{font-size:11px;line-height:1.6;max-width:260px}.outline-button{font-size:0;padding:9px;margin-top:26px}.outline-button .icon{width:17px;height:17px}.outline-button span{display:none}.sound-presets{margin-bottom:16px;margin-right:-18px}.preset-list{display:flex;overflow-x:auto;padding:1px 18px 9px 1px;gap:7px;scrollbar-width:thin;scrollbar-color:#c8d3be transparent}.preset{min-width:89px;min-height:65px;font-size:9px}.phoneme{font-size:24px}.workspace,.focus-mode .workspace{display:flex;flex-direction:column;gap:18px}.visual-card{width:100%}.controls-column{width:100%}.stage{height:490px}.anatomy-svg{width:100%}.palate-inset{width:115px;top:47px;right:12px}.palate-inset svg{height:100px}.inset-heading{font-size:7px}.closure-status{font-size:8px}.visual-toolbar{padding:13px 14px}.view-tabs button{font-size:11px}.stage-caption{left:15px;font-size:8px}.flow-summary{padding:16px;min-height:91px}.flow-copy h2{font-size:14px}.flow-copy p{font-size:11px;max-width:none}.flow-symbol{width:35px;height:35px}.visual-bottom{padding:12px 16px}.flow-key{display:flex;font-size:8px}.control-panel{display:grid;grid-template-columns:1fr 1fr}.panel-heading{grid-column:1/-1;padding:19px 20px}.palate-controls{grid-column:1/-1;padding:19px 20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 23px}.palate-controls>.section-heading{grid-column:1/-1;margin-bottom:10px}.palate-positions{margin-bottom:6px;align-self:center}.palate-controls>.range-control{margin:0}.gap-check{grid-column:1/-1;margin-top:8px}.control-tag{display:inline;font-size:9px}.section-heading h3{font-size:14px}.range-heading{font-size:11px}.range-heading output{font-size:10px}.range-ends{font-size:9px}.part-controls{padding:17px 18px}.part-controls:nth-of-type(2){border-right:1px solid #e9ece0}.part-controls .subtle{display:none}.lip-shapes{gap:0}.lip-shapes button{font-size:7px;padding:5px}.voicing-controls{grid-column:1/-1;padding:14px 20px}.voice-label span{font-size:10px}.voice-label small{font-size:8px}.voice-label h3{font-size:14px}.voice-inset{width:45px;height:50px}.voicing-controls .switch{width:38px;height:22px}.voicing-controls .switch span{width:16px;height:16px}.voicing-controls .switch[aria-checked=true] span{transform:translateX(16px)}.listen-card{padding:12px}.listen-card button{padding:14px;font-size:13px}.listen-card p{font-size:9px}.discovery-note{align-items:flex-start;flex-wrap:wrap;gap:9px;margin:21px 0}.discovery-note strong{font-size:12px}.discovery-note p{font-size:11px}.discovery-note .quiet-button{margin-left:40px;font-size:11px}.discovery-note>div{min-width:calc(100% - 50px)}footer{flex-wrap:wrap;justify-content:center;text-align:center;margin:0 18px;gap:11px;font-size:9px}footer>span:first-child{width:100%}.story-strip{flex-wrap:wrap;gap:10px;padding:14px 14px 23px}.story-copy{flex-basis:calc(100% - 70px)}.story-copy h2{font-size:18px}.story-copy p{font-size:11px}.story-actions{margin-left:auto}.story-progress{left:15px;bottom:20px}.story-step{font-size:9px}.focus-mode .header-inner{padding-block:10px}.focus-mode .mode-nav{display:none}.focus-mode .intro{padding:9px 0}.focus-mode .intro .outline-button{margin:0}.focus-mode .intro .outline-button span{display:block;font-size:11px}.focus-mode .stage{height:calc(100svh - 287px);min-height:390px}.focus-mode .controls-column{margin-bottom:20px}#gap-control{grid-column:1/-1;max-width:100%}}
@media(max-width:450px){main{padding-inline:12px}.intro h1{font-size:29px}.sound-presets{margin-right:-12px}.preset-list{padding-right:12px}.stage{height:425px}.palate-inset{width:89px;top:45px;right:9px;padding:7px}.palate-inset svg{height:81px}.inset-heading{font-size:6px;gap:3px;margin-bottom:5px}.closure-status{font-size:6.5px;margin-top:5px}.drag-hint{font-size:7px;bottom:16px;left:12px}.flow-key{display:none}.flow-copy h2{font-size:13px}.flow-copy p{font-size:10px}.flow-summary{padding:13px;gap:10px}.control-panel{display:block}.palate-controls{display:block}.palate-positions{margin-bottom:13px}.palate-controls>.range-control{margin:8px 0}.control-tag{font-size:8px}.part-controls{padding:17px 20px}.part-controls:nth-of-type(2){border-right:none}.lip-shapes{gap:4px}.lip-shapes button{font-size:9px;padding:6px 8px}.part-controls .subtle{display:block;font-size:9px}.range-heading{font-size:11px}.range-control{margin-top:12px}.gap-check{font-size:10px;margin-top:12px}.part-controls summary{font-size:10px;min-height:28px}.dialog-header{padding:20px}.dialog-header h2{font-size:22px}.dialog-tabs{padding:0 20px;gap:16px}.dialog-tabs button{font-size:10px}#dialog-content{padding:20px}.imaging-caption{font-size:5.5px;right:10px;bottom:38px}.imaging-note{font-size:10px;padding:13px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}}
@media print{.site-header,.intro,.sound-presets,.controls-column,.visual-toolbar,.visual-bottom,.discovery-note,footer,.drag-hint,#handles,dialog{display:none!important}main{padding:0}.workspace{display:block}.stage{height:700px}.visual-card{box-shadow:none}body{background:white}}