::backdrop у <dialog>: blur, затемнение и pointer-events
Стилизация фона без второго div.overlay.
Псевдоэлемент `dialog::backdrop` рисуется под модалкой — `background: rgb(0 0 0 / 0.5)` и `backdrop-filter: blur(8px)` без лишнего `.modal-overlay` в DOM.
При `prefers-reduced-transparency: reduce` замените blur на плотный фон из токена — иначе нарушаете системные настройки iOS.
- ::backdrop — MDN — Стили фона dialog/popover.
- <dialog> — MDN — showModal и backdrop.
Закрытие
Клик по backdrop закрывает dialog только если включён light dismiss (`closedby`) — иначе обрабатывайте явно.