.modal-overlay{background:var(--modal-overlay-bg);z-index:var(--z-modal);padding:var(--space-4);animation:modal-fade-in .18s var(--ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;animation:modal-slide-up .22s var(--ease-standard);--modal-gutter:var(--space-8);--modal-title-size:var(--font-size-2xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-content--md,.modal-content--lg{--modal-title-size:var(--font-size-3xl)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}}.modal-header{padding:var(--space-8) var(--modal-gutter) var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-title{padding-right:var(--space-10);color:var(--color-text);font-size:var(--modal-title-size);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;line-height:1.05}.modal-close{top:var(--space-4);right:var(--space-4);z-index:1;flex-shrink:0;position:absolute}.modal-body{min-height:0;padding:var(--space-6) var(--modal-gutter) var(--space-8);flex:1;overflow-y:auto}.modal-body--bare{padding:0;display:flex;overflow:hidden}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-5) var(--modal-gutter);border-top:1px solid var(--color-border-light);background:var(--color-surface);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width<=767px){.modal-content{--modal-gutter:var(--space-5)}.modal-header{padding-top:var(--space-6)}.modal-content--md,.modal-content--lg{width:100vw;height:100dvh;max-height:none;margin:calc(-1 * var(--space-4));box-shadow:none;border:0;border-radius:0}}