.pronunciation-task{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:12px 0;display:flex}.pronunciation-listen{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.pronunciation-listen .audio-button{color:#23566f;width:auto;min-width:0;min-height:48px;box-shadow:none;white-space:normal;background:#e5f1fa;border:0;border-radius:16px;padding:10px 14px;font-size:16px;font-weight:600}.pronunciation-listen .audio-button-hint{flex-basis:100%}.pronunciation-record-button{color:#fff;cursor:pointer;background:#498a55;border:0;border-radius:24px;justify-content:center;align-items:center;gap:12px;min-width:184px;min-height:72px;padding:16px 28px;font-size:24px;font-weight:700;display:inline-flex;box-shadow:0 5px #356c40,inset 0 2px #91b99a}.pronunciation-record-button svg{flex-shrink:0}.pronunciation-task-compact .pronunciation-record-button>span:first-of-type{white-space:nowrap;overflow-wrap:normal}.pronunciation-task-compact .pronunciation-record-button[data-state=recording] svg,.pronunciation-task-compact .pronunciation-record-button[data-state=almost] svg{display:none}.pronunciation-task-compact .pronunciation-record-button[data-state=almost]>span:first-of-type{font-size:11px}.pronunciation-record-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #356c40}.pronunciation-task button:disabled{opacity:.6;cursor:default}.pronunciation-feedback{color:#346d44;overflow-wrap:anywhere;max-width:100%;min-height:56px;margin:0;font-size:20px;line-height:1.5}.pronunciation-task button:focus-visible{outline-offset:5px;outline:3px solid #deaa38}.pronunciation-volume{justify-content:center;align-items:center;gap:5px;height:48px;display:flex}.pronunciation-volume span{background:#63b995;border-radius:4px;width:7px;transition:height .1s linear}.pronunciation-debug{text-align:left;color:#52665c;max-width:460px;margin:16px auto 0;font-size:12px}.pronunciation-debug summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.pronunciation-debug dl{grid-template-columns:100px minmax(0,1fr);gap:6px;display:grid}.pronunciation-debug dd{overflow-wrap:anywhere;margin:0}.pronunciation-task-compact .pronunciation-record-button{white-space:normal;line-height:1.4;position:relative}.pronunciation-task-compact .pronunciation-record-button[data-state=preparing],.pronunciation-task-compact .pronunciation-record-button[data-state=evaluating]{color:#527a83;background:#e1edf0}.pronunciation-task-compact .pronunciation-record-button[data-state=recording]{color:#43765a;background:#e3f0e5}.pronunciation-task-compact .pronunciation-record-button[data-state=pass]{color:#3c7351;background:#d9ebdb}.pronunciation-task-compact .pronunciation-record-button[data-state=retry],.pronunciation-task-compact .pronunciation-record-button[data-state=almost],.pronunciation-task-compact .pronunciation-record-button[data-state=error]{color:#826b49;background:#f2eadc}.pronunciation-inline-wave{flex-shrink:0;align-items:center;gap:2px;height:16px;display:inline-flex}.pronunciation-inline-wave i{background:currentColor;border-radius:3px;width:3px;height:8px;animation:.7s ease-in-out infinite alternate pronunciation-hear}.pronunciation-record-button[data-state=evaluating] svg,.pronunciation-record-button[data-state=preparing] svg{animation:1.1s ease-in-out infinite alternate pronunciation-wait}@keyframes pronunciation-hear{to{opacity:.5;height:16px}}@keyframes pronunciation-wait{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.pronunciation-inline-wave i,.pronunciation-record-button svg{animation:none!important}}.v231-listening .pronunciation-task-compact{flex:0 0 125px;min-width:0;width:125px!important}.v231-listening .pronunciation-task-compact>.pronunciation-record-button{gap:6px;width:125px;max-width:100%;padding:8px 10px;min-width:0!important}.v231-listening .pronunciation-record-button>span:first-of-type{overflow-wrap:anywhere;min-width:0}.v231-listening .pronunciation-record-button[data-state=recording] svg,.v231-listening .pronunciation-record-button[data-state=error] svg{width:18px;height:18px}