[hidden]{display:none!important}main{max-width:1120px}.settings{display:grid;gap:16px}label{display:block;margin:14px 0 6px}textarea,select{width:100%;font:inherit;padding:12px;border:1px solid #b7cbd4;border-radius:12px;box-sizing:border-box}section{margin:24px 0;padding:24px;background:#fff;border:1px solid #d6e1e5;border-radius:18px}.note,small{color:#526774;line-height:1.7}.roleplay-grid{display:grid;grid-template-columns:250px 1fr;gap:24px}.customer-card{background:#edf3f4;padding:20px;border-radius:20px;text-align:center;align-self:start;position:sticky;top:16px}.customer-card p{white-space:pre-wrap}.customer-card svg{width:100%;max-height:230px}.head{transform-origin:120px 140px}.eyes{transform-origin:120px 90px;animation:blink 6s infinite}.mouth{transition:transform .3s}#avatar[data-mood=attentive] .head{animation:nod 2s ease-in-out 2}#avatar[data-mood=thoughtful] .head{transform:rotate(-6deg)}#avatar[data-mood=concerned] .mouth{transform:translateY(250px) scaleY(-1)}#avatar[data-mood=concerned] .brows{transform:translateY(3px)}.bubble{padding:14px 18px;margin:12px 0;border-radius:14px;background:#edf2f5;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:#e8f1ec}.bubble strong{display:block;margin-bottom:6px}.bubble button{display:block;margin-top:8px;font-size:13px;padding:6px 10px}.actions,.practice-heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.practice-heading{justify-content:space-between}.feedback{padding:16px;border-left:4px solid #44796a;background:#f1f6f3;margin:12px 0}.feedback.improve{border-color:#aa8241;background:#faf6ec}.feedback.unobserved{border-color:#899ba5}.feedback blockquote{margin:10px 0;font-style:normal}.reading{outline:3px solid #be9553}#next-step{font-weight:bold;font-size:18px}#conversation{max-height:55vh;overflow:auto;padding:4px}button:disabled{opacity:.55}#utterance{min-height:130px}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes nod{50%{transform:rotate(4deg) translateY(3px)}}@media(max-width:700px){section{padding:16px}.roleplay-grid{grid-template-columns:1fr}.customer-card{position:static;display:grid;grid-template-columns:90px 1fr;text-align:left;gap:8px}.customer-card #avatar{grid-row:span 3}.customer-card p{margin:0}.customer-card small{grid-column:1/-1}#conversation{max-height:none}.settings{display:block}h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.voice-box{padding:14px;background:#e8f1ec;border-radius:12px;margin:14px 0}.voice-box span{display:inline-block;margin:8px}.voice-bars{animation:voicePulse .7s infinite alternate;color:#206552}dialog{max-width:480px;border:1px solid #bbcdd4;border-radius:16px;padding:24px}@keyframes voicePulse{to{opacity:.4;transform:scaleY(.6)}}@media(prefers-reduced-motion:reduce){.voice-bars{animation:none}}

.practice-brief{background:#edf3f4;margin:16px 0 24px;padding:18px}.practice-brief h3{margin:0 0 14px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.brief-grid h4{margin:0 0 6px;color:#245368}.brief-grid p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0 0 12px}@media(max-width:700px){.brief-grid{grid-template-columns:1fr;gap:12px}.practice-brief{padding:14px}}

.example-text{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}#sd-example-audio{display:block;width:100%;margin:16px 0}#sd-example-points{line-height:1.9}

.start-help{padding:12px 16px;background:#fff4dc;border-left:4px solid #af7b28;border-radius:8px;color:#684612;font-weight:600}#setup label:focus-within{outline:3px solid #b78942;outline-offset:5px;border-radius:6px}

.intro-only .customer-card{display:none}.intro-only .roleplay-grid{grid-template-columns:1fr}.intro-only #conversation .bubble button{display:none}

label.consent-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.7;padding:8px 0}label.consent-row input[type="checkbox"]{display:block;flex:0 0 22px;width:22px;height:22px;min-width:22px;margin:3px 0 0;padding:0;accent-color:#19485b}label.consent-row span{flex:1;min-width:0;overflow-wrap:anywhere}

#sd-example-points{list-style:none;padding:0;display:grid;gap:20px}.technique-card{border:1px solid #cbdbe2;border-radius:14px;overflow:hidden;background:#fff}.technique-card h4{margin:0;padding:14px 18px;background:#20495b;color:white}.technique-card dl{margin:0}.technique-row{padding:18px;border-top:1px solid #dce5e8}.technique-row.words{background:#edf4f7}.technique-row.practice{background:#f8f4ea}.technique-row dt{font-weight:700;color:#20495b;margin-bottom:8px}.technique-row dd{margin:0;line-height:1.85;overflow-wrap:anywhere}.technique-row.words dd{font-weight:600;font-size:1.06em}@media(max-width:600px){.technique-row{padding:14px}.technique-card h4{padding:12px 14px}}

@media(min-width:800px){.technique-card dl{display:grid;grid-template-columns:1fr 1.2fr 1.2fr}.technique-row{border-top:0;border-right:1px solid #dce5e8}.technique-row:last-child{border-right:0}.technique-row dt{min-height:3em}.technique-card h4{padding:10px 18px}}

#sd-example-reading{scroll-margin-top:24px}#sd-example-reading-title{margin-top:0}#sd-example-reading .example-text{margin-top:16px}

#review-status:empty{display:none}#review-status{padding:14px 16px;border-radius:10px;background:#edf4f7;line-height:1.7;overflow-wrap:anywhere}#review-status[data-state="error"]{background:#fff0eb;color:#8b2d18;border:1px solid #dca999}#review-status[data-state="working"]{border-left:4px solid #235c70}#review-status[data-state="success"]{background:#edf7ee;color:#24532d}

/* Distinct learning stages, with results beside the triggering controls. */
body{background:#edf2f5}main{background:transparent;border:0;padding:24px;max-width:1060px;margin:20px auto}header{flex-wrap:wrap;gap:12px}header a{overflow-wrap:anywhere}section{box-shadow:0 3px 12px #173e5508}h2,h3{line-height:1.45}button{margin-top:12px;min-height:48px}.actions{align-items:stretch}.actions button{flex:1 1 220px;width:auto}summary{cursor:pointer;font-weight:700;padding:8px 0}summary:focus-visible{outline:3px solid #6599b6}audio{max-width:100%;width:100%;margin:12px 0}.step-label{font-size:12px;font-weight:800;letter-spacing:.1em;color:#285d73;margin:0 0 8px}.course-guide,.weekly-practice,.pass-book{background:#f8fafb;padding:12px 20px;margin:12px 0;box-shadow:none}.practice-heading{border-bottom:1px solid #c8dbe4;padding-bottom:16px}#active-lesson{font-size:25px;color:#163f53;margin:4px 0}.practice-instruction{font-weight:600}#setup,#practice{border-top:5px solid #285d73}#practice-brief{background:#edf4fa;border:1px solid #c3d6e5;box-shadow:none}.brief-grid>div{background:#fff;padding:16px;border-radius:10px}.brief-grid h4{font-size:14px}.voice-box{background:#e7f2ed;border:1px solid #9bbdad;padding:20px}.voice-box h3{color:#255a43;margin:0 0 14px}#voice-start,#send{background:#28624b}#utterance{min-height:180px;line-height:1.8}#report{background:#f1f8f4;border:2px solid #9bbdad;box-shadow:none;margin:16px 0}#report h2{color:#285a43}#sd-example-section{background:#fffbf2;border:1px solid #d6bc83;border-top:5px solid #b48c43}#sd-example-section>.step-label{color:#806024}#sd-example-heading{color:#705020;font-size:26px}#sd-example-reading{background:white;border-color:#dacba9}#sd-example-audio-load{background:#826126}.example-purpose{background:#f6eddc;padding:20px;border-radius:12px;margin:20px 0}.example-purpose h3{color:#705020}#assessment-section{border-top:5px solid #65547f;background:#f6f3fa}#assessment-section>.step-label{color:#65547f}#assessment-submit{background:#65547f}#previous{background:#f5f7f8}section,button,[role=status]{scroll-margin-top:20px}.technique-card dl{display:block}.technique-row{border-right:0;border-top:1px solid #dce5e8}.technique-row dt{min-height:0}#recording-status:empty,#sd-example-status:empty,#example-practice-status:empty{display:none}#recording-status:not(:empty),#sd-example-status:not(:empty),#example-practice-status:not(:empty),#assessment-status:not(:empty){padding:12px;border-radius:8px;background:#fff;border:1px solid #bdcdd5;font-weight:600}#review-status{margin-bottom:8px}
@media(max-width:700px){main{padding:12px;margin:8px auto}section{padding:16px;margin:18px 0}#active-lesson,#sd-example-heading{font-size:22px}.brief-grid>div{padding:12px}.voice-box,.example-purpose{padding:14px}.actions{gap:6px}.actions button{flex-basis:100%}#utterance{min-height:210px}header{padding:12px 16px}.course-guide,.weekly-practice,.pass-book{padding:10px 14px}}

/* The customer, their known situation, and the learner's product sit in a shared scene. */
#practice-brief.scene{background:linear-gradient(135deg,#eaf1f5,#f6f9fb);padding:24px}.scene-grid{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,.85fr);gap:22px;align-items:center}.scene-person{text-align:center;align-self:center}.scene-portrait{background:#dce8eb;border-radius:48% 48% 18px 18px;padding:16px 0 0;overflow:hidden;border-bottom:7px solid #b7cccf}.scene-portrait svg{display:block;width:100%;height:185px}.scene-person-label{font-weight:700;margin:10px 0 0}.scene-mind{position:relative;background:#fff;padding:20px;border-radius:18px;border:1px solid #c3d6df}.scene-mind:before{content:'';position:absolute;left:-9px;top:45%;width:16px;height:16px;background:white;border-left:1px solid #c3d6df;border-bottom:1px solid #c3d6df;transform:rotate(45deg)}.scene-label{font-size:13px;font-weight:800;color:#396073;display:block;letter-spacing:.03em;margin:0 0 10px}.scene-quote{font-size:19px;font-weight:700;color:#163f53;line-height:1.8;margin:0 0 12px}.scene-mind small{font-size:12px;display:block}.scene-product{background:#fffaf0;border:1px solid #d8c59b;border-top:5px solid #ba9858;border-radius:12px;padding:20px;align-self:stretch}.scene-product .scene-label{color:#7a5d2c}.scene-product h4{margin:0 0 12px}.scene-product p:last-child{margin-bottom:0;white-space:pre-wrap}.scene-goal{background:#204e62;color:#fff;border-radius:12px;padding:18px 22px;margin-top:24px}.scene-goal .scene-label{color:#c7e2ec}.scene-goal p{font-size:18px;font-weight:700;margin:0;line-height:1.8}.scene-hints{margin-top:14px}.scene-hints h4{margin-bottom:4px}.scene-hints p{margin-top:0}.recording-mission{font-size:18px;font-weight:600;color:#244d3c;line-height:1.8;margin-top:0}.scene p{overflow-wrap:anywhere}
@media(max-width:850px){.scene-grid{grid-template-columns:130px minmax(0,1fr)}.scene-product{grid-column:1/-1}.scene-portrait svg{height:145px}}
@media(max-width:480px){#practice-brief.scene{padding:14px}.scene-grid{grid-template-columns:82px minmax(0,1fr);gap:12px}.scene-portrait svg{height:105px}.scene-person-label{font-size:13px}.scene-person small{font-size:11px}.scene-mind{padding:14px}.scene-quote{font-size:17px}.scene-mind small{font-size:11px}.scene-product{padding:16px}.scene-goal{padding:16px;margin-top:16px}.scene-goal p,.recording-mission{font-size:16px}}

.technique-row .technique-highlight{color:#8a641c;font-weight:700}