.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4)}.modal{position:relative;background:var(--color-background-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto}.modal__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast);z-index:1}.modal__close:focus,.modal__close:hover{background:hsla(0,0%,100%,.1);color:var(--color-text-primary)}.modal__close:focus{outline:none}