.modal-root{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0}.modal-backdrop{background:var(--overlay);padding:var(--space-6);pointer-events:auto;animation:modal-fade-in var(--transition-base) ease-out both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - var(--space-12));animation:modal-slide-up var(--transition-base) cubic-bezier(.16, 1, .3, 1) both;flex-direction:column;display:flex}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card.modal-sm{max-width:420px}.modal-card.modal-md{max-width:560px}.modal-card.modal-lg{max-width:760px}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-soft);display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);letter-spacing:-.015em}.modal-description{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--muted);line-height:var(--lh-snug)}.modal-close{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--foreground);background-color:var(--surface-2)}.modal-body{padding:var(--space-6);scrollbar-width:thin;scrollbar-color:var(--border-strong) #0000;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px;height:8px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-soft);display:flex}.modal-spinner{border-radius:var(--radius-full);width:14px;height:14px;margin-right:var(--space-2);border:2px solid;border-top-color:#0000;animation:.7s linear infinite modal-spin;display:inline-block}@keyframes modal-spin{to{transform:rotate(360deg)}}