is it possible to change the labels in the Intersts tab?

heya! i'm working on bringing my old spacehey profile over to this site, and one of the few things that i haven't gotten to work are the interest balels, which refuse to change.

here's what they look like on SpaceHey...

and here's what they look like on FriendRewind:

so, is there a way to change these, or am i stuck with these categories? it's not a dealbreaker or anything if i can't change this, but i'd like to if i'm able..

Hey Is It Just Me Or Did The Images Not Load ^^''

also here is the code that i use:

<style>
table, th, td {

  border: 0px solid;

     }

:root {
    --topic1: "★";  
    --topic2: "General";
    --topic3: "Music";
    --topic4: "Movies & TV";
    --topic5: "Videogames";
    --topic6: "☆";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
</style>