style: Lead-Absatz schwarz + Kommentar-Empty-State dezenter

- app.css: erster Markdown-Absatz im Artikel auf --text-primary (schwarz)
  statt --text-secondary (grau).
- Comments-Empty-State: kleineres helleres Icon (size-5/stein-300), Text
  semibold + stein-300 (gleich hell wie Icon), engerer Icon-Text-Abstand.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app.css

@@ -468,7 +468,7 @@ article [data-block-type="markdown"] .markdown > p:first-child {
     font-size: 1.25rem;
     line-height: 1.55;
     font-weight: 300;
-    color: var(--text-secondary);
+    color: var(--text-primary);
     margin-bottom: 1.25em;
 }
 

src/lib/components/Comments.svelte

@@ -400,9 +400,9 @@
     </div>
   {:else}
     {#if topLevel.length === 0}
-      <div class="flex flex-col items-center gap-2 py-8 text-center sm:flex-row sm:items-center sm:text-left sm:py-4 sm:gap-3">
-        <Icon icon="mdi:comment-text-outline" class="size-10 text-stein-300 shrink-0" />
-        <p class="text-sm text-stein-500">{t(T.comments_empty)}</p>
+      <div class="flex flex-col items-center gap-1 py-8 text-center sm:flex-row sm:items-center sm:text-left sm:py-4 sm:gap-1.5">
+        <Icon icon="mdi:comment-text-outline" class="size-5 text-stein-300 shrink-0" />
+        <p class="text-sm font-semibold text-stein-300">{t(T.comments_empty)}</p>
       </div>
     {:else}
       <ul class="space-y-5 mb-8 list-none p-0">