.pronunciation-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 16px;margin:0 0 22px;background:#edf5f1;border:1px solid #bdd9ce;border-radius:14px;color:#204a40;grid-column:1/-1}.pronunciation-toolbar>div{flex:1;min-width:190px}.pronunciation-toolbar strong,.pronunciation-toolbar span{display:block}.pronunciation-toolbar strong{font-size:14px}.pronunciation-toolbar span{font-size:12px;line-height:1.5;margin-top:4px}.pronunciation-toolbar button{min-height:42px;white-space:normal;font-size:13px}.pronunciation-toolbar [aria-pressed=true]{background:#215b50;color:white}.pronunciation-toolbar p{flex-basis:100%;font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.pronunciation-toolbar p:empty{display:none}.word-listen-mode .word-gloss{cursor:pointer;background:#d7eee1;border-radius:3px;outline:1px solid #a1cdb8}.pronunciation-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 36px);padding:26px;border:1px solid #bed1c8;border-radius:22px;color:#253d33;background:#fffef9;box-shadow:0 20px 80px #18271f55;overflow-y:auto;overscroll-behavior:contain}.pronunciation-dialog::backdrop{background:#17261f88}.pronunciation-dialog>header{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.pronunciation-dialog h2{font-size:28px;margin:8px 0 18px}.pronunciation-dialog h3{font-size:20px;margin-top:24px}.pronunciation-dialog p{font-size:14px;line-height:1.65}.pronunciation-dialog button{min-height:44px;white-space:normal;line-height:1.5}.pronunciation-dialog [data-speech-close]{font-size:24px;min-width:44px}.pronunciation-dialog label{display:block;font-size:14px;line-height:1.6}.pronunciation-dialog input,.pronunciation-dialog textarea,.pronunciation-dialog select{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #9bb7aa;border-radius:9px;background:#fff;font:inherit;margin:6px 0 14px;min-height:44px}.pronunciation-dialog textarea{resize:vertical}.pronunciation-dialog details{border-top:1px solid #d7ddd3;padding:14px 0}.pronunciation-dialog summary{cursor:pointer;min-height:30px;font-size:14px}.pronunciation-player{padding:20px;background:#edf5ed;border-radius:14px;margin:18px 0}.pronunciation-player>strong{display:block;font-size:27px;line-height:1.5;margin-bottom:16px;overflow-wrap:anywhere}.pronunciation-player small{display:block;font-size:12px;line-height:1.5;color:#58705f}.pronunciation-words{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pronunciation-words button{font-size:19px}.word-pronunciation{padding:12px;margin:10px 0;border:1px solid #bbd7c9;border-radius:12px;background:#edf6f0}.word-pronunciation p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.word-pronunciation p:empty{display:none}.word-pronunciation small{display:block;font-size:11px;line-height:1.5;color:#52655c;margin-top:8px}.word-pronunciation button{min-height:42px;white-space:normal}.pronunciation-dialog [hidden]{display:none!important}.pronunciation-dialog :focus-visible,.pronunciation-toolbar :focus-visible{outline:3px solid #af7924;outline-offset:3px}.pronunciation-dialog[data-speech-state=error] [data-speech-status],.pronunciation-toolbar[data-speech-state=error] [data-speech-mini]{color:#8a4022}
@media(max-width:600px){.pronunciation-toolbar{padding:12px;gap:8px}.pronunciation-toolbar>div{flex-basis:100%}.pronunciation-toolbar>button{flex:1}.pronunciation-dialog{padding:18px;max-height:calc(100dvh - 22px)}.pronunciation-dialog h2{font-size:25px}.pronunciation-player{padding:15px}.word-pronunciation .support-row{gap:6px}.word-pronunciation button{font-size:12px;padding:8px 10px}}