:root{--modal-scrim: rgba(14, 23, 38, .5);--modal-z-chrome: 110;--modal-z-overlay: 100;--modal-z-popover: 120;--modal-panel-width: 560px;--modal-pad-x: var(--space-6, 24px);--modal-pad-y-header: var(--space-5, 20px);--modal-pad-y-body: var(--space-5, 20px);--modal-pad-y-footer: var(--space-4, 16px);--modal-title-size: var(--text-h2, 24px);--modal-title-weight: 600;--modal-subtitle-size: var(--text-body-sm, 14px)}.modal-overlay{position:fixed;inset:0;background:var(--modal-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--modal-z-chrome);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4, 16px) var(--space-4, 16px);animation:modal-fade .15s ease-out;box-sizing:border-box}.modal-overlay[hidden]{display:none}.modal-overlay *,.modal-overlay *:before,.modal-overlay *:after{box-sizing:border-box}.modal-overlay .modal{width:100%;max-width:var(--modal-panel-width);background:var(--color-bg, var(--bg-card, #fff));border:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .1)));border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg, 0 20px 50px rgba(0, 0, 0, .18));overflow:hidden;animation:modal-rise .2s ease-out;display:flex;flex-direction:column}.modal-overlay .modal-header{padding:var(--modal-pad-y-header) var(--modal-pad-x) var(--space-3, 12px);border-bottom:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .08)))}.modal-overlay .modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3, 12px)}.modal-overlay .modal-header h2{margin:0;font-size:var(--modal-title-size);font-weight:var(--modal-title-weight);color:var(--color-ink-1, var(--ink-1, #111827));font-family:inherit;line-height:1.25}.modal-overlay .modal-subtitle{margin:var(--space-2, 8px) 0 0;color:var(--color-ink-3, var(--ink-3, #6b7280));font-size:var(--modal-subtitle-size)}.modal-overlay .modal-body{padding:var(--modal-pad-y-body) var(--modal-pad-x);display:flex;flex-direction:column;gap:var(--space-4, 16px)}.modal-overlay .modal-footer{padding:var(--modal-pad-y-footer) var(--modal-pad-x);display:flex;justify-content:flex-end;gap:var(--space-2, 8px);border-top:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .08)));background:var(--color-surface-1, transparent)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-overlay .modal{animation:none}}@media (max-width: 480px){.modal-overlay{padding:6vh var(--space-3, 12px) var(--space-3, 12px)}.modal-overlay .modal{max-width:none}.modal-overlay .modal-header,.modal-overlay .modal-body{padding:var(--space-4, 16px)}.modal-overlay .modal-footer{padding:var(--space-3, 12px) var(--space-4, 16px)}}