:root{font:17px/1.6 system-ui,sans-serif;color:#17312c;background:#f3f6f4}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:660px;margin:5vh auto}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;margin:.4em 0}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#476e61}label{display:block;margin:24px 0 12px}input{display:block;width:100%;padding:12px;border:1px solid #adc1b6;border-radius:8px;font:inherit;background:white}.buttons{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;border:0;border-radius:8px;padding:12px 18px;background:#185d48;color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3f83bd;outline-offset:3px}#stop,#sound{background:#dce8e0;color:#17312c}.note{font-size:.85rem;color:#4b665a}audio{width:100%}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}details{margin-top:30px}