body {
  background: #fff;
}

.result-height {
  height: calc(100vh - 370px);
  min-height: 280px;
  resize: none;
}

.result-box {
  overflow-y: auto;
  border-radius: var(--bs-border-radius);
  padding: 0.375rem 0.75rem;
  font-size: 0.95rem;
}

.result-box.valid {
  background: #cdeee0;
  border: 1px solid #56cc9d;
}

.result-box.invalid {
  background: #ffd4c7;
  border: 1px solid #ff7851;
}

.result-item {
  padding: 2px 0;
  line-height: 1.3;
  word-break: break-all;
  cursor: default;
}

.result-item .reason {
  display: block;
  font-size: 0.75rem;
  opacity: 0.7;
  word-break: normal;
}

.result-item .tag {
  font-size: 0.65rem;
  vertical-align: middle;
  margin-left: 0.35rem;
}

.progress {
  height: 1.1rem;
}

.progress-bar {
  font-size: 0.75rem;
  transition: width 0.2s ease;
}

#goBtn {
  min-width: 5.5rem;
}

@media (max-width: 991.98px) {
  .result-height {
    height: 320px;
  }
}