::backdrop у <dialog>: blur, затемнение и pointer-events

Псевдоэлемент 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) — иначе обрабатывайте явно.