.modal{width:min(32rem,100% - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);opacity:1;transition:opacity .2s var(--ease), transform .2s var(--ease);margin:auto;padding:0;transform:none}.modal[open]{flex-direction:column;display:flex}@starting-style{.modal[open]{opacity:0;transform:translateY(.75rem)}}.modal::backdrop{-webkit-backdrop-filter:blur(3px);background:#08080ab8}.modal__header{background:var(--surface-2);border-bottom:1px solid var(--border);padding:1rem 1.25rem}.modal__header h2{overflow-wrap:anywhere;font-size:1.2rem}.modal__content{min-height:0;color:var(--text-muted);flex:auto;padding:1.25rem;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;display:flex}.modal__footer .button{min-height:44px}
