@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');

body {
  color: #09090b;
  background-color: #ffffff;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Smart Header Transition */
#mainHeader {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.header-hidden {
  transform: translateY(-100%);
}

details > summary::-webkit-details-marker {
  display: none;
}

@keyframes enterUp {
  from { opacity: 0.2; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.anim-item {
  animation: enterUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .anim-item {
    animation: none !important;
  }
}

button:active, a:active {
  transform: scale(0.98);
}