:root{font:20px/1.6 system-ui,sans-serif;color:#1b332c;background:#f6f2e9}body{margin:0}header,main{max-width:880px;margin:auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:1.4rem}h2{font-size:1.8rem;line-height:1.3}button,input,textarea,select{font:inherit;border:1px solid #718078;border-radius:10px;padding:.7rem;margin:.35rem 0;box-sizing:border-box}button{cursor:pointer;background:#fff;color:#1b332c;min-height:56px}button:disabled{opacity:.6;cursor:wait}#record,#finish,#next{background:#284b40;color:white}#narrator>button{display:block;width:100%}label{display:block}input,textarea{display:block;width:100%;background:white}audio{max-width:100%;width:100%}article,details{background:white;padding:1rem;margin:1rem 0;border:1px solid #c3cdc6;border-radius:12px}summary{cursor:pointer}#status{white-space:pre-wrap;color:#673013;font-weight:600}a{color:#205c47}*:focus-visible{outline:3px solid #9c580b;outline-offset:3px}[hidden]{display:none!important}.muted{font-size:.85rem}textarea{min-height:110px}