.es-app{max-width:850px;color:var(--text-primary);margin:0 auto;padding:32px 24px 64px;line-height:1.75}.es-app button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:8px;padding:11px 18px}.es-app button:hover{border-color:var(--brand-500)}.es-app button:disabled{opacity:.5;cursor:not-allowed}.es-app button:focus-visible,.es-app [tabindex]:focus-visible{outline:3px solid var(--brand-500);outline-offset:4px}.es-app h1:focus,.es-answer:focus{outline:none}.es-topline{color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:36px;padding-bottom:16px;font-size:.8rem;display:flex}.es-intro{margin-bottom:32px}.es-app h1{letter-spacing:-.03em;margin:12px 0 20px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.35}.es-app h2{margin:12px 0;font-size:1.55rem;line-height:1.55}.es-app h3{margin:0 0 6px;font-size:1rem}.es-intro>p:last-child,.es-lead{color:var(--text-muted);font-size:1.05rem}.es-eyebrow{letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem}.es-review{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.es-review p{margin:0}.es-review strong{font-size:2.6rem;font-weight:600;line-height:1.4}.es-review p>span{color:var(--text-muted);margin-left:12px;font-size:.8rem}.es-app .es-primary{background:var(--brand-700);color:var(--bg-page);border-color:var(--brand-700)}.es-stats{color:var(--text-muted);gap:24px;padding:16px 0 30px;font-size:.8rem;display:flex}.es-topic-card{border-top:2px solid var(--brand-700);padding:30px 0}.es-topic-card>p{max-width:620px;color:var(--text-muted)}.es-patterns{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.es-patterns span{border:1px solid var(--border);color:var(--text-secondary);border-radius:5px;padding:4px 10px;font-size:.9rem}.es-actions{flex-wrap:wrap;gap:12px;display:flex}.es-footnote{color:var(--text-muted);border-top:1px solid var(--border);padding-top:24px;font-size:.8rem}.es-app .es-back{color:var(--text-secondary);background:0 0;border:0;margin-bottom:24px;padding:0}.es-article{max-width:700px}.es-article>section{margin:48px 0}.es-family-heading{border-bottom:1px solid var(--border);padding-bottom:12px}.es-family-heading>span{color:var(--text-secondary);font-size:1.1rem}.es-example{background:var(--bg-subtle);border-left:3px solid var(--brand-300);margin:24px 0;padding:20px 24px}.es-english{font-size:1.15rem}.es-app .es-audio{color:var(--text-secondary);background:0 0;margin:0 0 0 8px;padding:3px 9px;font-size:.78rem}.es-example p{color:var(--text-muted);margin:12px 0 0;font-size:.85rem}.es-article-next{border-top:1px solid var(--border);padding-top:24px}.es-practice{min-height:500px;padding-top:8px}.es-practice-meta{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.es-practice progress{width:100%;height:5px;accent-color:var(--brand-500);margin:16px 0 32px}.es-context{color:var(--text-muted)}.es-app .es-prompt{max-width:680px;margin:20px 0;font-size:clamp(2rem,5vw,3rem)}.es-hint{color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.es-answer{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.es-answer-english{margin:12px 0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.5}.es-answer .es-audio{margin:0}.es-swap{background:var(--bg-subtle);margin:24px 0;padding:16px;font-size:.9rem}.es-ratings{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.es-ratings button span{opacity:.75;margin-top:5px;font-size:.75rem;display:block}.es-app .es-exit{margin-top:36px;font-size:.85rem;display:block}.es-complete{padding:56px 0}.es-complete>p{max-width:580px;color:var(--text-muted);margin-bottom:32px}.es-notice{background:var(--warning-bg);border-radius:6px;padding:12px;font-size:.85rem}.es-speech-status{color:var(--text-muted);margin-top:20px;font-size:.85rem}.es-speech-status button{padding:6px 12px}@media (width<=600px){.es-app{padding:24px 18px 48px}.es-topline{gap:12px;margin-bottom:28px;font-size:.7rem}.es-review{flex-direction:column;align-items:flex-start;padding:20px}.es-review button{width:100%}.es-stats{gap:14px}.es-ratings{grid-template-columns:1fr}.es-ratings button{text-align:left;justify-content:space-between;align-items:center;display:flex}.es-ratings button span{margin:0}.es-example{padding:16px}.es-english .es-audio{margin:10px 0 0;display:block}.es-actions button{flex:1}.es-complete{padding:24px 0}}.es-scenario-tabs{flex-wrap:wrap;gap:8px;margin:4px 0 24px;display:flex}.es-app .es-scenario-tabs button{padding:8px 14px;font-size:.9rem}.es-app .es-scenario-tabs button[aria-pressed=true]{background:var(--brand-700);border-color:var(--brand-700);color:var(--bg-page)}.es-app .es-audio{align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:.85rem;display:inline-flex}.es-audio svg{flex-shrink:0}.es-evidence{margin:1.25rem 0;font-size:.9rem;line-height:1.7}.es-evidence details{border-top:1px solid var(--border,#293342);padding-top:.75rem}.es-evidence summary{cursor:pointer}.es-evidence a,.es-evidence a:visited{color:var(--text-secondary);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.es-evidence a:hover{color:var(--text-primary)}.es-evidence a:focus-visible{outline:3px solid var(--text-secondary);outline-offset:4px;border-radius:2px}.es-recorder{border:1px solid var(--border);border-radius:10px;margin:0 0 28px;padding:16px}.es-answer .es-recorder{margin:20px 0 0}.es-app .es-recorder button{min-height:40px;padding:8px 14px;font-size:.9rem}.es-app .es-recording{border-color:var(--brand-500)}.es-recording:before{content:"";background:currentColor;border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.es-recorder-status{min-height:1.5em;color:var(--text-secondary);margin:10px 0 0;font-size:.85rem}.es-recorder-privacy{color:var(--text-muted);margin:4px 0 0;font-size:.8rem}.es-practice>.es-recorder-privacy{margin-bottom:24px}.es-sheet>.es-sheet-group{break-inside:avoid;margin:28px 0}.es-sheet .es-actions{margin:20px 0 8px}.es-app .es-sheet-group h2{margin:0 0 4px;font-size:1.1rem}.es-sheet-group h2 span{color:var(--text-secondary);margin-left:8px;font-size:.9rem;font-weight:400}.es-sheet-group ul{margin:0;padding:0;list-style:none}.es-sheet-group li{border-bottom:1px solid var(--border);break-inside:avoid;grid-template-columns:2fr 3fr;gap:16px;padding:8px 0;line-height:1.5;display:grid}.es-sheet-group li span:first-child{color:var(--text-muted)}.es-dialogue-entry{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.es-dialogue-entry .es-eyebrow{margin:0 0 12px}.es-app .es-dialogue-line{overflow-wrap:anywhere}.es-dialogue-heard{background:var(--bg-subtle);border-left:3px solid var(--brand-300);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 20px;padding:14px 16px;display:flex}.es-dialogue-heard .es-eyebrow{flex-basis:100%}.es-app .es-dialogue-heard .es-audio{margin:0}.es-dialogue .es-answer>.es-primary{margin-top:8px}@media (width<=600px){.es-sheet-group li{grid-template-columns:1fr;gap:2px}.es-recorder .es-actions{flex-direction:column}}@media print{body:has(.es-sheet)>:not(main){display:none!important}body:has(.es-sheet),body:has(.es-sheet) main{background:#fff!important;margin:0!important;padding:0!important}.es-sheet,.es-sheet *{color:#000!important}.es-app:has(.es-sheet){max-width:none;padding:0}.es-app:has(.es-sheet) button,.es-app:has(.es-sheet) .es-topline,.es-app:has(.es-sheet) .es-speech-status,.es-app:has(.es-sheet) .es-notice,.es-sheet .es-footnote{display:none!important}.es-app .es-sheet h1{margin:4px 0;font-size:1.4rem}.es-sheet .es-lead{margin:0;font-size:.85rem}.es-sheet>.es-sheet-group{margin:14px 0}.es-sheet-group li{border-color:#bbb;grid-template-columns:2fr 3fr;gap:16px;padding:4px 0;font-size:.85rem}}.es-app .es-question-line{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.45}.es-question-zh{color:var(--text-muted);margin:16px 0 0;font-size:.9rem}.es-question-zh summary{cursor:pointer;color:var(--text-secondary);text-underline-offset:3px;padding:8px 0;text-decoration:underline;display:inline-block}.es-question-zh summary:focus-visible{outline:3px solid var(--brand-500);outline-offset:4px}.es-question-zh p{margin:4px 0 0}.es-question .es-hint{margin:16px 0 28px}.es-question-star{color:var(--text-secondary);margin-top:6px;display:block}.es-question-cards{margin:12px 0 20px;padding:0;list-style:none}.es-question-cards li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 0;display:flex}.es-question-cards li span:first-child{color:var(--text-muted);flex-basis:100%;font-size:.9rem}.es-question-cards li span[lang]{overflow-wrap:anywhere;font-size:1.1rem}.es-app .es-question-cards .es-audio{margin:0}.es-question-source{color:var(--text-muted);font-size:.9rem}.es-question-source a,.es-question-source a:visited{color:var(--text-secondary);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.es-question .es-answer>.es-primary{margin-top:8px}.es-tool-group+.es-tool-group{margin-top:20px}.es-tool-note{color:var(--text-muted);max-width:680px;font-size:.85rem}.es-tool-note a,.es-tool-note a:visited,.es-context a,.es-context a:visited{color:var(--text-secondary);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.es-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.es-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin:0 0 16px;font-size:.9rem;display:flex}.es-check input{width:18px;height:18px;accent-color:var(--brand-500);flex-shrink:0}.es-topic-list{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.es-app .es-topic-list button{text-align:left;overflow-wrap:anywhere;width:100%;padding:12px 16px;display:block}.es-topic-list button span{display:block}.es-topic-list button span:last-child{color:var(--text-muted);margin-top:2px;font-size:.85rem}.es-timer{font-variant-numeric:tabular-nums;margin:24px 0 8px;font-size:clamp(2.8rem,12vw,4.5rem);font-weight:600;line-height:1.2}.es-fluency .es-hint{margin:16px 0 20px}.es-fluency .es-recorder-privacy{margin-top:16px}.es-download{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-12px 0 28px;font-size:.8rem;display:flex}.es-download a,.es-download a:visited{border:1px solid var(--border);background:var(--bg-card);min-height:40px;color:var(--text-primary);border-radius:8px;align-items:center;padding:8px 14px;font-size:.9rem;text-decoration:none;display:inline-flex}.es-download a:hover{border-color:var(--brand-500)}.es-download a:focus-visible{outline:3px solid var(--brand-500);outline-offset:4px}.es-download span{flex:240px}.es-fix{border:1px dashed var(--border);border-radius:10px;margin:20px 0 0;padding:16px}.es-fix>p{margin:0 0 12px}.es-fix>p span{color:var(--text-muted);font-size:.8rem;display:block}.es-app .es-fix button{min-height:40px;padding:8px 14px;font-size:.9rem}.es-app .es-fix button[aria-pressed=true],.es-app .es-segment button[aria-pressed=true]{background:var(--brand-700);border-color:var(--brand-700);color:var(--bg-page)}.es-fix-tip{color:var(--text-secondary);margin:14px 0 12px;font-size:.9rem}.es-shadow-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 20px;display:flex}.es-segment{flex-wrap:wrap;gap:6px;display:flex}.es-app .es-segment button{min-height:40px;padding:8px 14px;font-size:.9rem}.es-shadow-controls .es-check{margin:0}.es-shadow-zh{color:var(--text-muted);margin:0 0 16px}.es-shadow-step{min-height:3.5em;color:var(--text-secondary);margin:0 0 16px;font-size:1.05rem}.es-shadow .es-tool-note{margin-top:28px}@media (width<=600px){.es-tool-group .es-actions button,.es-fix .es-actions button{flex:calc(50% - 6px)}.es-fix-tip+.es-actions button,.es-fluency .es-actions button{flex-basis:100%}.es-shadow-controls{gap:10px 16px}}