.word-recorder{background:#fffaf0;color:#182943;border:1px solid #d8d2c5;border-radius:18px;padding:20px;max-width:40rem;font-family:inherit}.word-recorder__title{font-size:1.5rem;line-height:1.3;margin:0 0 12px}.word-recorder__notice,.word-recorder__help{font-size:.95rem;line-height:1.55;margin:8px 0}.word-recorder__notice{font-weight:650}.word-recorder__status{min-height:1.6em;line-height:1.5;font-weight:650}.word-recorder__timer{display:inline-block;font-variant-numeric:tabular-nums;margin-right:12px}.word-recorder__progress{width:min(100%,18rem);accent-color:#193951}.word-recorder__audio{display:block;width:100%;margin:16px 0}.word-recorder__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.word-recorder__button{font:inherit;font-weight:700;min-height:48px;min-width:88px;border:2px solid #193951;background:#193951;color:#fffaf0;border-radius:12px;padding:10px 16px;cursor:pointer}.word-recorder__button:focus-visible,.word-recorder__audio:focus-visible{outline:3px solid #ad5a19;outline-offset:4px}.word-recorder__button:disabled{opacity:.6;cursor:default}.word-recorder [hidden]{display:none!important}.word-recorder[data-state=recording]{border-color:#ad5a19}.word-recorder[data-state=save-error] .word-recorder__status,.word-recorder[data-state=error] .word-recorder__status{color:#872e21}@media(prefers-reduced-motion:reduce){.word-recorder,.word-recorder *{animation:none!important;transition:none!important}}@media(max-width:420px){.word-recorder{padding:16px}.word-recorder__button{flex:1}}