tags and title fix

frontend/css/style.css

@@ -910,12 +910,28 @@ body.theme-light .setting-item select option {
     color: var(--text-primary);
     margin: 0;
     flex: 1;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
     font-family: var(--font-display);
     letter-spacing: -0.2px;
+    white-space: nowrap;
+    overflow: hidden;
+    position: relative;
+}
+
+.video-title-text {
+    display: inline-block;
+    padding-right: 24px;
+    transform: translateX(0);
+}
+
+.video-card.is-title-active .video-title-text {
+    animation: video-title-marquee 10s linear infinite;
+    will-change: transform;
+}
+
+@keyframes video-title-marquee {
+    to {
+        transform: translateX(calc(-1 * var(--marquee-distance, 0px)));
+    }
 }
 
 .video-card p {
@@ -929,6 +945,36 @@ body.theme-light .setting-item select option {
     padding-bottom: 4px;
 }
 
+.video-tags {
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 6px;
+    padding: 0 12px 8px 12px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    scrollbar-width: thin;
+    -webkit-overflow-scrolling: touch;
+}
+
+.video-tag {
+    font-size: 11px;
+    color: var(--text-secondary);
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    padding: 3px 8px;
+    line-height: 1.2;
+    letter-spacing: 0.2px;
+    white-space: nowrap;
+    font-family: inherit;
+    cursor: pointer;
+}
+
+.video-tag:focus-visible {
+    outline: 2px solid var(--text-primary);
+    outline-offset: 1px;
+}
+
 .uploader-link {
     background: transparent;
     border: none;