html { scroll-behavior: smooth; }
    body { background: #f7f9fa; color: #26384d; }
    .screen { display: none; }
    .screen.active { display: block; animation: enter .35s ease-out; }
    @keyframes enter {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    textarea { resize: vertical; }
    textarea:focus, input:focus { box-shadow: 0 0 0 4px rgba(79,174,158,.14); }
    .processing-dot { animation: pulseDot 1.25s ease-in-out infinite; }
    .processing-dot:nth-child(2) { animation-delay: .15s; }
    .processing-dot:nth-child(3) { animation-delay: .3s; }
    @keyframes pulseDot {
      0%, 70%, 100% { opacity: .3; transform: translateY(0); }
      35% { opacity: 1; transform: translateY(-5px); }
    }