Added Genre and Tags

AnimeAnnouncer.Web/wwwroot/css/site.css

@@ -245,6 +245,57 @@ a:hover {
   background: rgba(255, 212, 59, 0.12);
 }
 
+/* --- Genres & tags --- */
+.airing-taxonomy {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.genre-chip {
+  padding: 0.15rem 0.6rem;
+  border-radius: 999px;
+  font-size: 0.78rem;
+  font-weight: 600;
+  color: #d0bfff;
+  background: rgba(151, 117, 250, 0.18);
+  border: 1px solid rgba(151, 117, 250, 0.45);
+  backdrop-filter: blur(4px);
+}
+
+.tag-chip {
+  padding: 0.1rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.72rem;
+  color: #ced4da;
+  background: rgba(0, 0, 0, 0.35);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* The overflow list flows inline with the other chips once opened. */
+.tag-overflow {
+  display: contents;
+}
+
+.tag-overflow > summary {
+  list-style: none;
+  cursor: pointer;
+}
+
+.tag-overflow > summary::-webkit-details-marker {
+  display: none;
+}
+
+.tag-more {
+  color: #74c0fc;
+  border-style: dashed;
+}
+
+.tag-overflow[open] > .tag-more {
+  display: none;
+}
+
 .airing-progress {
   height: 6px;
   border-radius: 999px;