.sentence-list{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
.sentence{border:1px solid #dce5dc;border-radius:9px;background:#fff;color:#547166;text-align:left;padding:10px 12px;font:500 13px 'DM Sans',system-ui;line-height:1.5;cursor:pointer;max-width:100%}
.sentence.active{background:#e7efe9;border-color:#83a992;color:#173b33}
.sentence:disabled{opacity:.5}
.focus{border-left:3px solid #b66d48;background:#fbf8f2;padding:15px 19px;margin-top:15px}
.focus-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#af7959}
.focus p{font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.5;margin:8px 0 0}
.text-button{border:0;background:transparent;color:#416b55;text-decoration:underline;cursor:pointer;padding:7px 0;font:600 12px 'DM Sans',system-ui}
.text-button.danger{color:#ad5b4b}
.take-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:29px}
.take-list{display:grid;gap:10px;margin:12px 0 26px}
.take-card{border:1px solid #e3e8e1;border-radius:12px;padding:14px 17px;background:#fbfcfa}
.take-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.take-header strong{font-size:13px}
.take-card audio{margin-top:10px}
.take-controls{display:flex;gap:18px}
#note{min-height:74px;font-size:14px}
#clearData{color:#9b635b}
.record-button:disabled{opacity:.4;cursor:not-allowed}

.provider-notice{font-size:13px;line-height:1.6;color:#684c26;background:#fff6df;border:1px solid #ebd6a9;border-radius:10px;padding:12px 14px}#voiceProvider{max-width:100%;width:100%;min-width:0}#browserFallback{margin:0 0 12px}[hidden]{display:none!important}