* { font-family: 'Vazirmatn', sans-serif; }

body { margin: 0; background: #f9fafb; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #F77F88; border-radius: 8px; }

.fade-up {
  animation: fadeUp 0.8s ease-out both;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

.toast-in {
  animation: toastIn 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;
}
@keyframes toastIn {
  from { opacity: 0; transform: translate(50%, 20px); }
  to { opacity: 1; transform: translate(50%, 0); }
}

input[type="range"] { height: 6px; border-radius: 3px; }
select { background-image: none; }