.modal{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal,.modal__overlay{top:0;left:0;right:0;bottom:0}.modal__overlay{position:absolute;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__content{position:relative;background-color:var(--color-background);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:45rem;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn var(--transition-normal) ease-out}.modal__closeButton{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);z-index:1}.modal__closeButton:hover{background-color:var(--color-surface);transform:scale(1.1)}.modal__closeButton:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:767px){.modal{padding:var(--spacing-md)}.modal__content{max-height:95vh;border-radius:var(--border-radius-lg)}.modal__closeButton{top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-base)}}