/* roulang page: index */
:root {
        --bg-obsidian: #0D0F12;
        --text-titan: #ECEFF4;
        --accent-green: #00E599;
        --border-glass: rgba(255, 255, 255, 0.08);
      }
      body {
        background-color: #0D0F12;
        color: #ECEFF4;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
      }
      .waveform-bar {
        animation: pulseWave 1.4s ease-in-out infinite alternate;
      }
      @keyframes pulseWave {
        0% { height: 15%; opacity: 0.4; }
        50% { height: 85%; opacity: 1; }
        100% { height: 35%; opacity: 0.6; }
      }
      .code-scrollbar::-webkit-scrollbar {
        height: 6px;
      }
      .code-scrollbar::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.15);
        border-radius: 3px;
      }
      .glass-card {
        background: linear-gradient(180deg, rgba(26, 29, 32, 0.7) 0%, rgba(13, 15, 18, 0.9) 100%);
        border: 1px solid rgba(255, 255, 255, 0.07);
      }
      .glass-card:hover {
        border-color: rgba(0, 229, 153, 0.35);
      }
      details summary::-webkit-details-marker {
        display: none;
      }
      details[open] summary svg {
        transform: rotate(180deg);
      }