/* Custom CSS for Shuffle-Cut UI */

/* Mobile-first: Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom card styling */
.card-notation {
  font-family: 'Courier New', monospace;
  font-weight: bold;
}

/* Loading spinner enhancement */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Mobile menu toggle (for Phase 2) */
@media (max-width: 768px) {
  .mobile-menu {
    display: none;
  }
  
  .mobile-menu.active {
    display: block;
  }
}

/* Print styles */
@media print {
  header, footer {
    display: none;
  }
}