.app-voice-message-button{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--border,#d6dfd7);border-radius:12px;background:var(--background,#fff);color:var(--foreground,#24372d);cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}
.app-voice-message-button:hover{background:var(--muted,#edf2ee);transform:translateY(-1px)}
.app-voice-message-button.is-recording{width:auto;min-width:76px;padding:0 10px;display:inline-flex;gap:7px;border-color:#b64d4d;background:color-mix(in srgb,#c24a4a 10%,var(--background,#fff));color:#a73535}
.app-voice-message-dot{width:9px;height:9px;border-radius:50%;background:#c53c3c;box-shadow:0 0 0 4px rgba(197,60,60,.12);animation:appVoicePulse 1s ease-in-out infinite}
.app-voice-message-time{font-size:11px;font-variant-numeric:tabular-nums;font-weight:700}
#app-voice-message-notice{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:11000;max-width:min(420px,calc(100vw - 28px));padding:10px 14px;border-radius:999px;background:#193027;color:#fff;font-size:11px;box-shadow:0 12px 32px #0003;text-align:center}
#app-voice-message-notice[hidden]{display:none}
@keyframes appVoicePulse{50%{opacity:.42;transform:scale(.8)}}
@media(max-width:520px){.app-voice-message-button{width:34px;height:34px;min-width:34px}.app-voice-message-button.is-recording{min-width:70px}}
.app-voice-message-player{display:block;width:min(320px,100%);height:38px;margin:7px 0 5px;accent-color:var(--primary,#4c7159)}