.voice-app{color:#272a29;background:#f2efe7;min-height:100vh}.lab-header{background:#f9f7f1;border-bottom:1px solid #d9d5cb;align-items:center;gap:28px;min-height:82px;padding:16px max(24px,50vw - 696px);display:flex}.back-home{color:#77766e;white-space:nowrap;font-size:13px;text-decoration:none}.lab-wordmark{flex:1;align-items:center;gap:13px;display:flex}.brand-symbol{color:#b94135;font:700 40px/1 Georgia,serif}.lab-wordmark strong{letter-spacing:.03em;font-size:17px;display:block}.lab-wordmark div>span{color:#8a867b;margin-top:4px;font-size:11px;display:block}.history-link{color:#585c58;font-size:12px;text-decoration:none}.voice-main{width:min(1392px,100%);margin:auto;padding:35px 24px 30px}.workbench-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#a4503e;font:500 10px var(--mono);letter-spacing:.18em}.workbench-heading h1{letter-spacing:-.055em;margin:9px 0 0;font-size:clamp(24px,2.7vw,37px);line-height:1.3}.local-label{color:#818277;white-space:nowrap;align-items:center;gap:7px;margin-bottom:5px;font-size:11px;display:flex}.local-label i{background:#748875;border-radius:50%;width:6px;height:6px}.practice-workbench{background:#fffdf7;border:1px solid #d3cec2;border-radius:16px;grid-template-columns:minmax(290px,340px) minmax(0,1fr);display:grid;overflow:clip;box-shadow:0 12px 40px #363c3020}.task-panel{background:#eae6dc;border-right:1px solid #d3cec2;padding:26px}.task-picker{gap:8px;font-size:12px;display:grid}.task-picker>span{color:#747366}.task-picker select{color:#31362f;background:#f8f6f0;border:1px solid #c6c1b5;border-radius:6px;width:100%;padding:10px 9px;font-size:12px}.chapter-number{color:#a25b48;font:500 11px var(--mono)}.task-copy h2{letter-spacing:-.045em;margin:9px 0;font-size:25px;line-height:1.3}.task-copy p{color:#757369;margin:0;font-size:12px;line-height:1.8}.starting-note label{font-size:12px;display:block}.starting-note label span{color:#858276;margin:4px 0 10px;font-size:10px;display:block}.starting-note>div{background:#f9f7f1;border:1px solid #c6c1b5;border-radius:7px;grid-template-columns:42px 1fr 42px;align-items:center;display:grid;overflow:hidden}.starting-note button{color:#6e6d62;cursor:pointer;background:0 0;border:0;height:42px;font-size:19px}.starting-note select{text-align:center;color:#2d3832;width:100%;height:42px;font:500 20px var(--mono);background:0 0;border:0;border-left:1px solid #d7d3c7;border-right:1px solid #d7d3c7}.compact-setting{color:#757267;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex}.compact-setting select{color:#333c34;background:#f8f6f0;border:1px solid #c6c1b5;border-radius:4px;max-width:180px;padding:5px;font-size:11px}.sound-task{background:#faf7ef;border:1px solid #d5cbb9;border-radius:8px;margin-top:20px;padding:16px}.sound-task>strong{color:#994233;letter-spacing:-.025em;margin:4px 0 9px;font-size:22px;display:block}.note-route{color:#656f68;font:400 12px var(--mono);flex-wrap:wrap;gap:6px;display:flex}.note-route i{color:#9eaa9e;margin-left:6px;font-style:normal}.action-list{counter-reset:action;margin:20px 0;padding:0;list-style:none}.action-list li{color:#50564e;counter-increment:action;padding:0 0 14px 26px;font-size:12px;line-height:1.75;position:relative}.action-list li:before{content:counter(action);color:#8d816a;width:17px;height:17px;font:500 9px var(--mono);border:1px solid #bfb8a6;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:0}.listen-for{border-top:1px solid #cec8b9;padding-top:15px}.listen-for p{color:#53564d;margin:5px 0 17px;font-size:12px;line-height:1.7}.session-actions{gap:9px;display:grid}.secondary-button,.record-button{color:#596252;cursor:pointer;background:#f7f5ee;border:1px solid #bfc2b6;border-radius:6px;min-height:42px;padding:10px 13px;font-size:12px;font-weight:600}.record-button{color:#fff9ee;background:#b74132;border-color:#b74132;min-height:48px}.record-button.recording{background:#803626}.record-footnote{color:#8b877a;margin:10px 0 0;font-size:10px;line-height:1.6}.capture-error{color:#8f3c30;background:#f4ddd1;border-radius:5px;padding:12px;font-size:12px;line-height:1.6}.feedback-panel{color:#eeeae0;background:#1c2325;min-width:0;padding:22px}.capture-banner{color:#a6b3ad;border-bottom:1px solid #3a4343;justify-content:space-between;gap:12px;padding:0 0 15px;font-size:10px;display:flex}.capture-banner>span:first-child{align-items:center;gap:8px;display:flex}.capture-banner i{background:#9ca597;border-radius:50%;width:6px;height:6px}.capture-banner.recording i{background:#f8866d;animation:1s infinite record-pulse}.capture-banner.recording{color:#f4b5a2}.feedback-plot{padding:21px 0 0}.plot-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.plot-top h2{color:#f2ede0;letter-spacing:-.025em;margin:5px 0 0;font-size:19px}.live-note{text-align:right;flex-shrink:0}.live-note strong{color:#e9b998;font:500 27px var(--mono)}.live-note span{color:#8f9f9c;margin-top:3px;font-size:9px;display:block}.plot-legend{color:#a3aca8;flex-wrap:wrap;gap:17px;margin:16px 0 2px;font-size:9px;display:flex}.key{align-items:center;gap:5px;display:flex}.key:before{content:"";background:#d0ae87;width:14px;height:2px;display:block}.key.target:before{background:0 0;border-top:2px dashed #7d9286;height:0}.key.previous:before{background:#698a9b}.pitch-chart{cursor:crosshair;width:100%;height:auto;display:block;overflow:visible}.pitch-chart text{fill:#879892;font:10px var(--mono)}.chart-grid{stroke:#36433f;stroke-width:1px}.target-line{stroke:#738979;stroke-width:2px;stroke-dasharray:6 5;opacity:.85}.actual-line{fill:none;stroke:#f4c8a2;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.previous-line{fill:none;stroke:#708d9c;stroke-width:2px;opacity:.65}.pitch-chart text.empty-chart{fill:#d6d5c8;font:12px system-ui,sans-serif}.level-line{color:#8f9f97;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:9px;display:grid}.level-line>div{background:#35423c;border-radius:4px;height:3px;overflow:hidden}.level-line i{background:#abb594;height:100%;transition:width .1s;display:block}.level-line output{min-width:64px;font:9px var(--mono);text-align:right}.plot-caption{color:#778a83;margin:12px 0 0;font-size:9px;line-height:1.6}.quality-notice{color:#e2b199;background:#50372d;border-radius:5px;margin-top:14px;padding:9px 11px;font-size:10px;line-height:1.6}.comparison-heading{justify-content:space-between;align-items:baseline;gap:15px;margin:20px 0 10px;display:flex}.comparison-heading h3{color:#d9dccf;margin:0;font-size:12px}.recordings{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recording-player{background:#242e2a;border:1px solid #405149;border-radius:7px;min-width:0;padding:12px}.recording-player>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.recording-player>div>span{color:#8fa496;text-align:right;font-size:9px}.recording-player audio{opacity:.83;width:100%;height:32px;margin-top:10px;display:block}.recording-player a{text-align:right;color:#8eab9d;margin-top:7px;font-size:9px;text-decoration:none;display:block}.empty-player-line{align-items:center;height:32px;margin-top:10px;display:flex;position:relative}.empty-player-line:after{content:"";background:#3b4840;width:100%;height:1px;display:block}.comparison-note{color:#80988c;margin:9px 0 0;font-size:9px;line-height:1.6}.replay-markers{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.replay-markers>span{color:#c0bca7;font-size:10px}.replay-markers button{color:#e2c9a5;cursor:pointer;background:#352f25;border:1px solid #655a42;border-radius:4px;padding:6px 8px;font-size:10px}.replay-markers small{color:#8c9889;width:100%;font-size:8px}.feeling-row{margin-top:20px}.feeling-row>div{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.feeling-row button{color:#a8b6a9;cursor:pointer;background:0 0;border:1px solid #46564b;border-radius:20px;min-height:34px;padding:8px 11px;font-size:10px}.next-try{background:#302f25;border:1px solid #72644b;border-left:3px solid #d4b284;border-radius:5px;margin:15px 0;padding:13px 15px}.next-try p{color:#cbd0bd;margin:5px 0 0;font-size:12px;line-height:1.7}.spectrum-details{border-top:1px solid #3c4942}.spectrum-details summary{cursor:pointer;color:#bcc7b8;padding:13px 0;font-size:11px}.spectrum-details summary>span{color:#7b9687;margin-left:15px;font-size:9px}.spectrum-content{padding-left:37px;position:relative}.frequency-labels{color:#8fa08f;font:9px var(--mono);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:42px;left:0}.spectrum-content canvas{image-rendering:auto;width:100%;height:130px;display:block}.spectrum-content p{color:#8f9c89;font-size:9px;line-height:1.6}.mechanism-lesson{border-top:1px solid #3c4942;margin-top:2px}.mechanism-lesson>summary{cursor:pointer;align-items:center;gap:10px;padding:13px 0;list-style:none;display:flex}.mechanism-lesson summary::-webkit-details-marker{display:none}.lesson-icon{color:#c1b89b;border:1px solid #718275;border-radius:50%;place-items:center;width:24px;height:24px;font:12px Georgia,serif;display:grid}.mechanism-lesson summary>div{flex:1}.mechanism-lesson summary strong{color:#c8cdbb;font-size:11px;display:block}.mechanism-lesson summary div>span{color:#7f9585;margin-top:3px;font-size:9px;display:block}.mechanism-lesson summary>b{color:#9ea689;font-size:18px;font-weight:400}.lesson-body{color:#47463c;background:#f0e8dc;border-radius:7px;margin:0 0 14px;padding:16px}.simulation-label{color:#9c6e51;font-size:9px}.mechanism-views{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.mechanism-views h3{color:#6f604f;margin:0;font-size:11px}.mechanism-views svg{background:#272d2b;border-radius:6px;width:100%;height:auto;margin-top:8px;display:block}.mechanism-views svg text{fill:#d5c1ad;font-size:9px}.phase-controls{align-items:center;gap:10px;margin-top:12px;display:flex}.phase-controls button{color:#fff4e6;cursor:pointer;background:#746150;border:0;border-radius:4px;padding:6px 10px;font-size:10px}.phase-controls label{flex:1;align-items:center;gap:9px;font-size:9px;display:flex}.phase-controls input{accent-color:#a66049;width:100%;min-width:0}.phase-controls output{font:9px var(--mono)}.lesson-body p{margin:12px 0 0;font-size:11px;line-height:1.85}.lesson-body .lesson-action{color:#8c5039;border-top:1px solid #cfc4b3;padding-top:10px}.tract-example{justify-content:center;align-items:center;gap:26px;padding:20px;display:flex}.tract-example>div{flex-direction:column;align-items:center;gap:8px;display:flex}.tract-example strong{color:#9e5541;font-size:20px}.tract-example span{color:#80735e;font-size:10px}.mouth{background:#44332c;border:6px solid #c27868;border-radius:50%;width:56px;height:27px;display:block}.mouth.oo{width:27px;height:27px}.mouth.ah{height:44px}.tract-arrow{font-size:25px}.save-note{border-top:1px solid #3b4a3f;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.save-note label{color:#b0beaa;flex:1;min-width:0;font-size:10px}.save-note input{color:#dcddcb;background:#26322b;border:1px solid #455343;border-radius:4px;width:100%;margin-top:7px;padding:9px 10px;font-size:11px}.save-note .secondary-button{color:#cbd5be;background:#354234;border-color:#506047;min-height:36px;padding:9px 12px;font-size:10px}.session-notice{color:#8eab91;min-height:17px;margin:10px 0 0;font-size:10px;line-height:1.6}.practice-history{background:#f9f6ee;border:1px solid #d3cec2;border-radius:10px;margin-top:24px}.practice-history>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.practice-history>summary h2{letter-spacing:-.035em;margin:5px 0 0;font-size:21px}.saved-list{padding:0 24px 20px}.saved-list>p{color:#8a8374;margin:0;font-size:12px;line-height:1.8}.saved-list article{border-top:1px solid #ddd6c7;align-items:center;gap:12px;padding:15px 0;display:flex}.saved-list article>div{flex:1;min-width:0}.saved-list article strong{font-size:13px;display:block}.saved-list article span{color:#948871;margin-top:5px;font-size:10px;display:block}.saved-list article p{color:#706754;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}.saved-list button{color:#786b52;cursor:pointer;white-space:nowrap;background:#eee6d6;border:1px solid #d0c3ab;border-radius:4px;padding:8px 10px;font-size:11px}.saved-list button.delete-record{color:#a67963;background:0 0;border:0}.voice-footer{color:#9b9385;justify-content:space-between;gap:24px;margin-top:25px;font-size:10px;display:flex}.voice-footer>p{margin:0;line-height:1.8}.voice-footer details{max-width:450px}.voice-footer summary{cursor:pointer}.voice-footer details p{line-height:1.8}.voice-footer a{color:#95876e;margin:0 12px 6px 0;display:inline-block}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}input::placeholder{color:#859381}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:not(:disabled):hover{filter:brightness(1.06)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #cb8957}@keyframes record-pulse{50%{opacity:.25}}.task-panel{flex-direction:column;display:flex}.session-actions{order:2;margin-top:16px}.record-footnote{order:3}.capture-error{order:4}.sound-task{order:5}.action-list{order:6}.listen-for{order:7}@media (width>=1000px){.task-panel{align-self:start;position:sticky;top:0}.practice-workbench{overflow:visible}.task-panel{border-radius:16px 0 0 16px}.feedback-panel{border-radius:0 16px 16px 0}}@media (width<=1050px){.practice-workbench{grid-template-columns:285px minmax(0,1fr)}.task-panel{padding:22px}.feedback-panel{padding:18px}.live-note span{max-width:110px;line-height:1.5}.comparison-heading{display:block}.comparison-heading>span{margin-top:6px;display:block}.recording-player>div:first-child{display:block}.recording-player>div>span{text-align:left;margin-top:5px;display:block}}@media (width<=760px){.lab-header{gap:15px;min-height:70px;padding:14px 18px}.lab-wordmark strong{font-size:14px}.lab-wordmark div>span{display:none}.brand-symbol{font-size:32px}.back-home,.history-link{font-size:10px}.voice-main{padding:23px 14px}.workbench-heading{margin-bottom:19px;display:block}.local-label{margin-top:12px}.practice-workbench{grid-template-columns:1fr}.task-panel{border-bottom:1px solid #d0c7b4;border-right:0;padding:20px}.task-copy{padding:15px 0 14px}.task-copy h2{font-size:23px}.starting-note label span{margin-left:7px;display:inline}.starting-note>div{max-width:240px;margin-top:8px}.sound-task{margin-top:14px}.action-list{margin:14px 0 8px}.action-list li{padding-bottom:8px}.listen-for{padding-top:12px}.listen-for p{margin-bottom:12px}.session-actions{grid-template-columns:1fr 1.35fr}.record-footnote{font-size:9px}.feedback-panel{padding:18px}.plot-top h2{font-size:16px}.plot-caption{font-size:9px}.comparison-heading h3{font-size:12px}.save-note{gap:10px}.save-note .secondary-button{max-width:95px}.practice-history>summary{padding:17px}.saved-list{padding:0 17px 17px}.voice-footer{display:block}.voice-footer details{max-width:none;margin-top:10px}.capture-banner>span:last-child{display:none}}@media (width<=420px){.voice-main{padding-left:10px;padding-right:10px}.feedback-panel{padding:15px}.live-note strong{font-size:23px}.live-note span{max-width:100px;font-size:8px}.plot-legend{gap:10px;font-size:8px}.recordings{grid-template-columns:1fr}.recording-player>div:first-child{display:flex}.recording-player>div>span{margin:0;font-size:8px}.mechanism-views{grid-template-columns:1fr}.phase-controls{flex-wrap:wrap}.phase-controls label{min-width:150px}.saved-list article{flex-wrap:wrap}.saved-list article>div{flex-basis:100%}.feeling-row button{padding:7px 9px;font-size:10px}.practice-history>summary>span{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.voice-main{padding-bottom:110px}.session-actions{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e9e3d6ed;border:1px solid #d3c7b4;border-radius:10px;max-width:640px;margin:auto;padding:9px;position:fixed;bottom:12px;left:18px;right:18px;box-shadow:0 3px 25px #141f2130}.record-footnote{margin-top:12px}.voice-footer{margin-bottom:18px}}.dock-pitch{display:none}.voice-app{color:#263633;background:#eef1e8}.lab-header{background:#f7f8f2;border-color:#d8dfd3;min-height:64px;padding-top:12px;padding-bottom:12px}.brand-symbol{font-size:34px}.lab-wordmark strong{font-size:16px}.lab-wordmark div>span{color:#74836f}.back-home,.history-link{color:#53665a;font-size:13px}.voice-main{padding-top:22px}.workbench-heading{margin-bottom:18px}.workbench-heading h1{letter-spacing:-.045em;font-size:clamp(22px,2.2vw,30px)}.eyebrow{letter-spacing:.08em;color:#947046;font-size:11px}.local-label{color:#65726b;font-size:12px}.practice-flow{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.practice-flow li{color:#718074;background:#f7f8f280;border:1px solid #d8dfd3;border-radius:9px;align-items:center;gap:12px;padding:10px 14px;display:flex}.practice-flow li>span{width:25px;height:25px;font:12px var(--mono);border:1px solid #c5cfbe;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.practice-flow strong{font-size:13px;font-weight:500}.practice-flow small{color:#778272;margin-top:3px;font-size:11px;display:block}.practice-flow li[aria-current]{color:#344b37;background:#fffef7;border-color:#9eaa92}.practice-flow li[aria-current]>span{color:#fff;background:#3c5840;border-color:#3c5840}.practice-flow li.done>span{color:#436940;background:#dee7d5;border-color:#c0cdb4}.practice-workbench{box-shadow:none;background:0 0;border:0;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;overflow:visible}.task-panel{background:#f9faf3;border:1px solid #d3dbcb;border-radius:14px;padding:22px;box-shadow:0 8px 24px #30451f08}.task-picker{font-size:12px}.task-picker select{color:#263633;background:#fff;border-color:#cad3c0;font-size:13px}.task-copy{padding:17px 0 16px}.task-copy h2{margin:6px 0 7px;font-size:23px;line-height:1.4}.task-copy p{color:#65726b;font-size:13px}.chapter-number{color:#937347}.starting-note label{font-size:13px}.starting-note label span{color:#75816e;font-size:11px}.starting-note>div{background:#fffef7;border-color:#cad3c0}.starting-note button,.starting-note select{color:#304d36;height:40px}.compact-setting,.compact-setting select{font-size:12px}.session-actions{gap:8px;margin-top:14px}.secondary-button,.record-button{border-radius:7px;font-size:13px}.record-button{min-height:46px}.record-footnote{color:#7d8775;font-size:11px}.sound-task{background:#eef2e5;border-color:#d6dfc7;margin-top:16px;padding:12px 14px}.sound-task>span{color:#73815f;font-size:11px}.sound-task>strong{color:#855336;margin:3px 0 7px;font-size:21px}.note-route{color:#577153}.listen-for{border-top:0;order:6;padding-top:12px}.listen-for>span{color:#98723f;font-size:11px}.listen-for p{color:#43593f;margin-bottom:14px;font-size:13px}.task-instructions{border-top:1px solid #d8dfd3;order:7;font-size:12px}.task-instructions summary{cursor:pointer;color:#5a7052;padding-top:12px}.action-list{margin:14px 0 0}.action-list li{color:#56684f;padding-bottom:10px;font-size:12px}.action-list li:before{color:#798e6b;border-color:#c0ccb6;font-size:10px}.feedback-panel{color:#e7efe0;background:#182c29;border:1px solid #2d4841;border-radius:14px;padding:20px;scroll-margin-top:16px;box-shadow:0 8px 24px #1e332210}.capture-banner{color:#afc0aa;border-color:#3a5047;padding-bottom:12px;font-size:11px}.feedback-plot{padding-top:15px}.plot-top .eyebrow{color:#b4b58a;font-size:10px}.plot-top h2{margin-top:4px;font-weight:500}.live-note span{color:#adc1ad;font-size:11px}.plot-legend{color:#b0c1ab;margin-top:12px;font-size:11px}.pitch-chart text{fill:#9bb098}.chart-grid{stroke:#354d41}.chart-grid.vertical{stroke:#2b4439}.actual-line{stroke:#f8c99b}.previous-line{stroke:#8bb9c6;opacity:.8}.target-line{stroke:#89a37b}.empty-chart-box{fill:#203831;stroke:#446048}.pitch-chart text.empty-chart{fill:#e0e9d5}.playback-cursor line{stroke:#efebc2;stroke-width:1px;stroke-dasharray:2 3}.playback-cursor circle{fill:#efebc2}.level-line,.level-line output{color:#aec0a4;font-size:11px}.plot-caption{color:#97ad92;margin-top:8px;font-size:11px}.spectrum-strip{margin-top:12px}.spectrum-heading{color:#a5b899;justify-content:space-between;align-items:center;gap:12px;margin:0 0 7px;font-size:11px;display:flex}.spectrum-heading strong{color:#c3d0b6;font-weight:500}.spectrum-content{padding-left:44px;padding-right:22px}.frequency-labels{color:#a1b794;font-size:10px;bottom:0}.spectrum-content canvas{background:#132522;border-radius:4px;height:56px}.empty-spectrum{color:#94a88d;pointer-events:none;place-items:center;font-size:11px;display:grid;position:absolute;inset:0 22px 0 44px}.spectrum-details{border:0}.spectrum-details summary{color:#a8bf9b;padding:7px 0;font-size:11px}.spectrum-details p{color:#b1c6a2;margin:3px 0 12px;font-size:12px;line-height:1.7}.quality-notice{color:#f0caa7;background:#4c3f2c;margin-top:12px;font-size:12px}.quality-notice.usable{color:#bed1ac;background:#2b4330}.comparison-heading{margin-top:16px}.comparison-heading h3{font-size:14px;font-weight:500}.comparison-heading>span{color:#9fb998;font-size:11px}.recordings>div{min-width:0}.recording-player{background:#233c30;border-color:#435d43;border-radius:8px}.recording-player strong{color:#e3d8ac;font-size:12px}.recording-player>div>span,.recording-player a{color:#abc39e;font-size:11px}.recording-player audio{opacity:.9}.comparison-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.comparison-tools button,.next-try button{color:#d7e4ba;cursor:pointer;background:#304a30;border:1px solid #617956;border-radius:5px;padding:8px 11px;font-size:12px}.comparison-tools>span{color:#a6bd97;font-size:11px}.comparison-note{color:#a0b896;font-size:11px}.replay-markers>span,.replay-markers button{font-size:12px}.replay-markers small{color:#abb898;font-size:11px}.feeling-row>span{color:#d1dfbb;font-size:13px}.feeling-row button{color:#c0d0ad;border-color:#536e49;border-radius:7px;min-height:38px;padding:9px 12px;font-size:12px}.feeling-row button.selected{color:#30432a;background:#e6e3b5;border-color:#e6e3b5}.next-try{background:#363f29;border-color:#82794b #82794b #82794b #dfc17b;border-radius:7px;margin:16px 0;padding:15px}.next-try>span{color:#e9ce8f;font-size:12px}.next-try p{color:#e0e3bf;font-size:14px;line-height:1.8}.next-try button{color:#3e472b;background:#e3d8aa;border-color:#e3d8aa;margin-top:11px}.mechanism-lesson summary strong{color:#d0dfb3;font-size:13px;font-weight:500}.mechanism-lesson summary div>span{color:#a4bb8e;font-size:11px}.lesson-body p{font-size:13px}.simulation-label,.phase-controls label,.phase-controls output{font-size:11px}.phase-controls button,.mechanism-views h3,.save-note label,.save-note .secondary-button{font-size:12px}.save-note input{padding:11px;font-size:13px}.session-notice{color:#b6d09d;font-size:12px;line-height:1.7}.practice-history{background:#f9faf3;border-color:#d8dfd3}.practice-history>summary>span{color:#78866f;font-size:12px}.saved-list>p,.saved-list article p{font-size:13px}.saved-list article strong{font-size:14px}.saved-list article span,.saved-list button{font-size:12px}.storage-summary{color:#5b7449;gap:6px;margin-bottom:17px;font-size:13px;display:grid}.storage-summary small{color:#778666;font-size:12px}.voice-footer{color:#74846b;font-size:12px}@media (width>=1000px){.task-panel{scrollbar-width:thin;scrollbar-color:#c3ceb5 transparent;border-radius:14px;max-height:calc(100dvh - 32px);top:16px;overflow-y:auto}.feedback-panel{border-radius:14px}}@media (width<=1100px){.practice-workbench{grid-template-columns:275px minmax(0,1fr);gap:14px}.task-panel,.feedback-panel{padding:18px}.comparison-heading{display:block}.comparison-heading>span{margin-top:5px;display:block}.recording-player>div:first-child{display:block}.recording-player>div>span{text-align:left;margin-top:5px;display:block}.live-note span{max-width:145px;line-height:1.5}}@media (width<=760px){.voice-main{padding-top:20px}.workbench-heading{display:block}.local-label{margin-top:10px;font-size:11px}.practice-flow{gap:6px;margin-bottom:14px}.practice-flow li{padding:10px 8px;display:block}.practice-flow li>span{width:22px;height:22px;margin-bottom:6px}.practice-flow strong{font-size:11px}.practice-flow small{display:none}.practice-workbench{grid-template-columns:1fr;gap:14px}.task-panel{padding:20px}.task-copy{padding:12px 0}.task-copy h2{font-size:22px}.task-copy p{display:none}.feedback-panel{padding:16px}.live-note span{max-width:120px;font-size:10px}.plot-legend{font-size:10px}.plot-caption{font-size:11px}.spectrum-heading>span{font-size:10px}.session-actions{bottom:max(12px,env(safe-area-inset-bottom));background:#f1f4e9ed;border-color:#cfd8c0;grid-template-columns:1fr 1.4fr;left:14px;right:14px}.record-footnote{font-size:11px}.comparison-tools>span{display:none}.comparison-heading h3{font-size:14px}.save-note .secondary-button{max-width:100px}.voice-footer{display:block}.voice-footer details{margin-top:12px}}@media (width<=420px){.feedback-panel{padding:14px}.recording-player>div:first-child{display:flex}.recording-player>div>span{margin:0;font-size:10px}.feeling-row button{padding:8px 10px;font-size:12px}.practice-history>summary>span{font-size:11px}.session-actions{left:10px;right:10px}.session-actions button{padding:10px 8px;font-size:12px}}@media (width<=760px){.voice-main{padding-bottom:160px}.dock-pitch{color:#647b56;grid-column:1/-1;align-items:center;gap:8px;font-size:12px;display:flex}.dock-pitch>span{flex:1}.dock-pitch strong{font:15px var(--mono);color:#344f35;margin-left:7px}.dock-pitch button{color:#536f46;cursor:pointer;background:#fffef5;border:1px solid #c8d5ba;border-radius:5px;width:42px;min-height:32px;padding:3px!important;font-size:18px!important}}:root{color:#292e29;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2efe7;--paper:#f3f1e9;--panel:#1a211f;--panel-soft:#222b28;--line:#3c4743;--red:#bd2930;--red-dark:#741419;--blue:#5cc0df;--acid:#dfff45;--muted:#aab5b0;--mono:"Cascadia Code", Consolas, monospace;background:#f2efe7;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{touch-action:manipulation}a{color:inherit}