.vocabulary-modal{

  position:fixed;

  inset:0;

  background:rgba(0,0,0,.7);

  display:flex;

  justify-content:center;

  align-items:center;

  z-index:9999;
}

.hidden{

  display:none;
}

.modal-content-custom{

  width:850px;

  max-height:90vh;

  overflow:auto;

  background:#1e1e1e;

  border-radius:20px;

  padding:25px;
}

.modal-header-custom{

  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-bottom:25px;
}

.modal-close{

  width:40px;

  height:40px;

  border:none;

  border-radius:50%;

  background:#ff4d4f;

  color:white;

  cursor:pointer;
}

.selected-related{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  margin-top:15px;
}

.related-tag{

  background:#2d3748;

  border:1px solid #4a5568;

  padding:6px 12px;

  border-radius:20px;
}