rznb9xaih: Add double-tap to like and the featured experts slide to the phone feed

src/styles/mobile.css

@@ -203,6 +203,59 @@
 }
 .slide-menu .post-pop { min-width: 230px; }
 
+/* Double-tap heart burst over a post slide (mockup .burst), crimson accent. */
+@keyframes slide-burst {
+  0% { opacity: 0; transform: scale(.2); }
+  25% { opacity: 1; transform: scale(1.15); }
+  60% { opacity: 1; transform: scale(1); }
+  100% { opacity: 0; transform: scale(1.25) translateY(-20px); }
+}
+.slide-burst {
+  position: absolute;
+  left: 50%;
+  top: 44%;
+  width: 120px;
+  height: 120px;
+  margin: -60px 0 0 -60px;
+  color: var(--accent);
+  z-index: 5;
+  pointer-events: none;
+  animation: slide-burst .95s cubic-bezier(.2, .9, .3, 1.3) both;
+  filter: drop-shadow(0 12px 30px color-mix(in oklab, var(--accent), transparent 45%));
+}
+
+/* Featured experts slide: not a post. Eyebrow, title, carousel at 156px, hint. */
+@keyframes slide-nudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
+.slide-featured {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 70px 0 110px;
+  background: radial-gradient(90% 55% at 50% 46%, color-mix(in oklab, var(--accent), transparent 84%), transparent 70%), var(--bg);
+}
+.slide-feat-title {
+  margin: 10px 24px 0;
+  text-align: center;
+  font-size: 32px;
+  line-height: 1.1;
+  color: var(--ink);
+}
+.slide-feat-cf { width: 100%; margin-top: 26px; }
+.featured-bare { background: none; }
+.featured-bare .featured-cap { padding-top: 16px; }
+.slide-hint {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 14px;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: .04em;
+  color: var(--ink-3);
+}
+.slide-hint svg { width: 16px; height: 16px; animation: slide-nudge 1.6s ease-in-out infinite; }
+
 /* Loading slide: a skeleton card in the middle while the next page loads. */
 .slide-load { background: var(--bg); }
 .slide-load .sentinel { position: absolute; top: 0; left: 0; right: 0; }
@@ -271,6 +324,8 @@
   .is-cur .slide-meta,
   .is-cur .slide-quote-w,
   .slide-skel i,
+  .slide-burst,
+  .slide-hint svg,
   .reel-pill { animation: none !important; }
   .slide-art { transition: none !important; }
 }