.z-web-mic-sheet[hidden] { display: none !important; }
.z-web-mic-sheet { position: fixed; inset: 0; z-index: 99999; display: grid; align-items: end; justify-items: center; font-family: inherit; }
.z-web-mic-backdrop { position: absolute; inset: 0; background: rgba(10, 18, 32, .42); backdrop-filter: blur(2px); }
.z-web-mic-card { position: relative; width: min(100% - 24px, 430px); margin: 0 12px max(12px, env(safe-area-inset-bottom)); padding: 22px 18px 16px; border-radius: 22px; background: #fff; box-shadow: 0 18px 50px rgba(15, 23, 42, .22); text-align: center; direction: rtl; }
.z-web-mic-icon { width: 48px; height: 48px; margin: 0 auto 8px; display: grid; place-items: center; border-radius: 16px; background: #f3f6ff; font-size: 24px; }
.z-web-mic-card h3 { margin: 4px 0 8px; font-size: 18px; line-height: 1.5; }
.z-web-mic-card p { margin: 0 auto 16px; max-width: 340px; color: #596275; font-size: 14px; line-height: 1.9; }
.z-web-mic-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
.z-web-mic-actions button { min-height: 44px; border-radius: 13px; font: inherit; font-weight: 800; cursor: pointer; }
.z-web-mic-primary { border: 0; background: #315efb; color: #fff; }
.z-web-mic-secondary { border: 0; background: #f3f5f8; color: #334155; }
.z-web-mic-close { position: absolute; top: 10px; left: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #64748b; font-size: 25px; cursor: pointer; }
.z-web-mic-sheet-open { overflow: hidden; }
@media (min-width: 700px) {
  .z-web-mic-sheet { align-items: center; }
  .z-web-mic-card { margin-bottom: 0; }
}