/* ═══════════════════════════════════════════════════════
   MINIT — Shared Styles
   ═══════════════════════════════════════════════════════ */

* { box-sizing: border-box; margin: 0; }
body { margin: 0; }
html, body, #root { height: 100%; }

::-webkit-scrollbar { width: 6px; height: 0; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }

input::placeholder { color: #bbb; }

/* ─── Animations ─── */
@keyframes fadeUp { 
  from { opacity: 0; transform: translateY(8px); } 
  to { opacity: 1; transform: translateY(0); } 
}

@keyframes slideUp { 
  from { opacity: 0; transform: translateY(12px); } 
  to { opacity: 1; transform: translateY(0); } 
}

@keyframes checkPop { 
  0% { transform: scale(1); } 
  50% { transform: scale(1.2); } 
  100% { transform: scale(1); } 
}

@keyframes pulse { 
  0% { transform: scaleY(0.4); } 
  100% { transform: scaleY(1); } 
}

@keyframes heartPop { 
  0% { transform: scale(1); } 
  50% { transform: scale(1.3); } 
  100% { transform: scale(1); } 
}