.ts-word {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin: 1rem 0;
  letter-spacing: 0.04em;
}
.ts-word .ok {
  color: var(--accent, #0a7a6f);
}
.ts-word .bad {
  color: #e63946;
}
.ts-word .rest {
  opacity: 0.45;
}
.ts-in {
  display: block;
  width: min(100%, 360px);
  margin: 0 auto;
  padding: 0.65rem 0.8rem;
  font-size: 1.2rem;
  text-align: center;
}
.ts-bar {
  height: 6px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  margin: 0.75rem auto;
  max-width: 360px;
  overflow: hidden;
}
.ts-bar > i {
  display: block;
  height: 100%;
  background: var(--accent, #0a7a6f);
  width: 100%;
}