/* episode.html */
    body {
      font-family: 'Vazirmatn', system-ui, sans-serif;
      background: linear-gradient(to bottom, #d5e4ec 0%, #00abb559 50%, #d5e4ec 100%);
      background-attachment: fixed;
    }

    .glass {
      background: #e8fcff7d;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid #b58c4342;
    }

    .waveform {
      height: 40px;
      display: flex;
      align-items: end;
      justify-content: center;
      gap: 2px;
      padding: 0 10px;
    }

    .bar {
      width: 3px;
      background: #00abb5;
      border-radius: 2px;
      transition: height 0.2s ease;
    }

    .bar.active {
      background: #00d4dd;
      height: 35px !important;
    }

    .progress-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #00abb5;
      cursor: pointer;
      box-shadow: 0 0 8px rgba(0, 171, 181, 0.6);
    }

    .progress-slider::-moz-range-thumb {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #00abb5;
      cursor: pointer;
      box-shadow: 0 0 8px rgba(0, 171, 181, 0.6);
      border: none;
    }

    .progress-slider {
      -webkit-appearance: none;
      height: 5px;
      background: rgba(255, 255, 255, 0.15);
      border-radius: 5px;
      outline: none;
    }

    .progress-slider::-webkit-slider-runnable-track {
      height: 5px;
      border-radius: 5px;
    }

    .btn-hover {
      transition: transform 0.2s ease;
    }

    .btn-hover:hover {
      transform: scale(1.05);
    }

    .btn-hover:active {
      transform: scale(0.95);
    }

    @keyframes pulse {

      0%,
      100% {
        opacity: 1;
      }

      50% {
        opacity: 0.6;
      }
    }

    .playing .bar {
      animation: pulse 1s ease-in-out infinite;
    }
    .icon-grad { background: linear-gradient(135deg, #00abb5, #008a92); }
    .accent-bg { background: #00abb5; }
    .accent-color { color: #00abb5; }
    .d-none { display: none; }