* {
      box-sizing: border-box;
    }
    html, body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      background: #f8fafc;
      color: #0f172a;
      min-height: 100vh;
      max-width: 100vw;
      width: 100%;
      overflow-x: hidden !important;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 9999px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #94a3b8;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: transparent;
    }
    /* Clean, human-crafted card styling: crisp borders, natural neutral shadows, no AI futuristic glows */
    .glass-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 0.875rem;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .glass-card:hover {
      border-color: #cbd5e1;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    }
    .glass-card-light {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 0.75rem;
    }
    .glow-blue, .glow-electric, .glow-neon {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
    @keyframes bar-dance {
      0%, 100% { height: 4px; }
      50% { height: 12px; }
    }
    .equalizer-bar-1 { animation: bar-dance 0.7s ease-in-out infinite; }
    .equalizer-bar-2 { animation: bar-dance 0.5s ease-in-out infinite 0.2s; }
    .equalizer-bar-3 { animation: bar-dance 0.9s ease-in-out infinite 0.4s; }
    .equalizer-bar-4 { animation: bar-dance 0.6s ease-in-out infinite 0.1s; }