.modal-overlay{background-color:var(--color-overlay);z-index:var(--z-modal);padding:var(--space-4);animation:modal-fade-in var(--transition-modal) forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-height:90vh;animation:modal-slide-up var(--transition-modal) forwards;overflow-y:auto;box-shadow:0 8px 32px #2b181033}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-text)}.modal__close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-disabled)}.modal__body{padding:var(--space-6) 0}