.converter { max-width: 700px; margin: 0 auto 40px; }
  .copy { font-size: 14px; color: #555; margin-bottom: 5px; display:flex; align-items:center; gap:6px; text-align:center; justify-content:center; }
  .copy.left { justify-content:flex-start; text-align:left; }

  .timer-container { position:relative; width:250px; height:250px; margin:0 auto 20px; }
  .timer-container svg {
  width:250px;
  height:250px;
  transform: rotate(-90deg);
}
  .circle-bg { fill:none; stroke:#eee; stroke-width:10; }
  .circle-progress {
    fill:none; stroke:#4caf50; stroke-width:10; stroke-linecap:round;
    stroke-dasharray: 723;
    stroke-dashoffset: 723;
    transition: stroke-dashoffset 0.2s linear;
  }
  #time {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    font-size:30px; font-weight:bold; color:#333; text-align:center; width:190px;
  }