.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000;padding:var(--space-4);animation:modal-fade-in .15s ease}.modal-card{width:100%;max-width:560px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-lg);display:grid;animation:modal-scale-in .15s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-default)}.modal-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--fg-default);line-height:var(--leading-tight)}.modal-description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-normal)}.modal-close{border:0;background:transparent;color:var(--fg-muted);width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--bg-subtle);color:var(--fg-default)}.modal-close:focus-visible{outline:2px solid var(--rust);outline-offset:1px}.modal-body{padding:var(--space-5);display:grid;gap:var(--space-4)}.modal-footer{border-top:1px solid var(--border-default);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.modal-card,.modal-overlay{animation:none}}@media (max-width:640px){.modal-card{max-width:100%;border-radius:var(--radius-lg)}.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-bottom-left-radius:0;border-bottom-right-radius:0}}