.twro-tags{
  margin: 18px auto 8px;
  max-width: 820px;
  text-align: center;
  padding: 0 8px;
}
.twro-tags-label{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8AA0BC;
  margin-bottom: 10px;
}
.twro-tags-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.twro-tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.78rem;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid rgba(200,255,61,0.28);
  background: rgba(18,35,54,0.65);
  color: #C8FF3D;
  cursor: pointer;
  transition: border-color .2s, background .2s, color .2s, transform .15s;
}
.twro-tag:hover{
  border-color: rgba(200,255,61,0.5);
  background: rgba(200,255,61,0.1);
  transform: translateY(-1px);
}
.twro-tag.is-copied{
  color: #FFC247;
  border-color: rgba(255,194,71,0.55);
}
.twro-tags-copy{
  margin-top: 12px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,194,71,0.4);
  background: rgba(255,194,71,0.06);
  color: #FFC247;
  cursor: pointer;
  transition: all .2s;
}
.twro-tags-copy:hover{
  background: rgba(255,194,71,0.12);
  border-color: rgba(255,194,71,0.6);
}
.twro-tags-copy.is-copied{
  color: #C8FF3D;
  border-color: rgba(200,255,61,0.45);
}