.voice-recorder{margin:24px 0;border:1px solid #ddc8aa;border-radius:16px;background:#fffdf8;color:#623b26;box-shadow:0 3px 12px #6b42200a}.voice-recorder summary{padding:18px 22px;cursor:pointer;min-height:58px}.voice-recorder summary strong{font-size:19px}.voice-recorder summary span{display:block;font-size:12px;margin:6px 0 0 18px;color:#83674b}.voice-recorder-body{padding:0 22px 22px}.voice-recorder-body p{font-size:13px;line-height:1.8}.voice-recorder-body .voice-recorder-note{font-size:11px;color:#82674f}.voice-options,.voice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.voice-options label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #ddc7a5;border-radius:24px;padding:8px 15px;font-size:13px}.voice-options input{width:18px;height:18px}.voice-controls button,.voice-controls a{padding:12px 18px;border:1px solid #b57d48;border-radius:9px;font:inherit;background:#fff4df;color:#6c381f;min-height:44px;cursor:pointer;text-decoration:none}.voice-controls [data-voice-start]{background:#9e4723;color:white}.voice-controls [data-voice-stop]{background:#66382b;color:white}.voice-recorder button:disabled{opacity:.45;cursor:default}.voice-controls output{font-size:22px;font-variant-numeric:tabular-nums;color:#864b26}.voice-recorder audio{width:100%;margin:10px 0}.voice-recorder [hidden]{display:none!important}.voice-recorder :focus-visible{outline:3px solid #ae6b32;outline-offset:3px}@media(max-width:500px){.voice-recorder summary{padding:16px}.voice-recorder-body{padding:0 16px 18px}.voice-controls button,.voice-controls a{font-size:13px}.voice-controls{gap:8px}}@media print{.voice-recorder{display:none}}