remove comments input

css/video-page.css

@@ -243,11 +243,75 @@
     padding: 1.5rem;
 }
 
+.comments-section .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1.5rem;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid #eee;
+}
+
+.section-title-wrapper {
+    display: flex;
+    align-items: center;
+}
+
 .section-title {
     font-size: 1.25rem;
     font-weight: 600;
-    margin-bottom: 1.5rem;
+    margin: 0;
     color: #000;
+    line-height: 1;
+}
+
+.view-on-peertube {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: var(--primary-red);
+    text-decoration: none;
+    font-size: 0.875rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: 4px;
+    transition: background-color 0.2s;
+    line-height: 1;
+    margin-left: 1rem;
+}
+
+.view-on-peertube:hover {
+    background-color: #f5f5f5;
+}
+
+.view-on-peertube i {
+    font-size: 0.875rem;
+}
+
+.no-comments {
+    text-align: center;
+    padding: 2rem;
+    color: #666;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+}
+
+.no-comments i {
+    font-size: 2.5rem;
+    color: #ddd;
+}
+
+.no-comments p {
+    margin: 0;
+    font-size: 0.9375rem;
+    max-width: 500px;
+    line-height: 1.5;
+}
+
+.no-comments p:last-child {
+    color: #999;
+    font-size: 0.875rem;
 }
 
 .comment-form {