.site-nav>a{display:block;padding:13px 0 16px;color:#8c9387;text-decoration:none;white-space:nowrap}.shadowing-subtitle{font-size:12px;color:#88967e;margin:22px 0 0}.reference-audio{margin:0 0 15px;padding:16px 18px 10px;border:1px solid #e1e6d8;border-radius:9px;background:#fbfcf6}.reference-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6f8262}.reference-label>span:last-child{color:#a0aa93;font-size:10px}.reference-audio audio{width:100%;height:38px;margin-top:12px}.mock-disclaimer{font-size:10px;color:#929d86;line-height:1.8;margin:0 0 23px}.record-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 19px 13px;margin-bottom:31px;background:#fffefa;border:1px solid #d8e0cf;border-radius:10px;box-shadow:0 5px 20px #3b554408;position:sticky;top:12px;z-index:5}.record-information{display:flex;align-items:center;gap:15px}.recorder-state{font-size:10px;color:#8b977e}.recorder-state:before{content:'';display:inline-block;width:6px;height:6px;background:#b2bea5;border-radius:50%;margin-right:6px}.record-dock.is-recording .recorder-state{color:#ac6646}.record-dock.is-recording .recorder-state:before{background:#b86a4c}#record-duration{font:23px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.5px;color:#435e3a;font-variant-numeric:tabular-nums}.record-actions{display:flex;gap:8px}.record-actions button,.take-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #d9e2d0;border-radius:7px;font:11px/1.5 -apple-system,sans-serif;cursor:pointer}.record-start{background:#40664f;color:#fff;border-color:#40664f!important}.record-stop{background:#f8faf3;color:#6f8160}.record-actions button:disabled,.take-actions button:disabled{opacity:.45;cursor:default}#record-demo-status{flex-basis:100%;margin:0;font-size:10px;color:#929d86;line-height:1.8}.reference-text-label{display:flex;justify-content:space-between;color:#8a987b;font-size:10px;margin-bottom:18px;letter-spacing:.5px}.reference-text-label>span:last-child{color:#a9b09f;font-size:9px}.take-preview,.record-history{padding:27px 0;border-top:1px solid #dfe5d5}.take-preview[hidden]{display:none}.section-kicker{font-size:10px;color:#90a080;letter-spacing:1px;margin-bottom:11px}.take-preview h2,.record-history h2{font:23px/1.4 'Songti SC',STSong,serif;color:#506447;margin:0 0 11px}.take-preview p,.record-history p{font-size:12px;line-height:1.9;color:#8b9780;margin:0 0 17px}.preview-placeholder{border:1px dashed #d8e1cc;border-radius:8px;padding:23px;text-align:center;background:#f5f7ee;color:#8c9c7d;font-size:12px}.preview-placeholder small{display:block;font-size:10px;color:#a5ae99;margin-top:5px}.take-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.take-actions button{background:#fffefa;color:#6b815a}.history-placeholder{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:11px;color:#a3ad96}.history-mark{font-size:29px;color:#aeba9f;line-height:1}.upload-alternative{border-top:1px solid #dfe5d5;border-bottom:1px solid #dfe5d5;padding:16px 0;color:#8a987b;font-size:11px}.upload-alternative summary{cursor:pointer;min-height:28px}.upload-alternative p{font-size:11px;color:#9ca68e;line-height:1.8}.upload-alternative input{display:block;margin:13px 0;max-width:100%;font-size:11px}.upload-alternative label{font-size:10px;color:#9ba58e}.record-actions button:focus-visible,.take-actions button:focus-visible{outline:2px solid #9fb78b;outline-offset:3px}@media(max-width:620px){.site-nav>a{font-size:11px;padding-top:10px;padding-bottom:12px}.reference-audio{padding:14px 13px 8px}.record-dock{padding:14px 13px 12px;top:8px;gap:12px}.record-information{gap:10px;flex:1}.recorder-state{font-size:9px}#record-duration{font-size:21px}.record-actions{gap:6px}.record-actions button{padding:8px 10px;font-size:10px;min-height:42px}.reference-text-label{margin-bottom:15px}.take-preview h2,.record-history h2{font-size:21px}.take-actions button{min-height:42px}}
.demo-tools{margin:-15px 0 25px;font-size:10px;color:#929d86}.demo-tools summary{cursor:pointer;padding:8px 0}.demo-tools p{line-height:1.8}.demo-tools button{border:1px solid #d9e2d0;border-radius:6px;background:#f8faf3;color:#6f8160;padding:9px 12px;cursor:pointer}.demo-tools button:disabled{opacity:.45;cursor:default}.take-row{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #e1e6d8;font-size:12px;color:#657c56}.take-row span:last-child{font-size:10px;color:#929d86}#pending-count{align-self:center;font-size:10px;color:#929d86}#upload-status{margin-top:14px}.history-placeholder[hidden]{display:none}

.take-row{display:block}.take-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.take-feedback{margin-top:15px;padding:16px 18px;background:#f4f7ee;border-radius:8px}.take-feedback h3{display:inline;font-size:12px;font-weight:500;color:#526b46;margin:0 12px 0 0}.feedback-state{font-size:10px;color:#947b54;white-space:nowrap}.take-feedback p{margin:9px 0 0;font-size:11px;line-height:1.9}.feedback-design{border-top:1px solid #dfe5d5;padding:28px 0}.feedback-design h2{font:23px/1.4 'Songti SC',STSong,serif;color:#506447;margin:0 0 12px}.feedback-explainer,.feedback-example p{font-size:11px;line-height:1.9;color:#8b9780}.feedback-example{padding:20px;margin-top:17px;border:1px solid #dfe5d5;border-radius:9px;background:#fbfcf6}.feedback-example h3{font-size:12px;font-weight:500;color:#5a704e;margin:0}.is-graded{color:#526f4a}.feedback-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.feedback-scores>div{border-right:1px solid #dfe5d5;padding-left:8px}.feedback-scores>div:last-child{border:0}.feedback-scores dt{font-size:11px;color:#829174}.feedback-scores dd{margin:10px 0 0;font:25px/1.3 Georgia,serif;color:#536c46}.feedback-scores small{font:11px -apple-system,sans-serif;color:#9ba58e}.coach-comment{border-top:1px solid #dfe5d5;padding-top:16px}.coach-comment h4{font-size:11px;font-weight:500;color:#637b56;margin:0 0 7px}.coach-comment p{margin:0}.feedback-caption{margin-bottom:0}@media(max-width:620px){.feedback-example{padding:16px}.feedback-design h2{font-size:21px}.take-heading{align-items:flex-start;flex-wrap:wrap}.feedback-scores{gap:6px}.take-feedback{padding:14px}}