Псевдоэлемент dialog::backdrop рисуется под модалкой — background: rgb(0 0 0 / 0.5) и backdrop-filter: blur(8px) без лишнего .modal-overlay в DOM.
При prefers-reduced-transparency: reduce замените blur на плотный фон из токена — иначе нарушаете системные настройки iOS.
- [::backdrop — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop) — Стили фона dialog/popover.
- [<dialog> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — showModal и backdrop.
---
## Закрытие
Клик по backdrop закрывает dialog только если включён light dismiss (closedby) — иначе обрабатывайте явно.