﻿/* service-tts.css - Extracted from inline styles */
* { font-family: 'Noto Sans SC', sans-serif; }
    html { scroll-behavior: smooth; }
    @keyframes waveform {
      0%, 100% { height: 12px; }
      50% { height: 48px; }
    }
    @keyframes waveform2 {
      0%, 100% { height: 24px; }
      50% { height: 64px; }
    }
    @keyframes pulse-ring {
      0% { transform: scale(1); opacity: 0.6; }
      100% { transform: scale(1.8); opacity: 0; }
    }
    .wave-bar { animation: waveform 1.2s ease-in-out infinite; }
    .wave-bar-delay1 { animation-delay: 0.1s; }
    .wave-bar-delay2 { animation-delay: 0.2s; }
    .wave-bar-delay3 { animation-delay: 0.3s; }
    .wave-bar-delay4 { animation-delay: 0.4s; }
    .wave-bar-delay5 { animation-delay: 0.5s; }
    .wave-bar-delay6 { animation-delay: 0.6s; }
    .wave-bar-delay7 { animation-delay: 0.7s; }
    .wave-bar-delay8 { animation-delay: 0.8s; }
    .wave-bar-tall { animation: waveform2 1s ease-in-out infinite; }
    .wave-bar-tall-delay1 { animation-delay: 0.15s; }
    .wave-bar-tall-delay2 { animation-delay: 0.3s; }
    .wave-bar-tall-delay3 { animation-delay: 0.45s; }
    .pulse-ring { animation: pulse-ring 1.5s cubic-bezier(0.215,0.61,0.355,1) infinite; }
    .code-block {
      background: #1e293b;
      color: #e2e8f0;
      font-family: 'Courier New', monospace;
      font-size: 13px;
      line-height: 1.6;
    }
