:modal — стили открытого dialog без [open]

Селектор dialog:modal применяется, когда <dialog> показан через .showModal() — можно задить анимацию входа и outline: none на фокусируемой обёртке без класса .is-open в JS.

Парно стилизуйте dialog::backdrop для затемнения.

- [:modal — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:modal) — Псевдокласс :modal.

- [<dialog> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — Элемент dialog.

---

## Фокус

Не убирайте видимый focus ring у первого фокусируемого элемента внутри модалки.