.modal-overlay{z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);animation:modal-fade var(--duration-fast) var(--ease-standard);place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:calc(100vh - var(--space-12));background:var(--color-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);animation:modal-pop var(--duration-base) var(--ease-springy);position:relative;overflow-y:auto}.modal__x{width:34px;height:34px;color:var(--color-ink-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal__x:hover{background:var(--color-surface-1)}.modal__head{padding:var(--space-6) var(--space-6) 0;padding-right:var(--space-12)}.modal__head h2{font-size:var(--text-h2)}.modal__head p{margin-top:var(--space-2);color:var(--color-ink-muted);line-height:1.6;font-size:var(--text-sm)}.modal__body{padding:var(--space-5) var(--space-6)}.modal__foot{gap:var(--space-3);padding:0 var(--space-6) var(--space-6);display:flex}.modal__foot>*{flex:1}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}