.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-body{width:100%;max-width:28rem;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.modal-close,.modal-title{font-size:1.5rem}.modal-close{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text);line-height:1;cursor:pointer;transition:border-color .2s ease}.modal-close:hover{border-color:var(--color-text)}.spinner{display:flex;justify-content:center;align-items:center}.spinner-circle{width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-top-color:var(--color-accent-fg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}