feat(dailies): replace custom lightbox with PhotoSwipe v5

Drops ~80 lines of fragile custom lightbox JS/HTML/CSS in favour of
PhotoSwipe v5 loaded from CDN. Slides are now <a> tags (the pswp-gallery
children) which always fire click events on iOS even inside scroll
containers — the root cause of the mobile tap issue. Pinch-to-zoom and
swipe-to-dismiss come for free. Dot sync kept as a separate vanilla JS
block.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr

themes/intotheeast/css/style.css

@@ -202,13 +202,18 @@ body::after {
     color: var(--color-ink-muted);
 }
 
+.journal-photo-wrap {
+    position: relative;
+    margin-bottom: var(--space-3);
+    border-radius: var(--radius-md);
+    overflow: hidden;
+}
+
 .journal-photo-strip {
     display: flex;
     overflow-x: scroll;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
-    border-radius: var(--radius-md);
-    margin-bottom: var(--space-3);
 }
 
 .journal-photo-strip::-webkit-scrollbar { display: none; }
@@ -218,11 +223,8 @@ body::after {
     scroll-snap-align: start;
     aspect-ratio: 4 / 3;
     overflow: hidden;
-    cursor: zoom-in;
-    background: none;
-    border: none;
-    padding: 0;
     display: block;
+    text-decoration: none;
 }
 
 .journal-photo-slide img {
@@ -230,11 +232,8 @@ body::after {
     height: 100%;
     object-fit: cover;
     display: block;
-    transition: opacity 0.15s;
 }
 
-.journal-photo-slide:hover img { opacity: 0.9; }
-
 .journal-photo-dots {
     display: flex;
     justify-content: center;
@@ -403,52 +402,9 @@ body::after {
 
 .gallery-thumb:focus { outline: 2px solid var(--color-accent); outline-offset: 2px; }
 
-/* ── Lightbox ────────────────────────────────────────────────────────────────── */
+/* ── PhotoSwipe overrides ─────────────────────────────────────────────────────── */
 
-.lightbox {
-    position: fixed;
-    inset: 0;
-    background: rgba(0,0,0,0.94);
-    z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.lightbox[hidden] { display: none; }
-
-.lightbox-img {
-    max-width: 92vw;
-    max-height: 90vh;
-    object-fit: contain;
-    border-radius: var(--radius-sm);
-    display: block;
-}
-
-.lightbox-close,
-.lightbox-prev,
-.lightbox-next {
-    position: absolute;
-    background: rgba(255,255,255,0.12);
-    border: none;
-    color: #fff;
-    cursor: pointer;
-    border-radius: 50%;
-    width: 44px;
-    height: 44px;
-    font-size: 1.4rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background 0.15s;
-}
-
-.lightbox-close { top: 1rem; right: 1rem; }
-.lightbox-prev  { left: 0.75rem; top: 50%; transform: translateY(-50%); }
-.lightbox-next  { right: 0.75rem; top: 50%; transform: translateY(-50%); }
-.lightbox-close:hover,
-.lightbox-prev:hover,
-.lightbox-next:hover { background: rgba(255,255,255,0.26); }
+.pswp__bg { background: rgba(0,0,0,0.96); }
 
 /* ── Map page ────────────────────────────────────────────────────────────────── */