:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292826;background:#f6f4ef;line-height:1.7}*{box-sizing:border-box}header,main{max-width:760px;margin:auto;padding:20px 16px}.notice{background:#edeae2;padding:14px;border-radius:12px}button{font:inherit;background:#305f54;color:white;border:0;border-radius:12px;padding:12px 18px;min-height:48px;cursor:pointer;margin:6px 6px 6px 0}button:disabled{opacity:.55}.back{background:transparent;color:#305f54}.card{background:white;border:1px solid #ddd9cf;border-radius:18px;padding:18px;margin:16px 0}textarea{width:100%;min-height:50vh;font:16px/1.8 sans-serif;padding:14px;border:1px solid #aaa79c;border-radius:12px}p{white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#9b3224}.meta{color:#64615c;font-size:14px}button:focus-visible,textarea:focus-visible{outline:3px solid #285e87;outline-offset:3px}
:is(input){display:block;width:100%;min-height:48px;font-size:16px;padding:10px;margin:8px 0 16px}dialog{width:min(92vw,480px);border:1px solid #ddd9cf;border-radius:18px;padding:20px}dialog::backdrop{background:#0006}
.audio-panel audio{display:block;width:100%;margin:12px 0}.audio-panel audio[hidden]{display:none}.playback{background:#285e87}