.callout{padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0}.callout-info{background-color:#f5f5f5;border-left:3px solid #666}.callout-warning{background-color:#fff4e6;border-left:3px solid #ff9800}.callout-error{background-color:#ffebee;border-left:3px solid #d32f2f}.callout-success{background-color:#e8f5e9;border-left:3px solid #4caf50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-backdrop{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out}@media (max-width:768px){body{padding:1rem}}