.speak-field{display:flex;justify-content:flex-end;margin:5px 0 12px}
.speak-field button{font-size:.875rem;gap:7px;min-height:44px;color:#173c49;text-decoration:underline;text-underline-offset:4px}
#speak-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;background:#faf7f1;color:#173c49;border:1px solid #d8d0c3;border-radius:18px;box-shadow:0 18px 70px #00243c33}
#speak-dialog::backdrop{background:#00243c99}
#speak-dialog h2{font:400 2rem/1.12 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}
#speak-dialog p{font-size:.9375rem;line-height:1.55;margin:10px 0}
.speak-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.speak-heading button{min-width:44px;min-height:44px;padding:4px;font-size:1.5rem}
.speak-meter{display:flex;align-items:center;justify-content:center;gap:12px;min-height:96px;background:#e8efed;border-radius:12px;margin:20px 0;color:#173c49}
.speak-meter svg{width:30px;height:30px}.speak-meter strong{font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:500}
.speak-meter[data-recording=true]{background:#e5ece8;outline:2px solid #527d73}
#speak-status{min-height:2.8em;color:#50666b}
#speak-dialog .speak-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
#speak-dialog .speak-actions button{min-height:46px}
#speak-dialog textarea{min-height:190px;line-height:1.65;font-size:16px}
#speak-dialog audio{width:100%;margin:12px 0}
#speak-dialog .speak-notice{font-size:.8125rem;color:#5b6d71;border-top:1px solid #d6dcd7;padding-top:14px}
#speak-dialog .speak-notice a{color:inherit;text-decoration:underline}
.app-is-locked #speak-dialog{visibility:hidden}
@media(max-width:540px){#speak-dialog{padding:22px}.speak-actions .primary{flex:1}#speak-dialog h2{font-size:1.85rem}}