Adjust comment UX per feedback: reply alignment and Turnstile init

- move reply controls into normal left-aligned flow
- restore stronger primary/reply button treatments
- render Turnstile when reply details panels are opened
- rebuild Tailwind CSS

templates/comments/_comment.html

@@ -15,10 +15,10 @@
       {{ comment.body|linebreaks }}
     </div>
 
-    <div class="mt-5 flex items-center justify-between gap-4 border-t border-zinc-100 pt-4 dark:border-zinc-800">
+    <div class="mt-5 border-t border-zinc-100 pt-4 dark:border-zinc-800">
       {% include "comments/_reactions.html" with comment=comment counts=comment.reaction_counts user_reacted=comment.user_reacted %}
 
-      <details class="group/details">
+      <details class="group/details mt-3">
         <summary class="list-none cursor-pointer font-mono text-xs font-bold uppercase tracking-wider text-zinc-500 transition-colors hover:text-brand-cyan [&::-webkit-details-marker]:hidden">
           <span class="group-open/details:hidden">Reply</span>
           <span class="hidden group-open/details:inline">Cancel reply</span>