body {
      font-family: "Inter", sans-serif;
    }

    .result-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 0.75rem;
      padding: 1rem 1.2rem;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04);
    }

    .tab-button {
      padding-bottom: 0.5rem;
      font-size: 0.9rem;
      border-bottom-width: 2px;
    }

    .tab-active {
      border-color: #059669;
      color: #047857;
      font-weight: 600;
    }

    .tab-inactive {
      border-color: transparent;
      color: #6b7280;
    }

    #summaryText {
      white-space: pre-line;
    }
@keyframes highlightPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.6);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(5, 150, 105, 0);
    transform: scale(1.01);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(5, 150, 105, 0);
    transform: scale(1);
  }
}

.result-highlight {
  animation: highlightPulse 0.8s ease-out;
}