.modal{border-radius:var(--radius-lg);width:calc(100% - 32px);color:var(--color-text);background-color:var(--color-surface);box-shadow:var(--shadow-modal);border:none;margin:auto;padding:0}.modal--sm{max-width:380px}.modal--md{max-width:440px}.modal::backdrop{background-color:var(--color-overlay)}.modal[open]{animation:.25s ease-out modal-in}.modal__body{padding:24px}.modal__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal__title{font-size:18px;font-weight:600}.modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.modal__close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}@keyframes modal-in{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal[open]{animation:none}}