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