.pronunciation-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:10px 0;min-height:44px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;border:0}
.pronunciation-coach-dialog{width:min(94vw,620px);max-height:92vh;padding:0;border:0;border-radius:26px;background:#f8fafc;color:#172554;box-shadow:0 28px 90px #02061788;overflow:auto}
.pronunciation-coach-dialog::backdrop{background:#020617b8;backdrop-filter:blur(4px)}
.pronunciation-coach{display:grid;gap:16px;padding:20px}
.pronunciation-head{display:grid;grid-template-columns:70px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:0;background:none;color:#172554}
.pronunciation-head img{width:70px;height:70px;object-fit:cover;border-radius:18px;background:#fff7ed}
.pronunciation-head h2,.pronunciation-head p{margin:2px 0}.pronunciation-head p{font-size:.78rem;color:#64748b}
.pronunciation-close{width:44px;height:44px;padding:0;border-radius:50%;font-size:1.4rem}
.pronunciation-capture-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pronunciation-capture-mode button{display:grid;gap:3px;min-height:62px;padding:10px 12px;border:2px solid #cbd5e1;background:#fff;color:#475569;text-align:left}.pronunciation-capture-mode button strong{font-size:.83rem;color:#172554}.pronunciation-capture-mode button small{font-size:.66rem;line-height:1.3}.pronunciation-capture-mode button.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 14px #2563eb1f}.pronunciation-capture-mode button:disabled{opacity:.48}
.pronunciation-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:15px;background:#e2e8f0}.pronunciation-mode[hidden]{display:none}.pronunciation-mode button{min-height:42px;border:0;background:transparent;color:#475569}.pronunciation-mode button.active{background:#fff;color:#172554;box-shadow:0 3px 12px #0f172a18}.pronunciation-mode button[hidden]{display:none}.pronunciation-mode button[hidden]+button{grid-column:1/-1}
.pronunciation-chunk-track{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}.pronunciation-chunk-track[hidden]{display:none}.pronunciation-chunk-track button{display:grid;grid-template-columns:24px max-content;align-items:center;gap:5px;min-height:42px;padding:7px 9px;border:2px solid #cbd5e1;border-radius:13px;background:#fff;color:#64748b;font-weight:900}.pronunciation-chunk-track button small{font-size:.73rem;font-weight:700}.pronunciation-chunk-track button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.pronunciation-chunk-track button.complete{border-color:#22c55e;color:#166534}.pronunciation-chunk-track button.final{border-style:dashed}
.pronunciation-phrase{padding:17px;border-radius:19px;background:linear-gradient(135deg,#e0f2fe,#f5f3ff);text-align:center}
.pronunciation-phrase strong,.pronunciation-phrase small,.pronunciation-phrase span,.pronunciation-phrase b{display:block}.pronunciation-step-label{margin-bottom:5px;color:#2563eb;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.pronunciation-phrase strong{font-size:clamp(1.55rem,6vw,2.25rem)}.pronunciation-phrase small{margin-top:5px;color:#475569}.pronunciation-phrase span{margin-top:8px;font-size:.8rem}.pronunciation-phrase #pronunciationWhole{padding-top:8px;border-top:1px solid #bfdbfe;color:#334155;font-weight:750}
.pronunciation-wave{width:100%;height:76px;border-radius:16px;background:#0f172a;display:block}.pronunciation-wave[hidden],.pronunciation-keywords[hidden]{display:none}
.pronunciation-status{min-height:46px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #dbe3f0;font-size:.82rem;line-height:1.45}
.pronunciation-status.listening{border-color:#14b8a6;background:#f0fdfa}.pronunciation-status.review{border-color:#60a5fa;background:#eff6ff}
.pronunciation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pronunciation-actions button{min-height:48px}.pronunciation-actions.compact-results .pronunciation-model{grid-column:1/-1}.pronunciation-actions.compact-results .pronunciation-record{border:2px solid #fecaca;background:#fff1f2;color:#9f1239}.pronunciation-record.recording{background:#b91c1c;color:#fff;animation:pronunciationPulse 1.2s ease-in-out infinite}
.pronunciation-results{display:grid;gap:11px}.pronunciation-results[hidden]{display:none}.pronunciation-results h3,.pronunciation-results p{margin:0}.pronunciation-transcript{padding:12px;border-radius:13px;background:#fff;border:1px solid #dbe3f0}.pronunciation-transcript b{display:block;margin-bottom:5px;font-size:.7rem;text-transform:uppercase;color:#64748b}
.pronunciation-sensei-feedback{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:2px solid #93c5fd;border-radius:17px;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}.pronunciation-sensei-feedback img{width:68px;height:68px;object-fit:cover;border-radius:15px;background:#fff}.pronunciation-sensei-feedback strong{display:block;margin-bottom:5px;color:#1e3a8a}.pronunciation-sensei-feedback p{font-size:.8rem;line-height:1.45;color:#334155}.pronunciation-sensei-feedback.success{border-color:#4ade80;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.pronunciation-sensei-feedback.success strong{color:#166534}.pronunciation-sensei-feedback.partial{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fff7ed)}.pronunciation-sensei-feedback.partial strong{color:#92400e}.pronunciation-sensei-feedback.retry{border-color:#c4b5fd;background:linear-gradient(135deg,#f5f3ff,#fff7ed)}.pronunciation-sensei-feedback.retry strong{color:#6d28d9}
.pronunciation-keywords{display:flex;gap:7px;flex-wrap:wrap}.pronunciation-keyword{padding:7px 10px;border-radius:99px;background:#fee2e2;color:#991b1b;font-size:.75rem;font-weight:800}.pronunciation-keyword.heard{background:#dcfce7;color:#166534}
.pronunciation-coach audio{width:100%}.pronunciation-next{width:100%;min-height:46px}.pronunciation-privacy{font-size:.7rem;color:#64748b;text-align:center}
@keyframes pronunciationPulse{50%{box-shadow:0 0 0 6px #ef444433}}
@media(max-width:520px){.pronunciation-coach{padding:15px}.pronunciation-head{grid-template-columns:58px minmax(0,1fr) 42px}.pronunciation-head img{width:58px;height:58px}.pronunciation-actions{grid-template-columns:1fr}.pronunciation-actions.compact-results{grid-template-columns:1fr 1fr}.pronunciation-capture-mode{grid-template-columns:1fr}.pronunciation-capture-mode button{min-height:55px}.pronunciation-mode{position:sticky;top:-15px;z-index:2}.pronunciation-chunk-track{margin-inline:-2px}.pronunciation-chunk-track button{flex:0 0 auto}.pronunciation-phrase{padding:14px}.pronunciation-sensei-feedback{grid-template-columns:56px minmax(0,1fr)}.pronunciation-sensei-feedback img{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.pronunciation-record.recording{animation:none}}
