/* Lightweight, keyboard-accessible voice notes; no second fetch or client decoding. */
html[data-theme][data-design] body .erythro-voice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:310px;max-width:100%;min-width:0;direction:ltr;white-space:normal;padding:9px 2px;color:var(--msg-ink,var(--a-ink));background:transparent!important;border:0;box-shadow:none}
.erythro-voice audio{display:none}.erythro-voice button{font:inherit;cursor:pointer}.erythro-voice .voice-play{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #ff719440;border-radius:16px;background:linear-gradient(145deg,#ff547b,#d31c50);color:white;box-shadow:0 5px 18px #db245130;padding:10px}.voice-play svg{width:22px;height:22px;fill:currentColor}.voice-play:focus-visible,.voice-rate:focus-visible,.voice-track input:focus-visible{outline:2px solid var(--msg-accent);outline-offset:3px}.erythro-voice[data-playing=true] .voice-play{box-shadow:0 0 0 4px #fb315b14}.voice-center{flex:1;min-width:65px}.voice-track{position:relative;height:31px;display:flex;align-items:center;gap:2px;overflow:hidden;--voice-progress:0%;direction:ltr}.voice-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:var(--msg-accent,#ff6c8d);opacity:.8;mask-image:linear-gradient(90deg,#000 var(--voice-progress),#0005 var(--voice-progress));-webkit-mask-image:linear-gradient(90deg,#000 var(--voice-progress),#0005 var(--voice-progress))}.voice-bars i{display:block;width:3px;flex:0 0 3px;border-radius:3px;background:currentColor}.erythro-voice .voice-track input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:31px;position:relative;margin:0;background:transparent!important;cursor:pointer;opacity:.01;z-index:1}.voice-track:focus-within{outline:2px solid var(--msg-accent);outline-offset:1px;border-radius:6px}.voice-times{display:flex;justify-content:space-between;width:100%;font-size:10px;line-height:1.6;color:var(--msg-muted)}.erythro-voice .voice-rate{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--msg-accent,var(--a-red));font-size:11px;gap:0}.voice-rate svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.voice-rate circle{fill:none;stroke-width:2.6}.voice-gauge-track{stroke:currentColor;opacity:.18}.voice-gauge-fill{stroke:currentColor;stroke-linecap:round;transition:stroke-dasharray .2s ease}.erythro-voice .voice-rate small{position:relative;font:inherit;color:var(--msg-ink,var(--a-ink));line-height:1;white-space:nowrap}.voice-rate:hover{background:var(--msg-active)}.voice-state{flex-basis:100%;direction:rtl;text-align:right;color:var(--msg-muted);font-size:10px;line-height:1.8}.voice-state:empty{display:none}.voice-state[data-error=true]{color:#ff7e97}.voice-review{width:min(460px,calc(100vw - 28px));padding:24px}.voice-review .erythro-voice{margin:20px auto;--msg-ink:var(--dialog-ink);--msg-muted:var(--a-soft);--msg-line:var(--a-line);--msg-active:var(--t-field)}.voice-review h2{font-size:20px}.voice-review p{font-size:13px;line-height:2}.voice-review .form-actions{display:flex;gap:12px;padding:10px}.voice-review .form-actions button{flex:1}.voice-live{border-color:var(--msg-line)!important;background:var(--msg-active)!important;color:var(--msg-ink)!important}.voice-live span{background:var(--msg-accent)!important}.voice-live small{color:var(--msg-muted)!important}
@media(max-width:760px){html[data-theme][data-design] body .erythro-voice{width:255px;gap:8px}.erythro-voice .voice-play{width:38px;height:38px;flex-basis:38px;border-radius:13px;padding:8px}.erythro-voice .voice-rate{flex-basis:36px;width:36px;height:36px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.erythro-voice *{animation:none!important;transition:none!important}}