:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#101a20;color:#f4f6f8}
body{margin:0;padding:24px}main{max-width:760px;margin:32px auto;background:#1d2b33;padding:28px;border-radius:16px}
h1{margin-top:0}button,select{font:inherit;padding:10px 12px;border-radius:7px;margin:5px 4px 5px 0}
button{background:#76c4a1;border:0;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
select{background:#0f1c22;color:inherit;border:1px solid #71838a}.warning{padding:12px;background:#472f22;border-left:4px solid #e9a64b}
.buttons{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}#status{white-space:pre-wrap;min-height:24px;margin:20px 0}
audio{width:100%;margin:8px 0}details{margin-top:22px;color:#c3d0d5}hr{border:0;border-top:1px solid #44545b;margin:20px 0}
#voice-toggle{font-size:1.3rem;font-weight:700;min-width:160px;border:2px solid #b5d0db;background:#344752;color:white}
#voice-toggle[data-enabled="true"]{background:#246948;border-color:#81e0a7}