.modal__backdrop{z-index:1500;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__card{background-color:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:26rem;box-shadow:var(--shadow-md)}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal__header h3{margin:0;font-size:1.1rem}.modal__close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1.25rem}.modal__body{text-align:center;padding:1rem}.modal__footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}