.modal-overlay{background-color:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--surface);border:1px solid var(--border);max-height:90vh;box-shadow:0 20px 25px -5px var(--shadow-lg),0 10px 10px -5px var(--shadow-md);border-radius:1rem;animation:.2s ease-out modalFadeIn;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-small{width:100%;max-width:28rem}.modal-medium{width:100%;max-width:42rem}.modal-large{width:100%;max-width:56rem}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--foreground);margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:var(--color-neutral-gray-400);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal-close:hover{background-color:var(--destructive-alpha-10);color:var(--destructive)}.modal-content{padding:1.5rem}@media (max-width:640px){.modal-overlay{padding:.5rem}.modal-header,.modal-content{padding:1rem}.modal-title{font-size:1.25rem}}