/* roulang page: index */
:root {
        --color-bg-canvas: #F9FAFB;
        --color-brand: #6366F1;
        --color-sonic: #06B6D4;
        --color-text-main: #111827;
        --color-text-muted: #4B5563;
      }
      body {
        background-color: var(--color-bg-canvas);
        color: var(--color-text-main);
        -webkit-font-smoothing: antialiased;
      }
      .wave-bar {
        animation: pulseWave 1.4s ease-in-out infinite alternate;
      }
      @keyframes pulseWave {
        0% { height: 15%; }
        50% { height: 95%; }
        100% { height: 35%; }
      }
      .wave-bar:nth-child(2) { animation-delay: 0.15s; }
      .wave-bar:nth-child(3) { animation-delay: 0.3s; }
      .wave-bar:nth-child(4) { animation-delay: 0.45s; }
      .wave-bar:nth-child(5) { animation-delay: 0.6s; }
      .wave-bar:nth-child(6) { animation-delay: 0.25s; }
      .wave-bar:nth-child(7) { animation-delay: 0.4s; }
      .wave-bar:nth-child(8) { animation-delay: 0.55s; }

      details summary::-webkit-details-marker {
        display: none;
      }
      details[open] summary svg {
        transform: rotate(180deg);
      }
      .bg-glass {
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(12px);
      }