color: var(--color-text-secondary);
      transition: color var(--transition-normal);
    }

    .control-btn:hover .mute-icon {
      color: var(--color-text-primary);
    }

    .control-btn.muted .mute-icon {
      color: var(--color-surface);
    }

    .timer-circle {
      overflow: visible;
      position: relative;
      width: var(--timer-circle-size);
      height: var(--timer-circle-size);
      margin: 0;
    }

    .progress-ring {
      transform: rotate(-90deg);
      width: 100%;
      heigh