.pron-pairs{flex-direction:column;gap:8px;margin-top:8px;display:flex}.pron-pair{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pron-pair small{color:var(--muted);font-size:13px}.pron-card{gap:6px}.pron-sentence{font-family:var(--heading),sans-serif;letter-spacing:-.2px;margin:4px 0 0;font-size:24px;font-weight:700;line-height:1.4}.pron-sentence mark{background:linear-gradient(transparent 62%,var(--mint) 62%);color:inherit;padding:0 1px}.pron-en{margin:0;font-size:14px}.pron-focus-hint{color:var(--muted);margin:6px 0 0;font-size:13px}.pron-focus-hint strong{color:var(--foreground)}.pron-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:18px 0 4px;display:flex}.pron-secondary{background:var(--panel);min-height:44px;color:var(--accent);border:1px solid var(--border);border-bottom-width:3px;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.pron-secondary:not(:disabled):hover{border-color:var(--accent)}.pron-secondary:disabled{opacity:.5}.pron-mic{background:var(--accent);color:#fff;border:none;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 4px #173d2c}.pron-mic:active{transform:translateY(2px);box-shadow:0 2px #173d2c}.pron-mic:disabled{opacity:.5}.pron-mic.is-recording{background:#a74836;box-shadow:0 4px #6d2c20}.pron-mic svg{position:relative}.pron-mic-ring{opacity:calc(var(--level,0) * 1.4);transform:scale(calc(1 + var(--level,0) * .35));border:3px solid #a74836;border-radius:50%;transition:transform 80ms linear,opacity 80ms linear;position:absolute;inset:-6px}.pron-state{text-align:center;min-height:20px;margin:4px 0 0}.pron-score{border-radius:20px;place-items:center;min-width:44px;height:30px;padding:0 10px;font-size:14px;font-weight:700;display:inline-grid}.pron-score.is-good{background:var(--mint);color:var(--mint-ink)}.pron-score.is-close{background:var(--warm);color:var(--warm-ink)}.pron-score.is-off{background:var(--miss);color:var(--miss-ink)}.pron-word{text-underline-offset:6px;border-radius:6px;padding:0 2px;text-decoration:underline;text-decoration-thickness:3px}.pron-word.is-good{text-decoration-color:#8fcaa5}.pron-word.is-close{background:var(--warm);text-decoration-color:#e2bd78}.pron-word.is-off{background:var(--miss);color:var(--miss-ink);text-decoration-color:#d58a6e}.pron-word[title]{cursor:help}.pron-result{background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;margin-top:12px;padding:14px 16px;display:flex}.pron-result.is-pass{background:var(--hero)}.pron-checks,.pron-word-notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pron-checks li{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.pron-check-icon{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.pron-checks .is-ok .pron-check-icon{background:var(--mint);color:var(--mint-ink)}.pron-checks .is-miss .pron-check-icon{background:var(--miss);color:var(--miss-ink)}.pron-word-notes{padding-left:32px;font-size:14px}.pron-word-notes strong{margin-right:4px}.pron-tip{align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.5;display:flex}.pron-heard{margin:0;font-size:13px}.pron-recap{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.pron-recap li{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pron-recap li>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.pron-recap .muted{font-size:13px}@media (max-width:540px){.pron-sentence{font-size:20px}.pron-controls{gap:10px}.pron-mic{width:64px;height:64px}}