/* roulang page: index */
:root {
      --rec-red: #E11D48;
      --track-teal: #0D9488;
      --bg-dark: #0F172A;
    }
    @keyframes pulse-rec {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.35; transform: scale(0.92); }
    }
    .rec-indicator {
      animation: pulse-rec 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    .custom-scroll::-webkit-scrollbar {
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background-color: #334155;
      border-radius: 9999px;
    }