1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/assets/styles-Bq7xKgiB.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" data-precedence="default"/><title>Moments, Senior Moments NZ</title><meta name="google-site-verification" content="1dVng3v97mUK4wdDxEmSUFqaZbGFpp3zGsTskLEzodM"/><meta name="author" content="Senior Moments NZ"/><meta property="og:site_name" content="Senior Moments NZ"/><meta property="og:title" content="Senior Moments NZ"/><meta property="og:description" content="A friendly New Zealand social space for people 60+ to share stories, photos, and memories."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Senior Moments NZ"/><meta name="twitter:description" content="A friendly New Zealand social space for people 60+ to share stories, photos, and memories."/><meta name="description" content="Browse the latest moments shared across Aotearoa."/><link rel="modulepreload" href="/assets/index-B8x47Np6.js"/><link rel="modulepreload" href="/assets/moments-c-GkxA6z.js"/><link rel="modulepreload" href="/assets/moments.index-D5QRiqgs.js"/><link rel="modulepreload" href="/assets/with-feature-gate-Cryy2otL.js"/><link rel="modulepreload" href="/assets/page-shell-B6nVnWma.js"/><link rel="modulepreload" href="/assets/moment-card-B00piyNe.js"/><link rel="modulepreload" href="/assets/reveal-DzzbKnpx.js"/><link rel="modulepreload" href="/assets/use-live-moments-4Ozj3pX7.js"/><link rel="modulepreload" href="/assets/utils-0exNfmSl.js"/><link rel="modulepreload" href="/assets/select-GJU65LIw.js"/><link rel="modulepreload" href="/assets/sparkles-BmGftohC.js"/><link rel="modulepreload" href="/assets/circle-play-Qchk9HSs.js"/><link rel="modulepreload" href="/assets/heart-jaoJ1tBk.js"/><link rel="modulepreload" href="/assets/message-circle-DwyaTncy.js"/><link rel="modulepreload" href="/assets/use-feature-flags-Da5LJ0l8.js"/><link rel="modulepreload" href="/assets/index-CT_4jwyh.js"/><link rel="modulepreload" href="/assets/index-C_Ozil7u.js"/><link rel="modulepreload" href="/assets/index-CgILayYx.js"/><link rel="modulepreload" href="/assets/index-BCNAH5D-.js"/><link rel="modulepreload" href="/assets/index-BKQnY9o4.js"/><link rel="modulepreload" href="/assets/index-ChWmzZvy.js"/><link rel="modulepreload" href="/assets/chevron-right-D6eNGqbj.js"/><link rel="modulepreload" href="/assets/check-ksWrDi2E.js"/><link rel="modulepreload" href="/assets/shopping-bag-kBsB5wOf.js"/><link rel="modulepreload" href="/assets/book-open-B3kxfUVr.js"/><link rel="modulepreload" href="/assets/image-D3lfOXgY.js"/><link rel="modulepreload" href="/assets/chef-hat-DZMgTATX.js"/><link rel="modulepreload" href="/assets/sprout-BREjQGWU.js"/><link rel="modulepreload" href="/assets/users-DpBRMavy.js"/><link rel="modulepreload" href="/assets/shield-check-BQUdOSFv.js"/><link rel="modulepreload" href="/assets/settings-CjD7M6aU.js"/><link rel="modulepreload" href="/assets/chevron-down-DgFpKikc.js"/><link rel="modulepreload" href="/assets/reaction-picker-qbFD5rMq.js"/><link rel="modulepreload" href="/assets/dialog-Butxyd0u.js"/><link rel="modulepreload" href="/assets/button-D0tjTrtO.js"/><link rel="modulepreload" href="/assets/index-B8k91cqS.js"/><link rel="modulepreload" href="/assets/clsx-B-dksMZM.js"/><link rel="modulepreload" href="/assets/report-dialog-Mq1bf9CH.js"/><link rel="modulepreload" href="/assets/circle-check-BDgNrDC8.js"/><link rel="modulepreload" href="/assets/scamFilters-CcfCaOTl.js"/><link rel="modulepreload" href="/assets/safetyCopy-Drov0vUe.js"/><link rel="modulepreload" href="/assets/compressImage-COAlnJMP.js"/><link rel="modulepreload" href="/assets/image-plus-ChuMAivH.js"/><link rel="modulepreload" href="/assets/eye-off-DGbHUlGc.js"/><link rel="modulepreload" href="/assets/flag-CxxjYFeg.js"/><link rel="modulepreload" href="/assets/pencil-D_P1ZS_B.js"/><link rel="modulepreload" href="/assets/trash-2-BWAr9PT_.js"/><link rel="modulepreload" href="/assets/use-blocked-users-DQERMS-Q.js"/><link rel="modulepreload" href="/assets/index-D158fRLV.js"/><link rel="modulepreload" href="/assets/chevron-up-BT2HJy7N.js"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="apple-touch-icon" href="/favicon.png"/>
1<link rel="preconnect" href="https://images.unsplash.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://images.unsplash.com"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Senior Moments NZ","url":"https://kia-ora-moments.lovable.app","description":"A friendly New Zealand social space for people 60+ to share stories, photos, and memories."}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Senior Moments NZ","url":"https://kia-ora-moments.lovable.app"}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.1718a1eacac7ff3a.js" data-artifact-kind="dwl_content_hash" data-artifact-id="ab7ca483ce2af7183c88a81031b8ab50e60322f2651e4f2211bec16d78c4c65b" data-commit-sha="c08927ee6e55206819e7c11a5e5ac4ceca515433" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF80N2Y5MHJzeHhxOW5ycnkycmFwMXZoams1dCIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiJhYjdjYTQ4M2NlMmFmNzE4M2M4OGE4MTAzMWI4YWI1MGU2MDMyMmYyNjUxZTRmMjIxMWJlYzE2ZDc4YzRjNjViIiwiY29tbWl0X3NoYSI6ImMwODkyN2VlNmU1NTIwNjgxOWU3YzExYTVlNWFjNGNlY2E1MTU0MzMiLCJleHAiOjE3OTQxNzUzNzh9.TN19uIJucpzdwm5lcSu4Vjkf96L72FXupYY4vUNS6IQ"></script>
1<meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/8fcf75fb-15bd-4c16-bcfd-d5f5ac26e368/id-preview-af107ba6--bdbd8b6c-a4a4-4e41-b38b-99df3363f10b.lovable.app-1778551372742.png"><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/8fcf75fb-15bd-4c16-bcfd-d5f5ac26e368/id-preview-af107ba6--bdbd8b6c-a4a4-4e41-b38b-99df3363f10b.lovable.app-1778551372742.png"></head><body>
1<script>(function(){try{var raw=localStorage.getItem("sm.readingPrefs");if(!raw)return;var p=JSON.parse(raw);var h=document.documentElement;if(p.theme==='dark')h.classList.add('dark');if(p.theme==='sepia')h.classList.add('theme-sepia');if(p.theme==='classic')h.classList.add('theme-classic');if(p.theme==='ocean')h.classList.add('theme-ocean');if(p.highContrast)h.classList.add('high-contrast');if(p.underlineLinks)h.classList.add('underline-links');if(p.reduceMotion)h.classList.add('reduce-motion');h.classList.add('font-scale-'+(p.fontScale||'md'));h.classList.add('line-spacing-'+(p.lineSpacing||'normal'));}catch(e){}})();;document.currentScript.remove()</script>
1<!--$--><div class="flex min-h-screen flex-col bg-background pb-14 md:pb-0"><header class="bg-background/80 backdrop-blur-md sticky top-0 border-b border-border/40 z-40" style="background-color:color-mix(in oklab, var(--header-bg, var(--background)) 85%, transparent);color:var(--header-fg, var(--foreground))"><div class="relative mx-auto flex max-w-6xl items-center gap-3 lg:gap-6 px-4 py-2 lg:py-3 md:px-6"><a href="/" class="flex items-center gap-2 !min-h-0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAABHNCSVQICAgIfAhkiAAAAYhJREFUaIHtmsFxwyAQRT8ZFeAKGJfgDqJcOKeEdBKnE9XBxUoHLoGhAndADlEuZJcMSPLEy77jDgu80QpphjUpJdRirDsT4SlFH6onK68zAhizcEjRT7VzDY17eCdiM4DQOB/HSKz1CWCqnehpg808BOwTNdYdARyz8C1Ffy3kHACc8niKfq7NAcCus+SNVE6K/kaNL5XuG+iyoRb44QTgQu2rIeelkINCzkwN7qZ0VVQag7GO+pD+9X5UY6ybATxn4Q8w79SKdc4gPn/dPFEVlYaKSkNFpaGi0lBRaaioNFRUGioqDRWVhopKQ0WloaLS6EZ0wPdVYA55x/ggBBBOQ4p+pEYb61533tAuLP0NUx7vpnRVVBrdiJaaNSb8vqT9T6cxdVnNdrKwoksXWFi/n30otfRQdFO6KiqN1qZH7rfxsGIvFIFYq9g6x9EkWvhtJOOtcL9zLXRTuioqjW5EW09djivq+wi5nKbTlWNT0aX7ed47p4VuSldFpbH1YVSCOlzCvRb/AnX9W0ZeKhuiAAAAAElFTkSuQmCC" alt="Senior Moments NZ" class="h-9 w-9 object-contain"/><div class="hidden sm:block"><div class="font-display text-lg leading-none">Senior Moments</div><div class="text-[11px] uppercase tracking-[0.18em] text-muted-foreground">Aotearoa · est. 2024</div></div></a><div class="absolute left-1/2 -translate-x-1/2 md:hidden flex items-center gap-1.5 z-10"><button type="button" class="inline-flex items-center gap-1.5 rounded-full bg-secondary hover:bg-secondary/80 border border-border/40 px-4 py-1.5 text-sm font-semibold transition shadow-sm !min-h-0 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal h-4 w-4 text-sage" aria-hidden="true"><path d="M10 5H3"></path><path d="M12 19H3"></path><path d="M14 3v4"></path><path d="M16 17v4"></path><path d="M21 12h-9"></path><path d="M21 19h-5"></path><path d="M21 5h-7"></path><path d="M8 10v4"></path><path d="M8 12H3"></path></svg><span>Options</span></button></div><nav class="ml-auto hidden items-center gap-1 md:flex"><a href="/" class="relative inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors !min-h-0 text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-4 w-4" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Home</a><a class="relative inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors !min-h-0 text-foreground active" href="/moments" data-status="active" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Moments<span class="absolute -bottom-[14px] left-3 right-3 h-[3px] rounded-full bg-sage"></span></a><a href="/daily-cuppa" class="relative inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors !min-h-0 text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee h-4 w-4" aria-hidden="true"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg>Daily Cuppa</a><a href="/articles" class="relative inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors !min-h-0 text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Articles</a><button type="button" id="radix-_R_9klba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="inline-flex items-center gap-1 rounded-md px-3 py-2 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground !min-h-0">More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></nav><div class="ml-auto flex items-center gap-2 md:ml-2"><a href="/login" class="!min-h-0 inline-flex h-11 items-center rounded-lg border border-border px-4 text-sm font-semibold hover:bg-secondary">Sign in</a><a href="/share" class="hidden sm:inline-flex items-center gap-2 rounded-lg bg-sage px-4 py-2 text-sm font-semibold text-sage-foreground shadow-sm transition hover:brightness-95"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-plus h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 12h8"></path><path d="M12 8v8"></path></svg>Share your Moment</a></div></div></header><main class="flex-1"><div class="mx-auto max-w-7xl px-4 py-6 md:px-6 md:py-8"><header class="relative mb-5 overflow-hidden rounded-[2rem] border border-border bg-card shadow-sm"><div class="absolute inset-0 rounded-[2rem] bg-cover bg-center opacity-65" style="background-image:url(https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?auto=format&fit=crop&w=1200&q=80)"></div><div class="absolute inset-0 rounded-[2rem] bg-background/20"></div><div class="relative grid gap-0 md:grid-cols-[1.35fr_0.65fr]"><div class="bg-background/88 p-6 backdrop-blur-sm md:p-8"><div class="mb-4 inline-flex items-center gap-2 rounded-full border border-border/70 bg-background/85 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-sage" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg> Aotearoa's Living Room</div><h1 class="font-display text-3xl leading-tight md:text-5xl">The internet, but we actually make it fun again (& safer).</h1><p class="mt-4 max-w-xl text-sm leading-relaxed text-foreground/80">Stories, snaps, and memories from across Aotearoa. Have a nice memory to share? We'd love to see it. <!-- --> <a href="/share" class="font-semibold underline underline-offset-4 hover:text-sage">Add yours</a>.</p></div><div class="border-t border-border/30 bg-background/35 p-6 backdrop-blur-[2px] md:border-l md:border-t-0 md:p-6 flex flex-col justify-center"><div class="rounded-2xl bg-background/45 p-4 ring-1 ring-white/40 backdrop-blur-sm"><div class="text-[11px] font-bold uppercase tracking-wider text-sage">About Moments</div><h2 class="mt-1 font-display text-lg text-foreground">A Shared Porch</h2><p class="mt-1.5 text-xs leading-relaxed text-muted-foreground">Our digital living room. A warm space to share daily stories, holiday snaps, and a chuckle. No arguments, no pressure, just good company.</p></div></div></div></header><div class="mb-5 rounded-2xl border border-sage/40 bg-sage/10 p-4 text-sm"><strong>A wee preview.</strong> These are sample moments to show you what Senior Moments looks like. Once you're signed in you'll see real stories from real Kiwis.<!-- --> <a href="/login" class="font-semibold underline underline-offset-4">Join free</a> to join in.</div><section aria-labelledby="moments-filter-heading" class="sticky top-[72px] z-20 mb-5 rounded-2xl border border-border bg-background/94 p-3 shadow-sm backdrop-blur"><h2 id="moments-filter-heading" class="sr-only">Filter and sort moments</h2><div class="flex flex-col md:flex-row md:items-center justify-between gap-4"><form class="relative min-w-[200px] flex-1 hidden md:block"><label for="search-moments" class="sr-only">Search moments</label><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input id="search-moments" type="search" placeholder="Search stories, people..." class="h-9 w-full rounded-xl border border-border bg-card pl-10 pr-4 text-sm focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none" value=""/></form><div class="hidden md:flex items-center gap-4"><div class="flex items-center gap-2"><span class="text-[10px] font-bold uppercase tracking-[0.18em] text-muted-foreground whitespace-nowrap">Filter:</span><button type="button" role="combobox" aria-controls="radix-_R_ja55ba_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex items-center justify-between whitespace-nowrap border px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[140px] h-9 bg-card rounded-xl border-border focus:ring-2 focus:ring-sage focus:ring-offset-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="flex items-center gap-2"><span class="text-[10px] font-bold uppercase tracking-[0.18em] text-muted-foreground whitespace-nowrap">Sort:</span><button type="button" role="combobox" aria-controls="radix-_R_la55ba_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex items-center justify-between whitespace-nowrap border px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[140px] h-9 bg-card rounded-xl border-border focus:ring-2 focus:ring-sage focus:ring-offset-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="inline-flex h-9 items-center rounded-xl border border-border bg-card p-1" role="tablist" aria-label="View"><button type="button" aria-pressed="true" title="Cards" class="inline-flex h-full items-center justify-center gap-1.5 rounded-lg px-3 text-xs font-semibold transition focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none bg-secondary text-foreground shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-list h-3.5 w-3.5 shrink-0" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect><path d="M14 4h7"></path><path d="M14 9h7"></path><path d="M14 15h7"></path><path d="M14 20h7"></path></svg><span class="hidden sm:inline">Cards</span></button><button type="button" aria-pressed="false" title="Compact" class="inline-flex h-full items-center justify-center gap-1.5 rounded-lg px-3 text-xs font-semibold transition focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid h-3.5 w-3.5 shrink-0" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><span class="hidden sm:inline">Compact</span></button><button type="button" aria-pressed="false" title="List" class="inline-flex h-full items-center justify-center gap-1.5 rounded-lg px-3 text-xs font-semibold transition focus-visible:ring-2 focus-visible:ring-sage focus-visible:ring-offset-2 focus-visible:outline-none text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rows3 lucide-rows-3 h-3.5 w-3.5 shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M21 9H3"></path><path d="M21 15H3"></path></svg><span class="hidden sm:inline">List</span></button></div></div></div></section><section aria-labelledby="moments-results-heading" class="mt-6 pb-12"><h2 id="moments-results-heading" class="sr-only">Moments</h2><div class="space-y-6"><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Margaret W.'s preview profile" href="/u/preview/margaret-w" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">MW</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/margaret-w" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Margaret W.</a></div><div class="text-xs text-muted-foreground">Tauranga<!-- --> · <!-- -->2 hours ago<!-- -->
1 · <span class="text-sage-foreground/80">Funny</span></div></div></div><button type="button" id="radix-_R_48ql5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/sausage-bandit" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/bbq--t8gdDFI.avif" alt="The day the dog stole the sausages at the family BBQ" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">The day the dog stole the sausages at the family BBQ</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Set the platter down for ten seconds. Ten. By the time I'd turned around, Buster had three snags hanging from his mouth like a moustache and was sprinting for the lemon tree. The grandkids haven't stopped laughing since Saturday.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>142<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_ioql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qoql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>38<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Brian A.'s preview profile" href="/u/preview/brian-a" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">BT</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/brian-a" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Brian A.</a></div><div class="text-xs text-muted-foreground">Hamilton<!-- --> · <!-- -->Yesterday<!-- -->
1 · <span class="text-sage-foreground/80">Travel</span></div></div></div><button type="button" id="radix-_R_49al5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/queenstown-first" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/queenstown-CB6OVAT4.avif" alt="My first trip to Queenstown after retirement" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute inset-0 grid place-items-center bg-black/20 rounded-2xl"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play h-16 w-16 text-white drop-shadow" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">My first trip to Queenstown after retirement</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Sixty-eight years old and I finally got on the gondola. Bit wobbly at the top but the view of the Remarkables made the knees behave. Already booked the next trip.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>318<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_ipal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qpal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>64<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Patricia O.'s preview profile" href="/u/preview/patricia-o" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">PO</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/patricia-o" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Patricia O.</a></div><div class="text-xs text-muted-foreground">Wellington<!-- --> · <!-- -->3 days ago<!-- -->
1 · <span class="text-sage-foreground/80">Then & Now</span></div></div></div><button type="button" id="radix-_R_49ql5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/wedding-1968" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/wedding-9gyDyN_G.avif" alt="A photo from our wedding day, 1968" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">A photo from our wedding day, 1968</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Found this tucked inside an old recipe book. Frank's tie was crooked then and it's still crooked now. Fifty-seven years and counting.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>982<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_ipql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qpql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>211<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Dennis P.'s preview profile" href="/u/preview/dennis-p" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">DP</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/dennis-p" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Dennis P.</a></div><div class="text-xs text-muted-foreground">Christchurch<!-- --> · <!-- -->4 days ago<!-- -->
1 · <span class="text-sage-foreground/80">Family</span></div></div></div><button type="button" id="radix-_R_4aal5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/emoji-lessons" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/emoji-DQ7limpf.avif" alt="Grandkids teaching us how to use emojis" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">Grandkids teaching us how to use emojis</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Apparently the eggplant does not mean 'I'm making moussaka tonight'. Mortified. Granddaughter is still wheezing in the corner.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>567<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_iqal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qqal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>189<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Lorraine B.'s preview profile" href="/u/preview/lorraine-b" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">LB</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/lorraine-b" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Lorraine B.</a></div><div class="text-xs text-muted-foreground">Napier<!-- --> · <!-- -->1 week ago<!-- -->
1 · <span class="text-sage-foreground/80">Funny</span></div></div></div><button type="button" id="radix-_R_4aql5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/caravan-disaster" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/caravan-Dw0HFRPS.avif" alt="The caravan trip that did not go to plan" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute inset-0 grid place-items-center bg-black/20 rounded-2xl"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play h-16 w-16 text-white drop-shadow" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">The caravan trip that did not go to plan</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Forgot the handbrake. The caravan didn't. We watched it roll gracefully into a paddock of very surprised sheep. Roy says he's never laughed so hard in his life.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>421<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_iqql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qqql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>97<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Hemi W.'s preview profile" href="/u/preview/hemi-w" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">HW</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/hemi-w" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Hemi W.</a></div><div class="text-xs text-muted-foreground">Russell<!-- --> · <!-- -->1 week ago<!-- -->
1 · <span class="text-sage-foreground/80">Pets</span></div></div></div><button type="button" id="radix-_R_4bal5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/morning-walk" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/dog-beach-CdsSjc27.avif" alt="Pearl insists on her morning beach walk" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">Pearl insists on her morning beach walk</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Rain, hail or southerly, this old girl gets her sunrise. She's twelve and still bossier than the cabinet.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>289<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_iral5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qral5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>41<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Hera N.'s preview profile" href="/u/preview/hera-n" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">HN</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/hera-n" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Hera N.</a></div><div class="text-xs text-muted-foreground">Coromandel<!-- --> · <!-- -->2 days ago<!-- -->
1 · <span class="text-sage-foreground/80">Family</span></div></div></div><button type="button" id="radix-_R_4bql5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/anniversary-walk" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/m-anniversary-DZAle-6X.avif" alt="Forty years today, still putting up with each other" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">Forty years today, still putting up with each other</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Took ourselves back to the beach where Tama proposed in 1985. He still can't get down on one knee, and I still can't say no. Best day off in months.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>1124<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_irql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qrql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>156<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Rosemary A.'s preview profile" href="/u/preview/rosemary-a" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">RA</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/rosemary-a" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Rosemary A.</a></div><div class="text-xs text-muted-foreground">Nelson<!-- --> · <!-- -->3 days ago<!-- -->
1 · <span class="text-sage-foreground/80">Community</span></div></div></div><button type="button" id="radix-_R_4cal5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/zucchini-glut" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/m-garden-D-5ViIqJ.avif" alt="Send help, the zucchini have won" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">Send help, the zucchini have won</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">I planted three. Three. The neighbours are now hiding when they see me coming with the wheelbarrow. If anyone has a good chocolate zucchini cake recipe, please post it before we drown.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>612<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_isal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qsal5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>134<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div><div style="transition-delay:0ms" class="transition-[opacity,transform] duration-[600ms] ease-[cubic-bezier(0.22,0.61,0.36,1)] motion-reduce:transition-none opacity-0 translate-y-3"><article class="group overflow-hidden rounded-3xl border border-border bg-card shadow-[0_1px_0_rgba(0,0,0,0.02),0_24px_60px_-40px_rgba(20,30,40,0.18)]"><header class="flex items-center justify-between gap-3 px-5 pt-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="View Joan K.'s preview profile" href="/u/preview/joan-k" class="grid h-11 w-11 place-items-center rounded-full bg-secondary font-display text-base text-foreground hover:opacity-80 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage shrink-0">JK</a><div class="min-w-0 flex-1"><div class="flex items-center gap-1 truncate font-medium"><a href="/u/preview/joan-k" class="truncate hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Joan K.</a></div><div class="text-xs text-muted-foreground">Dunedin<!-- --> · <!-- -->5 hours ago<!-- -->
1 · <span class="text-sage-foreground/80">Family</span></div></div></div><button type="button" id="radix-_R_4cql5ba_" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="rounded-full p-2 text-muted-foreground transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-label="More options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></header><div class="mt-4 px-5"><a href="/moments/pavlova-grandkids" class="!min-h-0 group block relative"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl bg-secondary border border-border/20 shadow-sm"><img src="/assets/m-pavlova-B33PxUqn.avif" alt="First pavlova with the grandkids" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.02] rounded-2xl"/><div class="absolute top-0 left-0 right-0 bg-white/30 backdrop-blur-sm p-4 border-b border-white/20 rounded-t-2xl"><h3 class="font-display text-lg md:text-2xl font-bold tracking-tight text-slate-900 line-clamp-2">First pavlova with the grandkids</h3></div><div class="absolute bottom-0 left-0 right-0 bg-black/75 backdrop-blur-[4px] p-4 text-white border-t border-white/10 transition-all duration-300 opacity-0 translate-y-3 group-hover:opacity-100 group-hover:translate-y-0 rounded-b-2xl"><p class="line-clamp-3 text-sm md:text-base leading-relaxed text-slate-100">Eldest insisted on putting the cream on while it was still warm. We learnt a lot today. The pav is a bit of a soup. The kids are very proud. I am calling it abstract dessert and we're eating it anyway.</p></div></div></a></div><footer class="flex flex-wrap items-center justify-between gap-2 border-t border-border/50 px-3 py-2 transition"><div class="flex items-center gap-1"><button type="button" aria-label="Like" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>488<!-- --> Likes</span></button><button type="button" aria-label="React" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_isql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg><span>React</span></button><button type="button" aria-label="Comment" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qsql5ba_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>92<!-- --> Comments</span></button></div><div class="flex items-center gap-1"><button type="button" aria-label="Save" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage text-muted-foreground hover:bg-secondary hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg><span class="hidden sm:inline">Save</span></button><button type="button" aria-label="Share" class="inline-flex min-h-[44px] items-center gap-2 rounded-xl px-4 py-3 text-sm font-medium text-muted-foreground transition hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span class="hidden sm:inline">Share</span></button></div></footer></article></div></div><div class="mt-8 flex justify-center"><button class="inline-flex min-h-[46px] items-center rounded-full border border-border bg-card px-6 text-sm font-semibold text-foreground shadow-sm transition hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sage">Load more moments</button></div></section></div></main><footer class="mt-24 border-t border-border bg-secondary/40"><div class="mx-auto grid max-w-6xl gap-8 px-6 py-10 grid-cols-1 sm:grid-cols-2 lg:grid-cols-[2.5fr_1fr_1.5fr_2fr] items-start"><div><div class="font-display text-2xl">Senior Moments</div><p class="mt-3 text-sm text-muted-foreground">A friendly New Zealand corner of the internet for stories worth a chuckle and memories worth keeping.</p><div class="mt-5"><div class="mb-2 text-xs uppercase tracking-widest text-muted-foreground">Newsletter</div><form class="flex flex-col gap-2 sm:flex-row"><label for="newsletter-email" class="sr-only">Email address</label><input id="newsletter-email" type="email" required="" placeholder="[email protected]" class="flex-1 rounded-full border border-border bg-background px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-foreground
1/30" value=""/><button type="submit" class="!min-h-0 rounded-full bg-foreground px-4 py-2 text-sm text-background hover:opacity-90 disabled:opacity-60">Subscribe</button></form></div></div><div class="text-sm"><div class="mb-2 text-xs uppercase tracking-widest text-muted-foreground">Wander</div><ul class="space-y-1"><li><a href="/" class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition">Home</a></li><li><a class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition active" href="/moments" data-status="active" aria-current="page">Moments</a></li><li><a href="/photos" class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition">Photos</a></li><li><a href="/articles" class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition">Articles</a></li><li><a href="/profile" class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition">Profile</a></li><li><a href="/help" class="!min-h-0 block rounded-lg py-2.5 px-3 text-foreground hover:bg-secondary/60 hover:underline transition">Safety Centre</a></li></ul></div><div class="text-sm"><div class="mb-2 text-xs uppercase tracking-widest text-muted-foreground">Built for safer sharing</div><p class="text-muted-foreground">Senior Moments is built for safer sharing. We do not allow private messaging, contact-detail swapping, money requests, investment offers, or pressure to move conversations off-site. If something looks off, the little flag button is your friend.</p></div><div class="text-sm"><div class="mb-2 text-xs uppercase tracking-widest text-muted-foreground">Need a hand?</div><a href="/help" class="!min-h-0 inline-flex items-center gap-1.5 rounded-full bg-foreground px-4 py-2 text-sm font-semibold text-background hover:bg-foreground
1/90">Visit the Safety Centre <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="mt-4 rounded-2xl border border-border bg-card p-3"><p class="text-foreground/85">Call <a href="tel:0508638723" class="font-semibold underline">Netsafe on 0508 NETSAFE</a>, free, confidential advice 9am to 5pm weekdays.</p><p class="mt-1 text-muted-foreground">In an emergency, call <a href="tel:111" class="font-semibold underline">111</a>. To report a scam, call NZ Police on <a href="tel:105" class="font-semibold underline">105</a>.</p></div></div></div><div class="flex flex-col items-center gap-2 border-t border-border py-4 text-center text-xs text-muted-foreground sm:flex-row sm:justify-between sm:px-6"><div>© <!-- -->2026<!-- --> Senior Moments NZ · Made with cups of tea</div><div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-2"><a href="/safety" class="!min-h-0 hover:text-foreground hover:underline">House Rules</a><a href="/privacy" class="!min-h-0 hover:text-foreground hover:underline">Privacy Policy</a><a href="/contact" class="!min-h-0 hover:text-foreground hover:underline">Contact</a><a href="/admin-login" class="!min-h-0 hover:text-foreground hover:underline">Admin login</a></div></div></footer><nav class="fixed bottom-0 left-0 right-0 z-40 border-t border-border bg-background/95 backdrop-blur md:hidden" style="padding-bottom:env(safe-area-inset-bottom)"><div class="flex h-14 w-full"><a href="/" class="relative flex flex-1 flex-col items-center justify-center gap-[3px] !min-h-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-[22px] w-[22px] shrink-0 text-muted-foreground" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><span class="text-[10px] font-medium leading-none text-muted-foreground">Home</span></a><a aria-current="page" class="relative flex flex-1 flex-col items-center justify-center gap-[3px] !min-h-0 active" href="/moments" data-status="active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-[22px] w-[22px] shrink-0 text-foreground" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-[10px] font-medium leading-none text-foreground">Moments</span><span class="absolute bottom-0 left-1/2 h-[2px] w-8 -translate-x-1/2 rounded-full bg-sage"></span></a><a href="/daily-cuppa" class="relative flex flex-1 flex-col items-center justify-center gap-[3px] !min-h-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee h-[22px] w-[22px] shrink-0 text-muted-foreground" aria-hidden="true"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg><span class="text-[10px] font-medium leading-none text-muted-foreground">Daily Cuppa</span></a><a href="/articles" class="relative flex flex-1 flex-col items-center justify-center gap-[3px] !min-h-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-[22px] w-[22px] shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span class="text-[10px] font-medium leading-none text-muted-foreground">Articles</span></a><button type="button" class="relative flex flex-1 flex-col items-center justify-center gap-[3px] !min-h-0" aria-label="More navigation options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-[22px] w-[22px] shrink-0 text-muted-foreground" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg><span class="text-[10px] font-medium leading-none text-muted-foreground">More</span></button></div></nav></div>
1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1<!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-B8x47Np6.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-B8x47Np6.js\")"}]},"/moments":$R[8]={preloads:$R[9]=["/assets/moments-c-GkxA6z.js"]},"/moments/":$R[10]={preloads:$R[11]=["/assets/moments.index-D5QRiqgs.js","/assets/with-feature-gate-Cryy2otL.js","/assets/page-shell-B6nVnWma.js","/assets/moment-card-B00piyNe.js","/assets/reveal-DzzbKnpx.js","/assets/use-live-moments-4Ozj3pX7.js","/assets/utils-0exNfmSl.js","/assets/select-GJU65LIw.js","/assets/sparkles-BmGftohC.js","/assets/circle-play-Qchk9HSs.js","/assets/heart-jaoJ1tBk.js","/assets/message-circle-DwyaTncy.js","/assets/use-feature-flags-Da5LJ0l8.js","/assets/index-CT_4jwyh.js","/assets/index-C_Ozil7u.js","/assets/index-CgILayYx.js","/assets/index-BCNAH5D-.js","/assets/index-BKQnY9o4.js","/assets/index-ChWmzZvy.js","/assets/chevron-right-D6eNGqbj.js","/assets/check-ksWrDi2E.js","/assets/shopping-bag-kBsB5wOf.js","/assets/book-open-B3kxfUVr.js","/assets/image-D3lfOXgY.js","/assets/chef-hat-DZMgTATX.js","/assets/sprout-BREjQGWU.js","/assets/users-DpBRMavy.js","/assets/shield-check-BQUdOSFv.js","/assets/settings-CjD7M6aU.js","/assets/chevron-down-DgFpKikc.js","/assets/reaction-picker-qbFD5rMq.js","/assets/dialog-Butxyd0u.js","/assets/button-D0tjTrtO.js","/assets/index-B8k91cqS.js","/assets/clsx-B-dksMZM.js","/assets/report-dialog-Mq1bf9CH.js","/assets/circle-check-BDgNrDC8.js","/assets/scamFilters-CcfCaOTl.js","/assets/safetyCopy-Drov0vUe.js","/assets/compressImage-COAlnJMP.js","/assets/image-plus-ChuMAivH.js","/assets/eye-off-DGbHUlGc.js","/assets/flag-CxxjYFeg.js","/assets/pencil-D_P1ZS_B.js","/assets/trash-2-BWAr9PT_.js","/assets/use-blocked-users-DQERMS-Q.js","/assets/index-D158fRLV.js","/assets/chevron-up-BT2HJy7N.js"]}}}
1,matches:$R[12]=[$R[13]={i:"__root__�",u:1791583377943,s:"success",ssr:!0},$R[14]={i:"�moments�moments",u:1791583377943,s:"success",ssr:!0},$R[15]={i:"�moments��moments�",u:1791583377943,s:"success",ssr:!0}],lastMatchId:"�moments��moments�"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="">import("/assets/index-B8x47Np6.js")</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.