.voice-player{white-space:normal;width:100%;min-width:0;max-width:290px;margin:auto;padding:4px 0}.voice-row{align-items:center;gap:12px;display:flex}.voice-player audio{display:none}.voice-play{color:#fff;background:var(--color-brand);border:0;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 3px 8px #0002}.voice-play:hover{transform:scale(1.05);box-shadow:0 4px 12px #7f365b35}.voice-play:active{transform:scale(.96)}.voice-track{flex:1;min-width:0}.voice-wave{height:34px;position:relative}.voice-bars{align-items:center;gap:3px;height:100%;display:flex;overflow:hidden}.voice-bars i{background:#d3c9bf;border-radius:4px;flex:1;min-width:2px;transition:background .15s;display:block}.voice-wave input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.voice-wave:focus-within{outline-offset:3px;border-radius:5px;outline:2px solid #7f365b60}.voice-meta{color:#81766c;font-variant-numeric:tabular-nums;margin:5px 0 0 54px;font-size:10px;line-height:18px}.voice-divider{color:#b0a398;margin:0 2px}.voice-meta button{color:#856249;background:#bd99751a;border-radius:6px;min-width:34px;padding:0 6px;font-size:10px;font-weight:600;line-height:24px;transition:background .15s}.voice-meta button:hover{background:#bd997533}.voice-error{color:#b13e2d;flex-basis:100%;font-size:10px;line-height:1.5}@media (prefers-reduced-motion:reduce){.voice-play,.voice-bars i{transition:none}}