.xixi-voice-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:38px;min-width:36px;padding:0;border:1px solid #cbd5e1;border-radius:12px;background:#eff6ff;color:#1e3a8a;cursor:pointer}
.xixi-voice-button svg{display:block;pointer-events:none;width:19px;height:19px}
.xixi-voice-button:disabled{opacity:.45;cursor:default}
.xixi-voice-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.xixi-voice-primary{background:#2563eb;color:#fff;border-color:#2563eb}
#familyChatPanel .realtime-duel-chat-compose.xixi-voice-active>:not(.xixi-voice-recorder){display:none!important}
#familyChatPanel .realtime-duel-chat-compose.xixi-voice-active{position:relative}
#familyChatPanel .realtime-duel-chat-compose.xixi-voice-active>.xixi-chat-input-wrap{display:block!important;position:absolute;left:0;bottom:0;width:1px;min-width:0;height:1px;opacity:0;pointer-events:none;overflow:hidden}
#familyChatPanel .realtime-duel-chat-compose.xixi-voice-active #familyChatInput{width:1px!important;height:1px!important;min-height:0;padding:0;border:0}
.xixi-voice-recorder{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
.xixi-voice-recorder[hidden]{display:none}
.xixi-voice-wave{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:54px;border-radius:12px;overflow:hidden;background:#eff6ff;color:#2563eb}
.xixi-voice-wave canvas{width:100%;height:36px;display:block}
.xixi-voice-timer{position:absolute;bottom:1px;left:0;right:0;text-align:center;line-height:1.3;font-size:.65rem;font-variant-numeric:tabular-nums;pointer-events:none}
.xixi-voice-play{position:absolute;left:3px;top:3px;width:30px;min-width:30px;height:30px;background:#eff6fff0}
.xixi-voice-play[hidden]{display:none}
.xixi-voice-message{max-width:100%;width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.xixi-voice-message audio{display:none}
.xixi-voice-player{display:flex;align-items:center;gap:7px;width:100%;min-height:40px;box-sizing:border-box;padding:4px 8px;border-radius:18px;background:#eff6ff;color:#1e3a8a;font:inherit}
.xixi-voice-player-toggle{flex:0 0 28px;width:28px;min-width:28px;height:28px;border:0;border-radius:50%;background:#dbeafe;color:inherit}
.xixi-voice-player-toggle svg{width:17px;height:17px}
.xixi-voice-player-seek{flex:1 1 auto;min-width:0;width:40px;margin:0;accent-color:#2563eb;cursor:pointer}
.xixi-voice-player-clock{flex:0 0 auto;white-space:nowrap;font:inherit;font-size:.72em;font-variant-numeric:tabular-nums}
html[data-ui-font] .xixi-voice-player,html[data-ui-font] .xixi-voice-player :is(button,span,input){font-family:var(--xixi-ui-font)!important}
.xixi-voice-message .xixi-voice-transcribe{align-self:center;text-align:center;margin:3px 0 0}
.xixi-voice-message .xixi-voice-original{align-self:flex-start}
.xixi-voice-transcript{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.45;max-width:100%;padding:8px 10px;border-radius:10px;background:#eff6ff;color:#0f172a}
.xixi-voice-transcript[hidden]{display:none}
.theme-dark .xixi-voice-button{background:#1e293b;border-color:#475569;color:#dbeafe}
.theme-dark .xixi-voice-primary{background:#2563eb;border-color:#2563eb;color:#fff}
.theme-dark .xixi-voice-wave,.theme-dark .xixi-voice-transcript{background:#1e293b;color:#dbeafe}
.theme-dark .xixi-voice-play{background:#1e293bee}
.theme-dark .xixi-voice-player{background:#1e293b;color:#dbeafe}
.theme-dark .xixi-voice-player-toggle{background:#334155}