PageSourceSearch

https://about.quitmate.app/en/blog/

html quitmate.app collected 2026-10-02 01:14:46 UTC 72,994 bytes, 44 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="Astro v5.18.1"><meta name="color-scheme" content="light"><title>Blog | QuitMate</title><meta name="description" content="QuitMate official blog. Find information and the latest news about addiction recovery."><link rel="canonical" href="https://about.quitmate.app/en/blog/"><link rel="alternate" hreflang="en" href="https://about.quitmate.app/en/blog/"><link rel="alternate" hreflang="ja" href="https://about.quitmate.app/ja/blog/"><link rel="alternate" hreflang="ko" href="https://about.quitmate.app/ko/blog/"><link rel="alternate" hreflang="x-default" href="https://about.quitmate.app/en/blog/"><link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="icon" type="image/png" href="/images/icon.png" sizes="192x192"><link rel="apple-touch-icon" href="/images/icon.png"><!-- Apple Smart Banner --><meta name="apple-itunes-app" content="app-id=6462843097"><!-- Open Graph --><meta property="og:title" content="Blog | QuitMate"><meta property="og:description" content="QuitMate official blog. Find information and the latest news about addiction recovery."><meta property="og:url" content="https://about.quitmate.app/en/blog/"><meta property="og:site_name" content="QuitMate"><meta property="og:image" content="https://about.quitmate.app/images/en/ogp.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:type" content="website"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Blog | QuitMate"><meta name="twitter:description" content="QuitMate official blog. Find information and the latest news about addiction recovery."><meta name="twitter:image" content="https://about.quitmate.app/images/en/ogp.png"><meta name="twitter:creator" content="@QuitMate_JP"><!-- Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"QuitMate","url":"https://about.quitmate.app","logo":"https://about.quitmate.app/images/icon.png","sameAs":["https://x.com/QuitMate_JP","https://apps.apple.com/jp/app/id6462843097","https://play.google.com/store/apps/details?id=com.quitmate.quitmate"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"QuitMate","applicationCategory":"HealthApplication","operatingSystem":"iOS, Android","offers":{"@type":"Offer","price":"0","priceCurrency":"JPY"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"202","bestRating":"5","worstRating":"1"}}</script>
1<!-- RSS Autodiscovery --><link rel="alternate" type="application/rss+xml" title="QuitMate Journal (English)" href="https://about.quitmate.app/en/blog/rss.xml"><!-- Google Analytics (deferred to reduce main-thread work) -->
1<script>
2      
vendor: 145 bytes, lines 2-5
2window.dataLayer = window.dataLayer || [];
3      function gtag(){dataLayer.push(arguments);}
4      gtag('js', new Date());
5      gtag('config', '
5G-E9SDLCKM7G
vendor: 10 bytes, lines 5-6
5');
6      
6(function(){var s=document.createElement('script');s.src='https://www.googletagmanager.com/gtag/js?id=G-E9SDLCKM7G';s.async=true;
7      if('requestIdleCallback' in window){requestIdleCallback(function(){document.head.appendChild(s)})}
8      else{setTimeout(function(){document.head.appendChild(s)},2000)}})();
9    </script>
9<link rel="stylesheet" href="/_astro/contact.DDZcF43M.css"></head> <body class="min-h-screen font-sans antialiased"> <header class="sticky top-0 z-50 w-full backdrop-blur-md bg-white/80 shadow-sm transition-shadow duration-300 will-change-transform" data-sticky-header> <div class="mx-auto flex max-w-6xl items-center justify-between p-4"> <a href="/en/" class="inline-flex items-center " data-logo-link> <div class="inline-flex items-center gap-2" style="min-height: 42px"> <span class="flex shrink-0 items-center justify-center" style="width: 42px; height: 42px"> <img src="/images/icon-web.webp" alt="QuitMate" width="42" height="42" class="block rounded-[22%] shadow-sm"> </span> <span class="text-[28px] font-medium leading-[1.1] text-gray-900 self-center" style="font-weight: 550; font-family: 'Inter Variable', 'Noto Sans JP Variable', sans-serif;"> QuitMate </span> </div> </a> 
9<script type="module">document.querySelector("[data-logo-link]")?.addEventListener("click",o=>{o.currentTarget.pathname===window.location.pathname&&(o.preventDefault(),window.scrollTo({top:0,behavior:"smooth"}))});</script>
9 <!-- デスクトップ用ナビゲーション --> <div class="hidden items-center gap-4 text-base md:flex text-gray-600"> <nav class="flex gap-5 font-medium"> <a href="/en/learn/" class="text-gray-600 hover:text-primary-light transition-colors"> Learn </a> <a href="/en/blog/" class="text-gray-600 hover:text-primary-light transition-colors"> Blog </a>  </nav> <details class="locale-switcher relative " data-astro-cid-iu5oqlwu><summary class="flex cursor-pointer list-none items-center gap-2 rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100" aria-label="Change language" data-astro-cid-iu5oqlwu><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-iu5oqlwu><circle cx="12" cy="12" r="10" data-astro-cid-iu5oqlwu></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" data-astro-cid-iu5oqlwu></path><path d="M2 12h20" data-astro-cid-iu5oqlwu></path></svg><span data-astro-cid-iu5oqlwu>English</span><svg class="ml-auto opacity-60" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-iu5oqlwu><path d="m6 9 6 6 6-6" data-astro-cid-iu5oqlwu></path></svg></summary><ul class="absolute right-0 z-50 mt-1 min-w-[140px] overflow-hidden rounded-md border border-gray-200 bg-white py-1 shadow-lg" data-astro-cid-iu5oqlwu><li data-astro-cid-iu5oqlwu><a href="/ja/blog/" hreflang="ja" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-astro-cid-iu5oqlwu>日本語</a></li><li data-astro-cid-iu5oqlwu><a href="/ko/blog/" hreflang="ko" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-astro-cid-iu5oqlwu>한국어</a></li></ul></details>
9<script type="module">document.addEventListener("click",t=>{document.querySelectorAll("details.locale-switcher[open]").forEach(e=>{e.contains(t.target)||e.removeAttribute("open")})});</script>
9 </div> <!-- モバイル用 --> <div class="flex items-center gap-4 md:hidden"> <details class="locale-switcher relative " data-astro-cid-iu5oqlwu><summary class="flex cursor-pointer list-none items-center gap-2 rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100" aria-label="Change language" data-astro-cid-iu5oqlwu><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-iu5oqlwu><circle cx="12" cy="12" r="10" data-astro-cid-iu5oqlwu></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" data-astro-cid-iu5oqlwu></path><path d="M2 12h20" data-astro-cid-iu5oqlwu></path></svg><span data-astro-cid-iu5oqlwu>English</span><svg class="ml-auto opacity-60" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-iu5oqlwu><path d="m6 9 6 6 6-6" data-astro-cid-iu5oqlwu></path></svg></summary><ul class="absolute right-0 z-50 mt-1 min-w-[140px] overflow-hidden rounded-md border border-gray-200 bg-white py-1 shadow-lg" data-astro-cid-iu5oqlwu><li data-astro-cid-iu5oqlwu><a href="/ja/blog/" hreflang="ja" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-astro-cid-iu5oqlwu>日本語</a></li><li data-astro-cid-iu5oqlwu><a href="/ko/blog/" hreflang="ko" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-astro-cid-iu5oqlwu>한국어</a></li></ul></details> <button class="p-2 text-gray-600" aria-label="Menu" data-mobile-menu-toggle> <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" data-menu-icon> <line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line> </svg> <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="hidden" data-close-icon> <path d="M18 6 6 18"></path><path d="m6 6 12 12"></path> </svg> </button> </div> </div> <!-- モバイルメニュー --> <div class="hidden absolute z-50 w-full px-6 py-4 shadow-lg md:hidden bg-white" data-mobile-menu> <nav class="flex flex-col space-y-4"> <a href="/en/learn/" class="text-gray-600 hover:text-primary-light transition-colors">Learn</a> <a href="/en/blog/" class="text-gray-600 hover:text-primary-light transition-colors">Blog</a>  <a href="/en/terms/" class="text-gray-600 hover:text-primary-light transition-colors">Terms of Service</a> <a href="/en/privacy/" class="text-gray-600 hover:text-primary-light transition-colors">Privacy Policy</a> <a href="/en/contact/" class="text-gray-600 hover:text-primary-light transition-colors">Contact Us</a> </nav> </div> </header> 
9<script type="module">const n=document.querySelector("[data-mobile-menu-toggle]"),e=document.querySelector("[data-mobile-menu]"),t=document.querySelector("[data-menu-icon]"),d=document.querySelector("[data-close-icon]"),s=document.querySelector("[data-sticky-header]");n?.addEventListener("click",()=>{const c=!e?.classList.contains("hidden");e?.classList.toggle("hidden"),t?.classList.toggle("hidden"),d?.classList.toggle("hidden"),c||e?.querySelectorAll("a").forEach(o=>{o.addEventListener("click",()=>{e?.classList.add("hidden"),t?.classList.remove("hidden"),d?.classList.add("hidden")},{once:!0})})});s&&window.addEventListener("scroll",()=>{window.scrollY>10?s.classList.add("shadow-md"):s.classList.remove("shadow-md")},{passive:!0});</script>
9 <main class="flex-1">  <div class="mx-auto max-w-6xl px-4 py-8 sm:px-6 lg:px-8"> <div class="mb-10 text-center"> <h1 class="mb-2 text-4xl font-bold text-gray-900">QuitMate Journal</h1> <p class="text-lg text-gray-600">Insights, stories, and updates to support your recovery journey</p> </div> <a href="/en/report/2025/" class="group mb-10 block overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-md transition-shadow hover:shadow-lg"><div class="flex flex-col md:flex-row"><div class="relative overflow-hidden bg-white p-7 md:w-[46%] md:p-8"><svg viewBox="0 0 320 168" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute inset-0 size-full opacity-[0.18]" aria-hidden="true"><polyline points="8.0,22.7 84.0,48.3 160.0,60.2 236.0,70.3 312.0,74.4" fill="none" stroke="#9aa79c" stroke-width="4" stroke-dasharray="6 5" stroke-linecap="round" stroke-linejoin="round"></polyline><polyline points="8.0,144.3 84.0,104.6 160.0,87.7 236.0,83.5 312.0,76.7" fill="none" stroke="#2E6C28" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></polyline></svg><div class="relative grid grid-cols-2 gap-x-6 gap-y-4"><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">4,040<span class="ml-0.5 text-xs font-medium text-gray-500"></span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">new sign-ups</div></div><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">66<span class="ml-0.5 text-xs font-medium text-gray-500">d</span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">median longest streak</div></div><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">9.8<span class="ml-0.5 text-xs font-medium text-gray-500">%</span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">reached 1+ year</div></div><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">21:00<span class="ml-0.5 text-xs font-medium text-gray-500"></span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">peak for posts &amp; relapses</div></div><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">788,615<span class="ml-0.5 text-xs font-medium text-gray-500"></span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">cheers</div></div><div><div class="text-xl font-extrabold tracking-tight text-gray-900 tabular-nums md:text-2xl">8.1<span class="ml-0.5 text-xs font-medium text-gray-500"></span></div><div class="mt-0.5 text-xs leading-snug text-gray-600">attempts on average</div></div></div></div><div class="flex flex-1 flex-col justify-center gap-3 p-5 md:p-8"><span class="inline-flex w-fit items-center rounded-full bg-[#eef4ed] px-3 py-1 text-xs font-bold tracking-wider text-[#2E6C28]">Featured</span><h2 class="text-xl font-bold text-gray-900 transition-colors group-hover:text-[#2E6C28] md:text-2xl">QuitMate 2025 Annual Report</h2><p class="text-sm leading-relaxed text-gray-600">A year of records tracing the non-linear process of recovery, through observed data.</p><span class="mt-1 text-sm font-semibold text-[#2E6C28]">Read the report →</span></div></div></a> 
9<script type="module">function f(){const r=document.querySelector("[data-blog-filter]");if(!r)return;const o=r.querySelectorAll(".category-chip"),u=document.querySelectorAll("[data-blog-card]"),c=document.getElementById("blog-filter-empty"),i=new Set(Array.from(o).map(t=>t.dataset.category??""));function n(t,d){let h=0;if(u.forEach(e=>{const a=t===""||e.dataset.category===t;e.classList.toggle("hidden",!a),a&&h++}),o.forEach(e=>{const a=(e.dataset.category??"")===t;e.dataset.active=a?"true":"false",e.setAttribute("aria-pressed",a?"true":"false")}),c&&c.classList.toggle("hidden",h!==0),d)if(t){const e=encodeURIComponent(t);history.replaceState(null,"",`#category=${e}`)}else window.location.hash&&history.replaceState(null,"",window.location.pathname+window.location.search)}o.forEach(t=>{t.addEventListener("click",()=>{n(t.dataset.category??"",!0)})});function l(){const t=window.location.hash.replace(/^#/,"");return t?new URLSearchParams(t).get("category")??"":""}const s=l();s&&i.has(s)&&n(s,!1),window.addEventListener("hashchange",()=>{const t=l();n(i.has(t)?t:"",!1)})}f();document.addEventListener("astro:page-load",f);</script>
9<nav class="relative mb-10 -mx-4 px-4 sm:mx-0 sm:px-0" aria-label="All" data-blog-filter> <div class="flex snap-x gap-2 overflow-x-auto pb-2 [&::-webkit-scrollbar]:hidden sm:flex-wrap sm:justify-center sm:overflow-visible sm:pb-0" style="scrollbar-width: none;"> <button type="button" data-category="" data-active="true" aria-pressed="true" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-gray-900 data-[active=true]:border-gray-900 data-[active=true]:text-white"> <span>All</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 40 </span> </button> <button type="button" data-category="Alcohol" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-blue-600 data-[active=true]:border-blue-600 data-[active=true]:text-white"> <span>Alcohol</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 7 </span> </button><button type="button" data-category="Gambling" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-amber-600 data-[active=true]:border-amber-600 data-[active=true]:text-white"> <span>Gambling</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 11 </span> </button><button type="button" data-category="Binge Eating" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-pink-600 data-[active=true]:border-pink-600 data-[active=true]:text-white"> <span>Binge Eating</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 1 </span> </button><button type="button" data-category="Porn" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-purple-600 data-[active=true]:border-purple-600 data-[active=true]:text-white"> <span>Porn</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 6 </span> </button><button type="button" data-category="Brain Science" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-sky-600 data-[active=true]:border-sky-600 data-[active=true]:text-white"> <span>Brain Science</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 5 </span> </button><button type="button" data-category="Recovery Tips" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-primary-600 data-[active=true]:border-primary-600 data-[active=true]:text-white"> <span>Recovery Tips</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 7 </span> </button><button type="button" data-category="Family" data-active="false" aria-pressed="false" class="category-chip group inline-flex shrink-0 snap-start items-center gap-1.5 rounded-full border border-gray-200 bg-white px-3.5 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400 data-[active=true]:bg-gray-900 data-[active=true]:border-gray-900 data-[active=true]:text-white"> <span>Family</span> <span class="text-xs tabular-nums text-gray-400 transition-colors group-data-[active=true]:text-white/70"> 3 </span> </button> </div> </nav> <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3"> <a href="/en/blog/nofap-day-30/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/nofap-day-30.webp" alt="NoFap Day 30: Reviewing a Month Without Porn" class="size-full object-cover transition-transform group-hover:scale-105" loading="eager" fetchpriority="high" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-06-17">2026-06-17</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> NoFap Day 30: Reviewing a Month Without Porn </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A month is enough to look at the habits you changed. Review sleep, time, urges, and remaining difficulties without treating day 30 as a medical milestone.</p> </div> </article> </a><a href="/en/blog/nofap-flatline/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/nofap-flatline.webp" alt="The NoFap Flatline: How Long It Lasts and When to Get Help" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-06-17">2026-06-17</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> The NoFap Flatline: How Long It Lasts and When to Get Help </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">No libido, no morning erections, no motivation, feeling nothing at all. These experiences are often called the NoFap flatline. We look at what the term means, why there is no fixed recovery timeline, and when symptoms need medical attention.</p> </div> </article> </a><a href="/en/blog/porn-induced-ed/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/porn-induced-ed.webp" alt="Porn and Erectile Dysfunction: What the Evidence Can Tell You" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-06-17">2026-06-17</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Porn and Erectile Dysfunction: What the Evidence Can Tell You </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Erection difficulties with a partner can have several causes. We examine research on pornography and ED, the limits of recovery stories, and what to discu
9ss with a clinician.</p> </div> </article> </a><a href="/en/blog/nofap-timeline/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/nofap-timeline.webp" alt="The NoFap Timeline, Day by Day: What Actually Changes, and When" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-06-17">2026-06-17</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> The NoFap Timeline, Day by Day: What Actually Changes, and When </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Day 7 testosterone spikes, day 14 superpowers, day 30 transformation. The timelines online read like a schedule nobody actually follows. Here&#39;s what people really report, week by week, including the walls and the flatline that the hype charts leave out.</p> </div> </article> </a><a href="/en/blog/quit-gambling-3-months-to-1-year/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-gambling-3-months-to-1-year.webp" alt="From Three Months to a Year Without Gambling: Rebuilding Money and Daily Life" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-05-25">2026-05-25</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> From Three Months to a Year Without Gambling: Rebuilding Money and Daily Life </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Accounts near three months describe debt payments, different priorities, and urges that remain. Use them to plan the months ahead without assuming a guaranteed recovery milestone.</p> </div> </article> </a><a href="/en/blog/quit-gambling-3-weeks-to-1-month/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-gambling-3-weeks-to-1-month.webp" alt="One Month Without Gambling: Bills, Payday, and Access to Betting" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-05-24">2026-05-24</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> One Month Without Gambling: Bills, Payday, and Access to Betting </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A month can bring a different phone bill or spending pattern. Use those details to review payments, gambling access, and the support you need before the next payday.</p> </div> </article> </a><a href="/en/blog/quit-gambling-2-weeks/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-gambling-2-weeks.webp" alt="Two Weeks Without Gambling: Money Left Over and Unplanned Days" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-05-23">2026-05-23</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Two Weeks Without Gambling: Money Left Over and Unplanned Days </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A quieter bank account can coexist with sudden urges. Individual records show why a cancelled plan or payday deserves preparation, even after two weeks without betting.</p> </div> </article> </a><a href="/en/blog/recovery-not-going-back/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/recovery-not-going-back.webp" alt="Recovery Can Mean Choosing a Different Life, Not Recreating the Past" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2026-05-11">2026-05-11</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Recovery Can Mean Choosing a Different Life, Not Recreating the Past </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Wanting an old life back can sit alongside fear of repeating a harmful pattern. One person&#39;s change of plan shows how recovery can involve new choices and support.</p> </div> </article> </a><a href="/en/blog/addiction-grey-life/" class="group block" data-blog-card data-category="Brain Science"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/addiction-grey-life.webp" alt="When Nothing Feels Enjoyable After Stopping an Addictive Behavior" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-sky-600/10 text-sky-700"> Brain Science </span> <time class="text-xs text-gray-400" datetime="2026-05-08">2026-05-08</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> When Nothing Feels Enjoyable After Stopping an Addictive Behavior </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A flat or empty day can be difficult in recovery. Personal records offer ways to notice daily life, while persistent loss of interest deserves care rather than a dopamine deadline.</p> </div> </article> </a><a href="/en/blog/does-nofap-work/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/onakin-effects.webp" alt="Does NoFap Work? Separating Porn Use, Masturbation, and Daily Life" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-05-08">2026-05-08</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Does NoFap Work? Separating Porn Use, Masturbation, and Daily Life </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">The answer depends on what you want to change. Look at loss of control and disruption to daily life, and separate those concerns from claims about testosterone or semen retention.</p> </div> </article> </a><a href="/en/blog/nofap-testosterone/" class="group block" data-blog-card data-category="Porn"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/onakin-testosterone.webp" alt="Does NoFap Raise Testosterone? Reading the “145.7%” Claim" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-purple-600/10 text-purple-700"> Porn </span> <time class="text-xs text-gray-400" datetime="2026-04-30">2026-04-30</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Does NoFap Raise Testosterone? Reading the “145.7%” Claim </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">The often-cited day-seven figure came from a study of 28 men that was retracted in 2021. Here is what the percentage meant and why it cannot establish lasting benefits.</p> </div> </article> </a><a href="/en/blog/treatment-gap-natural-recovery/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/treatment-gap-natural-recovery.webp" alt="Gambling Recovery Before Treatment: What You Can Start Now" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-04-29">2026-04-29</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Gambling Recovery Before Treatment: What You Can Start Now </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Some people improve without formal treatment, but that is not a reason to wait for a crisis. Understand natural recovery and find a first step toward gambling support.</p> </div> </article> </a><a href="/en/blog/online-community-vs-treatment/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/online-community-vs-treatment.webp" alt="Online Recovery Communities and Treatment: How to Use Both" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2026-04-28">2026-04-28</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Online Recovery Communities and Treatment: How to Use Both </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A community can offer a place to write between appointments. Learn how that differs from clinical care, what digital-support research covers, and how to plan for times when no one replies.</p> </div> </article> </a><a href="/en/blog/tech-recovery-paradox/" class="group block" data-blog-card data-category="Brain Science"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/tech-recovery-paradox.webp" alt="Can a Recovery App Help Without Keeping You on Your Phone?" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-sky-600/10 text-sky-700"> Brain Science </span> <time class="text-xs text-gray-400" datetime="2026-04-27">2026-04-27</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Can a Recovery App Help Without Keeping You on Your Phone? </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Recovery apps can offer records and connection, but more engagement is not automatically progress. A practical way to decide what you want from an app and when to close it.</p> </div> </article> </a><a href="/en/blog/motivational-interviewing-family/" class="group block" data-blog-card data-category="Family"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/motivational-interviewing-family.webp" alt="Motivational Interviewing for Families: Conversations About Addiction" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-600">
9 Family </span> <time class="text-xs text-gray-400" datetime="2026-04-26">2026-04-26</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Motivational Interviewing for Families: Conversations About Addiction </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Examples of open questions, listening, and boundaries when a family member has an alcohol or gambling problem, with the limits of what a conversation can do.</p> </div> </article> </a><a href="/en/blog/warning-gamblers-backfire/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/warning-gamblers-backfire.webp" alt="Talking About Gambling Losses Without Getting Stuck in an Argument" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-04-25">2026-04-25</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Talking About Gambling Losses Without Getting Stuck in an Argument </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Why a discussion about gambling losses can turn defensive, and ways to raise concerns, check the figures, and protect your own boundaries.</p> </div> </article> </a><a href="/en/blog/craft-family-program/" class="group block" data-blog-card data-category="Family"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/craft-family-program.webp" alt="CRAFT for Families: What You Learn and What the Research Shows" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-600"> Family </span> <time class="text-xs text-gray-400" datetime="2026-04-24">2026-04-24</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> CRAFT for Families: What You Learn and What the Research Shows </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">CRAFT helps family members consider communication, daily situations, treatment invitations, and their own wellbeing. Learn what a treatment-entry result means and what it does not guarantee.</p> </div> </article> </a><a href="/en/blog/enabling-family/" class="group block" data-blog-card data-category="Family"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/enabling-family.webp" alt="Helping a Family Member With Addiction: Money, Responsibilities, and Boundaries" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-600"> Family </span> <time class="text-xs text-gray-400" datetime="2026-04-23">2026-04-23</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Helping a Family Member With Addiction: Money, Responsibilities, and Boundaries </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">“Stop enabling” does not tell you what to do about a debt, a missed shift, or safety. Work through specific choices while protecting your own needs and access to support.</p> </div> </article> </a><a href="/en/blog/near-miss-science/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/near-miss-science.webp" alt="Why a Near-Miss Can Make You Want to Gamble Again" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2026-04-22">2026-04-22</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Why a Near-Miss Can Make You Want to Gamble Again </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">An almost-win is still a loss, but it can increase the urge to continue. What a slot-machine study found, and how to respond when “so close” pulls you toward another bet.</p> </div> </article> </a><a href="/en/blog/helping-others-recovery-data/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/helping-others-recovery-data.webp" alt="Early Comments and Longer Streaks: What 599 QuitMate Records Show" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2026-04-17">2026-04-17</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Early Comments and Longer Streaks: What 599 QuitMate Records Show </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">In a selected group of 599 users, early comments written on others’ posts were associated with longer maximum streaks. The figures, selection criteria, and limits of the comparison.</p> </div> </article> </a><a href="/en/blog/quit-drinking-effects-complete-guide/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-effects-complete-guide.webp" alt="Changes After Quitting Alcohol: A Guide from the First Week to a Year" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-04-02">2026-04-02</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Changes After Quitting Alcohol: A Guide from the First Week to a Year </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Find articles on early sleep difficulties, daily routines, one-month checkups, and longer-term changes. Personal records and research offer context without a guaranteed recovery schedule.</p> </div> </article> </a><a href="/en/blog/quit-drinking-effects-are-amazing/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-effects-are-amazing.webp" alt="Three Months to a Year Without Alcohol: Money, Time, and Lasting Changes" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-04-02">2026-04-02</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Three Months to a Year Without Alcohol: Money, Time, and Lasting Changes </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">
9Longer-term records describe spending decisions, relationships, and cravings that can remain. Explore those changes without treating three months or one year as a guaranteed turning point.</p> </div> </article> </a><a href="/en/blog/nene-recovery-record/" class="group block" data-blog-card data-category="Binge Eating"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/nene-recovery-record.webp" alt="Nene’s Recovery Notes: Bingeing, Purging, and Making Room to Rest" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-pink-400/10 text-pink-400"> Binge Eating </span> <time class="text-xs text-gray-400" datetime="2026-03-26">2026-03-26</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Nene’s Recovery Notes: Bingeing, Purging, and Making Room to Rest </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Selected posts trace how Nene described setbacks, alcohol, rest, and everyday life. Her words offer a personal account of change, rather than a treatment formula or proof of an app’s effect.</p> </div> </article> </a><a href="/en/blog/quit-drinking-when-effects-start/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-when-effects-start.webp" alt="When Will You Feel Better After Quitting Alcohol? What to Watch For" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-03-24">2026-03-24</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> When Will You Feel Better After Quitting Alcohol? What to Watch For </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Sleep, mood, appearance, and health measurements do not improve on one schedule. Learn what to observe, which symptoms need help, and how to compare your own changes.</p> </div> </article> </a><a href="/en/blog/quit-drinking-3-weeks-to-1-month/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-3-weeks-to-1-month.webp" alt="Three Weeks to One Month Without Alcohol: Evenings, Invitations, and Checkups" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-03-23">2026-03-23</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Three Weeks to One Month Without Alcohol: Evenings, Invitations, and Checkups </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">As drinking routines change, empty evenings and social invitations may need a new plan. We look at personal records and what a one-month abstinence study can actually show.</p> </div> </article> </a><a href="/en/blog/quit-drinking-2-weeks/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-2-weeks.webp" alt="Two Weeks Without Alcohol: What Feels Better and What Still Does Not" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-03-22">2026-03-22</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Two Weeks Without Alcohol: What Feels Better and What Still Does Not </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Appetite, sleep, and daily routines may change at different speeds. Individual records show why two weeks is a useful time to review your experience without expecting every symptom to resolve.</p> </div> </article> </a><a href="/en/blog/quit-drinking-1-week/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-1-week.webp" alt="One Week Without Alcohol: Restless Nights and Different Mornings" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-03-21">2026-03-21</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> One Week Without Alcohol: Restless Nights and Different Mornings </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">The first week can include poor sleep as well as welcome changes. Read individual QuitMate accounts, recognize withdrawal concerns, and plan for the hours when you usually drink.</p> </div> </article> </a><a href="/en/blog/quit-drinking-gray-hair/" class="group block" data-blog-card data-category="Alcohol"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/quit-drinking-gray-hair.webp" alt="Can Quitting Alcohol Really Reduce Gray Hair? Changes to Your Hair, Skin, and Appearance Explained" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-blue-600/10 text-blue-700"> Alcohol </span> <time class="text-xs text-gray-400" datetime="2026-03-19">2026-03-19</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Can Quitting Alcohol Really Reduce Gray Hair? Changes to Your Hair, Skin, and Appearance Explained </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">We examine whether &#39;my gray hair decreased after quitting drinking&#39; stories hold any truth, looking at research on stress and hair pigmentation. Real QuitMate user reports of less hair loss and restored hair volume, plus skin changes, are considered separately from gray hair.</p> </div> </article> </a><a href="/en/blog/addiction-is-solution-not-problem/" class="group block" data-blog-card data-category="Brain Science"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/healing-path.webp" alt="The Self-Medication Hypothesis: When Substance Use Becomes a Way to Cope" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-sky-600/10 text-sky-700"> Brain Science </span> <time class="text-xs text-gray-400" datetime="2025-06-18">2025-06-18</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> The Self-Medication Hypothesis: When Substance Use Becomes a Way to Cope </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Edward Khantzian proposed that substance use can serve a coping function. Understanding that role can help with treatment, without making pain the only cause of addiction.</p> </div> </article> </a><a href="/en/blog/stop-blaming-yourself/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/blaming-woman.webp" alt="After a Lapse: Reviewing What Happened Without Attacking Yourself" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2025-06-12">2025-06-12</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> After a Lapse: Reviewing What Happened Without Attacking Yourself </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">An ABC record separates the situation, the behavior, and its consequences. Use a concrete example to identify what needs repair and what you could prepare differently next time.</p> </div> </article> </a><a href="/en/blog/reflection-changes-behavior/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/reflection.webp" alt="Reflecting on an Addictive Behavior: Plan for the Next Time It Happens" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2025-06-11">2025-06-11</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Reflecting on an Addictive Behavior: Plan for the Next Time It Happens </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A useful reflection ends with a response you can try in a specific situation. Learn how if–then plans turn a recent experience into something practical to review.</p> </div> </article> </a>
9<a href="/en/blog/why-cant-you-stop-gambling/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/gambling.webp" alt="Why Is It So Hard to Stop Gambling? Three Patterns to Look For" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2025-06-09">2025-06-09</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Why Is It So Hard to Stop Gambling? Three Patterns to Look For </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Chasing losses, easy access on payday, and gambling to escape stress can keep the cycle going. Recognize the pattern and choose a practical point to interrupt it.</p> </div> </article> </a><a href="/en/blog/peer-support/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/peer-support-ja.webp" alt="Peer Support in Addiction Recovery: What to Expect and How to Start" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2025-06-06">2025-06-06</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Peer Support in Addiction Recovery: What to Expect and How to Start </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Shared experience can be useful during recovery. Learn the difference between peer groups and treatment, what research supports, and what to ask before joining a group.</p> </div> </article> </a><a href="/en/blog/helping-hearts/" class="group block" data-blog-card data-category="Recovery Tips"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/helping-hearts.webp" alt="When Helping Other People Leaves You Exhausted" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-primary-600/10 text-primary-600"> Recovery Tips </span> <time class="text-xs text-gray-400" datetime="2025-05-28">2025-05-28</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> When Helping Other People Leaves You Exhausted </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Repeatedly agreeing to more than you can manage can crowd out rest and recovery. Look at what you can offer, how to set a limit, and when support for yourself would help.</p> </div> </article> </a><a href="/en/blog/gamble-winning/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/horse-racing.webp" alt="Am I Winning Overall? How to Check Your Gambling Losses" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2025-05-27">2025-05-27</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Am I Winning Overall? How to Check Your Gambling Losses </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A memorable payout is not the same as a profit. Use a complete record of stakes and returns to check your gambling balance, then look at the time and money still at risk.</p> </div> </article> </a><a href="/en/blog/paper-betting/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/paper-betting.webp" alt="Paper Betting After Quitting: When Simulated Bets Keep Pulling You Back" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2025-05-26">2025-05-26</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Paper Betting After Quitting: When Simulated Bets Keep Pulling You Back </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Paper betting uses no real money, but the routine may still make stopping harder. How to assess what happens afterward, and what cue-response research can actually tell us.</p> </div> </article> </a><a href="/en/blog/sports-betting/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/sports-betting-young.webp" alt="How to Stop Sports Betting Without Planning Aroun
9d the Next Bet" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2025-05-23">2025-05-23</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> How to Stop Sports Betting Without Planning Around the Next Bet </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">A practical plan for match days: reduce betting cues, restrict access, protect essential money, and decide what to do when watching sport brings back the urge to bet.</p> </div> </article> </a><a href="/en/blog/why-people-become-addicted/" class="group block" data-blog-card data-category="Brain Science"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/glowing-brain.webp" alt="Why Do People Become Addicted? Learning, Stress, and Everyday Life" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-sky-600/10 text-sky-700"> Brain Science </span> <time class="text-xs text-gray-400" datetime="2025-05-22">2025-05-22</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Why Do People Become Addicted? Learning, Stress, and Everyday Life </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Addiction develops through interacting biological and environmental factors. How reward learning, relief from distress, and access can make stopping difficult, with practical implications for getting help.</p> </div> </article> </a><a href="/en/blog/quit-gambling-steps/" class="group block" data-blog-card data-category="Gambling"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/gambling-loss.webp" alt="How to Quit Gambling: Five Practical Places to Start" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-amber-600/10 text-amber-700"> Gambling </span> <time class="text-xs text-gray-400" datetime="2025-05-20">2025-05-20</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> How to Quit Gambling: Five Practical Places to Start </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">Protect essential money, restrict access to betting, find support, and prepare for urges. Five practical starting points you can adapt to your situation.</p> </div> </article> </a><a href="/en/blog/rat-park/" class="group block" data-blog-card data-category="Brain Science"> <article class="h-full overflow-hidden rounded-xl bg-white shadow-md transition-shadow hover:shadow-lg"> <div class="aspect-video w-full overflow-hidden"> <img src="/blog/images/connection.webp" alt="Rat Park: Findings and Limits of the Addiction Experiment" class="size-full object-cover transition-transform group-hover:scale-105" loading="lazy" decoding="async"> </div> <div class="px-3 py-2 sm:px-4 sm:py-3"> <div class="flex items-center justify-between"> <span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium bg-sky-600/10 text-sky-700"> Brain Science </span> <time class="text-xs text-gray-400" datetime="2025-05-19">2025-05-19</time> </div> <h3 class="mt-1 text-base font-semibold text-gray-900 group-hover:text-primary-600 sm:text-lg"> Rat Park: Findings and Limits of the Addiction Experiment </h3> <p class="mt-1 line-clamp-2 text-sm text-gray-500">The Rat Park studies asked whether housing affects morphine use in rats. Here is what the experiments tested, what later work questioned, and why environment matters in recovery.</p> </div> </article> </a> </div> <div id="blog-filter-empty" class="hidden py-16 text-center"> <p class="text-gray-500">No posts in this category yet</p> </div>  </div>  </main> <footer class="border-t border-gray-200 bg-white text-base"> <div class="mx-auto flex max-w-6xl flex-col items-center gap-4 px-4 py-8"> <!-- リンク --> <div class="flex flex-wrap justify-center gap-6 text-gray-600 hover:text-primary-light"> <a href="/en/terms/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> Terms of Service </a> <a href="/en/privacy/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> Privacy Policy </a> <a href="/en/contact/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> Contact Us </a> <a href="/en/about/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> About </a> <a href="/en/editorial-policy/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> Editorial Policy </a> <a href="/en/report/2025/" class="text-sm transition-colors md:text-base text-gray-600 hover:text-primary-light"> Annual Report </a>  </div> <!-- ソーシャル(日本語のみ) -->  <!-- コピーライト --> <div class="mt-4 w-full border-t pt-4 text-center text-xs border-gray-200 text-gray-500">
10&copy; 2026 QuitMate. All rights reserved.
11</div> </div> </footer> <!-- モバイルスティッキーCTA(Heroを過ぎたら表示) --> <div id="sticky-cta" class="fixed inset-x-0 bottom-0 z-50 translate-y-full transition-transform duration-300 md:hidden"> <div class="border-t border-gray-200/60 bg-white/90 px-4 pb-[env(safe-area-inset-bottom)] pt-3 backdrop-blur-lg" style="padding-bottom: max(env(safe-area-inset-bottom), 12px);"> <div class="flex items-center justify-center gap-3"> <div class="flex items-center justify-center gap-3 md:gap-4 flex-row "> <a href="https://apps.apple.com/jp/app/id6462843097" target="_blank" rel="noopener noreferrer"> <div class="flex items-center" style="height: 40px"> <img src="/images/en/apple-store-badge.webp" alt="App Store" width="120" height="40" class="h-full w-auto object-contain" loading="lazy"> </div> </a> <a href="https://play.google.com/store/apps/details?id=com.quitmate.quitmate" target="_blank" rel="noopener noreferrer"> <div class="flex items-center" style="height: 40px"> <img src="/images/en/google-play-badge.webp" alt="Google Play" width="135" height="40" class="h-full w-auto object-contain" loading="lazy"> </div> </a> </div> </div> </div> </div> 
11<script>
12      // Scroll animation fallback for browsers without scroll-timeline
13      if (!CSS.supports('animation-timeline', 'view()')) {
14        const observer = new IntersectionObserver((entries) => {
15          entries.forEach((entry) => {
16            if (entry.isIntersecting) {
17              entry.target.classList.add('is-visible');
18              observer.unobserve(entry.target);
19            }
20          });
21        }, { threshold: 0.1 });
22        document.querySelectorAll('.animate-on-scroll, .animate-fade-in, .animate-scale-in, .stagger-children').forEach((el) => {
23          observer.observe(el);
24        });
25      }
26
27      // モバイルスティッキーCTA: Heroを過ぎたら表示
28      (function() {
29        const stickyCta = document.getElementById('sticky-cta');
30        const hero = document.querySelector('section');
31        if (!stickyCta || !hero) return;
32
33        const obs = new IntersectionObserver(([entry]) => {
34          if (entry.isIntersecting) {
35            stickyCta.classList.add('translate-y-full');
36            stickyCta.classList.remove('translate-y-0');
37          } else {
38            stickyCta.classList.remove('translate-y-full');
39            stickyCta.classList.add('translate-y-0');
40          }
41        }, { threshold: 0 });
42        obs.observe(hero);
43      })();
44    </script>
44 </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.