<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/png" href="/favicon.png"><link rel="preconnect" href="https://cdn.sanity.io" crossorigin><link rel="dns-prefetch" href="https://cdn.sanity.io"><link rel="apple-touch-icon" href="/icon-256.png"><link rel="sitemap" href="/sitemap-index.xml"><meta name="google-site-verification" content="3B3N0wUScPYB8iYn7lbLU7AOT1kvjQ7URj4KUHnIc2M"><script async src="https://www.googletagmanager.com/gtag/js?id=G-NFNC5NSB0W"></script><script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-NFNC5NSB0W');
    </script><script defer data-website-id="dfid_jqnzC7mkHDWOpqSu88jUb" data-domain="www.similartobooks.com" src="https://datafa.st/js/script.js"></script><style>
      html[data-auth-pre="in"] .stb-auth[data-state="loading"] [data-auth-in],
      html[data-auth-pre="out"] .stb-auth[data-state="loading"] [data-auth-out] { display: inline-flex !important; }
      html[data-auth-pre="in"] .stb-auth[data-state="loading"] [data-auth-out],
      html[data-auth-pre="out"] .stb-auth[data-state="loading"] [data-auth-in] { display: none !important; }
      html[data-auth-pre="in"] .stb-notif[hidden] { display: inline-flex !important; }
      html[data-bookmark-pre-count] .stb-bookmarks-badge[hidden] { display: inline-block !important; }
    </style><script>
      (function() {
        try {
          var hasToken = Object.keys(localStorage).some(function(k) {
            return k.indexOf("sb-") === 0 && k.indexOf("-auth-token") === k.length - "-auth-token".length;
          });
          var cache = null;
          try { cache = JSON.parse(localStorage.getItem("stb-auth-cache") || "null"); } catch {}
          document.documentElement.setAttribute("data-auth-pre", hasToken ? "in" : "out");
          if (hasToken && cache && cache.initial) {
            document.documentElement.setAttribute("data-auth-pre-initial", cache.initial);
            if (cache.avatar) document.documentElement.setAttribute("data-auth-pre-avatar", cache.avatar);
            if (cache.name) document.documentElement.setAttribute("data-auth-pre-name", cache.name);
          }
          // Bookmark count pre-paint — only meaningful when logged in.
          if (hasToken) {
            var bm = parseInt(localStorage.getItem("stb-bookmark-count") || "0", 10);
            if (Number.isFinite(bm) && bm > 0) {
              document.documentElement.setAttribute("data-bookmark-pre-count", String(bm));
            }
          }
        } catch {}
      })();
    </script><title>Similar To Books - Find Your Next Great Read</title><meta name="description" content="Discover books similar to your favorites. Hand-built reading lists — no algorithms. Browse by genre, author, and theme to find your next great read."><link rel="canonical" href="https://www.similartobooks.com/"><!-- Open Graph --><meta property="og:title" content="Similar To Books - Find Your Next Great Read"><meta property="og:description" content="Discover books similar to your favorites. Hand-built reading lists — no algorithms. Browse by genre, author, and theme to find your next great read."><meta property="og:url" content="https://www.similartobooks.com/"><meta property="og:type" content="website"><meta property="og:site_name" content="Similar To Books"><meta property="og:image" content="https://www.similartobooks.com/og-default.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Similar To Books - Find Your Next Great Read"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Similar To Books - Find Your Next Great Read"><meta name="twitter:description" content="Discover books similar to your favorites. Hand-built reading lists — no algorithms. Browse by genre, author, and theme to find your next great read."><meta name="twitter:image" content="https://www.similartobooks.com/og-default.png"><meta name="twitter:image:alt" content="Similar To Books - Find Your Next Great Read"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap"><link rel="stylesheet" href="/_astro/BaseLayout.zsSiiHmS.css">
<style>.lc-constellation{position:relative;aspect-ratio:1;max-width:480px;margin:0 auto;width:100%}.lc-constellation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lc-svg-5,.lc-orbits-5{display:none}.lc-con-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;aspect-ratio:2/3;box-shadow:0 2px 6px #00000014,0 20px 48px #1a151238;z-index:3;background:var(--paper-3, #D9D2BF)}.lc-con-center img{width:100%;height:100%;object-fit:cover}.lc-con-center-label{display:none}.lc-con-orbit{position:absolute;width:64px;aspect-ratio:2/3;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a,0 8px 20px #1a151226;transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:2;background:var(--paper-2, #E7E2D4)}.lc-con-orbit img{width:100%;height:100%;object-fit:cover}.lc-con-orbit:hover{transform:translate(-50%,-50%) scale(1.15);z-index:4}.lc-con-orbit .num{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:var(--mono, "IBM Plex Mono", monospace);font-size:9px;color:var(--muted, #7A8480);letter-spacing:.15em}@media(max-width:900px){.lc-constellation{max-width:300px}.lc-con-center{width:86px}.lc-con-orbit{width:46px}.lc-con-orbit .num{top:-14px;font-size:8px;letter-spacing:.14em}.lc-constellation.lc-variant-homepage{margin-top:14px}.lc-constellation.lc-variant-homepage .lc-con-center{transform:translate(-50%,-50%) translateY(18px)}.lc-constellation.lc-variant-homepage .lc-orbits-7>:nth-child(4),.lc-constellation.lc-variant-homepage .lc-orbits-7>:nth-child(5){display:none}.lc-constellation.lc-variant-homepage .lc-svg-7 line:nth-child(4),.lc-constellation.lc-variant-homepage .lc-svg-7 line:nth-child(5){display:none}}
</style>
<link rel="stylesheet" href="/_astro/homepage.C0qEcJDj.css"></head> <body class="font-serif selection:bg-[#b1f0ce]/40 selection:text-[#002114]"> <header class="stb-nav" data-astro-cid-3ef6ksr2> <div class="stb-nav-inner" data-astro-cid-3ef6ksr2> <div class="stb-nav-left" data-astro-cid-3ef6ksr2> <a href="/" class="stb-logo" aria-label="Similar To Books" data-astro-cid-3ef6ksr2> <img src="/logo.png" alt="Similar To Books" class="logo-desktop" data-astro-cid-3ef6ksr2> <img src="/logo-icon.png" alt="Similar To Books" class="logo-mobile" data-astro-cid-3ef6ksr2> </a> <span class="stb-nav-pipe" aria-hidden="true" data-astro-cid-3ef6ksr2></span> <nav class="stb-nav-links" data-astro-cid-3ef6ksr2> <div class="stb-browse" id="stb-browse" data-astro-cid-3ef6ksr2> <button type="button" class="stb-browse-trigger" id="stb-browse-trigger" aria-haspopup="menu" aria-expanded="false" aria-controls="stb-browse-menu" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Browse</span> <svg width="12" height="12" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" data-astro-cid-3ef6ksr2></path> </svg> </button> <div class="stb-browse-menu" id="stb-browse-menu" role="menu" hidden data-astro-cid-3ef6ksr2> <a href="/books/" role="menuitem" data-astro-cid-3ef6ksr2>All Books</a> <a href="/discover/" role="menuitem" data-astro-cid-3ef6ksr2>Discover</a> <a href="/recommendations/" role="menuitem" data-astro-cid-3ef6ksr2>Recommendations</a> <a href="/genre/" role="menuitem" data-astro-cid-3ef6ksr2>Genres</a> </div> </div> <a href="/ai-book-recommender/" class="stb-nav-ai" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M197.58,129.06,146,110l-19.06-51.62a15.92,15.92,0,0,0-29.88,0L78,110,26.42,129.06a15.92,15.92,0,0,0,0,29.88L78,178l19.06,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.58-19.06a15.92,15.92,0,0,0,0-29.88Z" data-astro-cid-3ef6ksr2></path> <path d="M192,40h-8V32a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V56h8a8,8,0,0,0,0-16Z" data-astro-cid-3ef6ksr2></path> <path d="M240,80h-8V72a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V96h8a8,8,0,0,0,0-16Z" data-astro-cid-3ef6ksr2></path> </svg> <span data-astro-cid-3ef6ksr2>AI Suggestions</span> </a> </nav> </div> <div class="stb-nav-right" data-astro-cid-3ef6ksr2> <button id="search-trigger" class="stb-nav-icon" aria-label="Search books" type="button" data-astro-cid-3ef6ksr2> <svg width="20" height="20" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" data-astro-cid-3ef6ksr2></path> </svg> </button>  <div class="stb-notif" id="stb-notif" hidden data-astro-cid-3ef6ksr2> <button type="button" class="stb-nav-icon stb-notif-trigger" id="stb-notif-trigger" aria-haspopup="menu" aria-expanded="false" aria-controls="stb-notif-menu" aria-label="Notifications" data-astro-cid-3ef6ksr2> <svg width="20" height="20" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z" data-astro-cid-3ef6ksr2></path> </svg> <span class="stb-notif-badge" id="stb-notif-badge" hidden data-astro-cid-3ef6ksr2>0</span> </button> <div class="stb-notif-menu" id="stb-notif-menu" role="menu" hidden data-astro-cid-3ef6ksr2> <div class="stb-notif-head" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Notifications</span> <button type="button" class="stb-notif-mark-all" id="stb-notif-mark-all" data-astro-cid-3ef6ksr2>Mark all read</button> </div> <div class="stb-notif-list" id="stb-notif-list" data-astro-cid-3ef6ksr2> <div class="stb-notif-loading" data-astro-cid-3ef6ksr2>Loading...</div> </div> </div> </div>  <script>
        if (document.documentElement.getAttribute("data-auth-pre") === "in") {
          document.getElementById("stb-notif")?.removeAttribute("hidden");
        }
      </script> <a id="stb-bookmarks-link" class="stb-nav-icon stb-bookmarks-link" href="/bookmarks/" aria-label="Your bookmarks" data-count="0" data-astro-cid-3ef6ksr2> <svg width="20" height="20" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z" data-astro-cid-3ef6ksr2></path> </svg> <span class="stb-bookmarks-badge" id="stb-bookmarks-badge" hidden data-astro-cid-3ef6ksr2>0</span> </a>  <script>
        (function() {
          try {
            var n = document.documentElement.getAttribute("data-bookmark-pre-count");
            if (!n) return;
            var badge = document.getElementById("stb-bookmarks-badge");
            var link = document.getElementById("stb-bookmarks-link");
            var num = parseInt(n, 10);
            if (badge && Number.isFinite(num) && num > 0) {
              badge.textContent = num > 99 ? "99+" : String(num);
              badge.removeAttribute("hidden");
              if (link) link.setAttribute("data-count", String(num));
            }
          } catch {}
        })();
      </script> <div class="stb-auth" id="stb-auth" data-state="loading" data-astro-cid-3ef6ksr2>  <button type="button" class="stb-auth-cta" data-auth-out id="stb-signup-cta" data-astro-cid-3ef6ksr2> <span class="stb-auth-cta-text" data-astro-cid-3ef6ksr2>Sign Up</span> <svg width="12" height="12" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" data-astro-cid-3ef6ksr2></path> </svg> </button>  <button type="button" class="stb-auth-trigger" id="stb-auth-trigger" aria-haspopup="menu" aria-expanded="false" data-auth-in data-astro-cid-3ef6ksr2> <span class="stb-avatar" id="stb-avatar" data-astro-cid-3ef6ksr2> <img id="stb-avatar-img" alt="" hidden data-astro-cid-3ef6ksr2> <span id="stb-avatar-initial" data-astro-cid-3ef6ksr2>·</span> </span>  <script>
            (function() {
              try {
                var initial = document.documentElement.getAttribute("data-auth-pre-initial");
                var avatar = document.documentElement.getAttribute("data-auth-pre-avatar");
                if (initial) {
                  var el = document.getElementById("stb-avatar-initial");
                  if (el) el.textContent = initial;
                }
                if (avatar) {
                  var img = document.getElementById("stb-avatar-img");
                  var initEl = document.getElementById("stb-avatar-initial");
                  if (img) { img.src = avatar; img.hidden = false; }
                  if (initEl) initEl.setAttribute("hidden", "");
                }
              } catch {}
            })();
          </script>  <span class="stb-auth-name" id="stb-auth-name" data-astro-cid-3ef6ksr2></span> <script>
            (function() {
              try {
                var name = document.documentElement.getAttribute("data-auth-pre-name");
                if (name) {
                  var el = document.getElementById("stb-auth-name");
                  if (el) el.textContent = name;
                }
              } catch {}
            })();
          </script> <svg class="stb-auth-chev" width="12" height="12" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" data-astro-cid-3ef6ksr2></path> </svg> </button>  <div class="stb-auth-menu" id="stb-auth-menu" role="menu" hidden data-auth-in data-astro-cid-3ef6ksr2> <div class="stb-auth-menu-head" data-astro-cid-3ef6ksr2> <div class="stb-auth-menu-name" id="stb-menu-name" data-astro-cid-3ef6ksr2>—</div> <div class="stb-auth-menu-email" id="stb-menu-email" data-astro-cid-3ef6ksr2>—</div> </div>  <div class="stb-auth-menu-meter" id="stb-menu-meter" hidden data-astro-cid-3ef6ksr2> <div class="stb-meter-label" data-astro-cid-3ef6ksr2> <span id="stb-meter-text" data-astro-cid-3ef6ksr2>—</span> <span class="stb-meter-badge" id="stb-meter-badge" hidden data-astro-cid-3ef6ksr2>Pro</span> </div> <div class="stb-meter-bar" id="stb-meter-bar-wrap" hidden data-astro-cid-3ef6ksr2> <div class="stb-meter-fill" id="stb-meter-fill" data-astro-cid-3ef6ksr2></div> </div> </div> <a class="stb-auth-menu-item" href="/account/" role="menuitem" data-astro-cid-3ef6ksr2>
Account settings
</a> <a class="stb-auth-menu-item" href="/billing/" role="menuitem" id="stb-menu-billing" data-astro-cid-3ef6ksr2> <span id="stb-menu-billing-label" data-astro-cid-3ef6ksr2>Upgrade to Pro</span> </a> <a class="stb-auth-menu-item" href="/bookmarks/" role="menuitem" data-astro-cid-3ef6ksr2>
Saved books
</a> <button type="button" class="stb-auth-menu-item" id="stb-signout" role="menuitem" data-astro-cid-3ef6ksr2>
Sign out
</button> </div> </div> <button class="stb-nav-menu md:hidden" id="stb-mobile-trigger" aria-label="Menu" aria-expanded="false" aria-controls="stb-mobile-menu" type="button" data-astro-cid-3ef6ksr2> <svg width="22" height="22" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z" data-astro-cid-3ef6ksr2></path> </svg> </button> </div>  <div class="stb-mobile-menu" id="stb-mobile-menu" hidden data-astro-cid-3ef6ksr2> <div class="stb-mobile-section" data-astro-cid-3ef6ksr2> <div class="stb-mobile-section-label" data-astro-cid-3ef6ksr2>Browse</div> <a href="/books/" data-astro-cid-3ef6ksr2>All books</a> <a href="/discover/" data-astro-cid-3ef6ksr2>Discover</a> <a href="/recommendations/" data-astro-cid-3ef6ksr2>Recommendations</a> <a href="/genre/" data-astro-cid-3ef6ksr2>Genres</a> </div>  <div class="stb-mobile-section" data-auth-in hidden data-astro-cid-3ef6ksr2> <div class="stb-mobile-section-label" data-astro-cid-3ef6ksr2>Account</div> <a href="/account/" data-astro-cid-3ef6ksr2>Account settings</a> <a href="/bookmarks/" data-astro-cid-3ef6ksr2>Saved books</a> <a href="/billing/" data-astro-cid-3ef6ksr2>Billing</a> <button type="button" id="stb-mobile-signout" data-astro-cid-3ef6ksr2>Sign out</button> </div>  <div class="stb-mobile-ctas" data-astro-cid-3ef6ksr2> <button type="button" class="stb-mobile-cta stb-mobile-cta-primary" data-auth-out id="stb-mobile-signup-cta" data-astro-cid-3ef6ksr2>Sign Up</button> <a href="/ai-book-recommender/" class="stb-mobile-cta stb-mobile-cta-secondary" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M197.58,129.06,146,110l-19.06-51.62a15.92,15.92,0,0,0-29.88,0L78,110,26.42,129.06a15.92,15.92,0,0,0,0,29.88L78,178l19.06,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.58-19.06a15.92,15.92,0,0,0,0-29.88Z" data-astro-cid-3ef6ksr2></path> <path d="M192,40h-8V32a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V56h8a8,8,0,0,0,0-16Z" data-astro-cid-3ef6ksr2></path> <path d="M240,80h-8V72a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V96h8a8,8,0,0,0,0-16Z" data-astro-cid-3ef6ksr2></path> </svg> <span data-astro-cid-3ef6ksr2>AI Recommender</span> </a> </div> </div> </div> </header>   <div id="search-overlay" class="fixed inset-0 z-[100] pointer-events-none opacity-0 transition-opacity duration-300" data-astro-cid-3ef6ksr2> <div id="search-backdrop" class="absolute inset-0 bg-black/20 backdrop-blur-sm" data-astro-cid-3ef6ksr2></div> <div class="relative w-full max-w-2xl mx-auto mt-4 md:mt-8 px-4" data-astro-cid-3ef6ksr2> <div id="search-container" class="bg-white rounded-2xl shadow-[0_24px_64px_-16px_rgba(28,25,23,0.2)] border border-stone-200/40 overflow-hidden transform scale-95 translate-y-[-8px] transition-all duration-300" data-astro-cid-3ef6ksr2> <div class="flex items-center gap-3 px-6 py-5 border-b border-stone-100" data-astro-cid-3ef6ksr2> <span class="material-symbols-outlined text-[#2D6A4F] text-xl" data-astro-cid-3ef6ksr2>search</span> <input id="search-input" type="text" placeholder="Search for a book..." class="flex-1 bg-transparent border-none text-base font-serif text-[#1C1917] placeholder:text-stone-400 focus:outline-none focus:ring-0" autocomplete="off" spellcheck="false" data-astro-cid-3ef6ksr2> <div id="search-spinner" class="hidden" data-astro-cid-3ef6ksr2> <svg class="animate-spin h-5 w-5 text-[#2D6A4F]" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5" fill="none" data-astro-cid-3ef6ksr2></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" data-astro-cid-3ef6ksr2></path> </svg> </div> <button id="search-close" class="text-stone-400 hover:text-stone-600 transition-colors" data-astro-cid-3ef6ksr2> <span class="material-symbols-outlined text-xl" data-astro-cid-3ef6ksr2>close</span> </button> </div> <div id="search-results" class="max-h-[60vh] overflow-y-auto" data-astro-cid-3ef6ksr2> <div id="search-empty" class="py-12 text-center" data-astro-cid-3ef6ksr2> <span class="material-symbols-outlined text-stone-300 text-4xl mb-3 block" data-astro-cid-3ef6ksr2>auto_stories</span> <p class="font-sans text-sm text-stone-400" data-astro-cid-3ef6ksr2>Start typing to search our library</p> </div> <div id="search-list" class="hidden p-2" data-astro-cid-3ef6ksr2></div> <div id="search-no-results" class="hidden py-12 text-center" data-astro-cid-3ef6ksr2> <span class="material-symbols-outlined text-stone-300 text-4xl mb-3 block" data-astro-cid-3ef6ksr2>search_off</span> <p class="font-sans text-sm text-stone-400" data-astro-cid-3ef6ksr2>No books found</p> </div> </div> <div id="search-footer" class="hidden bg-[#f5f3ef] px-6 py-3 border-t border-stone-100 flex justify-between items-center" data-astro-cid-3ef6ksr2> <span id="search-count" class="font-sans text-[10px] uppercase tracking-widest text-stone-400" data-astro-cid-3ef6ksr2></span> <span class="font-sans text-[10px] uppercase tracking-widest text-stone-400" data-astro-cid-3ef6ksr2> <kbd class="px-1.5 py-0.5 bg-white rounded text-[9px] border border-stone-200 mr-1" data-astro-cid-3ef6ksr2>ESC</kbd> to close
</span> </div> </div> </div> </div> <script type="module">let l=null,y=null;const d=document.getElementById("search-overlay"),N=document.getElementById("search-backdrop"),r=document.getElementById("search-container"),i=document.getElementById("search-input"),T=document.getElementById("search-trigger"),j=document.getElementById("search-close"),k=document.getElementById("search-spinner"),x=document.getElementById("search-empty"),a=document.getElementById("search-list"),g=document.getElementById("search-no-results"),v=document.getElementById("search-footer"),F=document.getElementById("search-count");function I(){d.classList.remove("pointer-events-none","opacity-0"),d.classList.add("pointer-events-auto","opacity-100"),r.classList.remove("scale-95","translate-y-[-8px]"),r.classList.add("scale-100","translate-y-0"),i.focus(),document.body.style.overflow="hidden",S()}function L(){d.classList.add("pointer-events-none","opacity-0"),d.classList.remove("pointer-events-auto","opacity-100"),r.classList.add("scale-95","translate-y-[-8px]"),r.classList.remove("scale-100","translate-y-0"),document.body.style.overflow="",i.value="",E()}function E(){x.classList.remove("hidden"),a.classList.add("hidden"),g.classList.add("hidden"),v.classList.add("hidden"),a.innerHTML=""}async function S(){if(!l)try{l=await(await fetch("/search-index.json")).json()}catch(t){console.error("Failed to load search index:",t)}}function b(t){if(k.classList.add("hidden"),!l||t.length<2){E();return}const w=t.toLowerCase(),o=l.filter(e=>e.t.toLowerCase().includes(w)||e.a.toLowerCase().includes(w)).slice(0,8);if(x.classList.add("hidden"),o.length===0){a.classList.add("hidden"),g.classList.remove("hidden"),v.classList.add("hidden");return}g.classList.add("hidden"),a.classList.remove("hidden"),v.classList.remove("hidden"),F.textContent=`${o.length} result${o.length===1?"":"s"} found`,a.replaceChildren(...o.map((e,B)=>{const n=document.createElement("a"),C=e.s&&e.s.startsWith("books-like-")?e.s.slice(11):e.s;n.href=["","books",C,""].join("/"),n.className="flex items-center gap-4 p-3 rounded-lg hover:bg-[#F2EFE9] transition-colors duration-150 cursor-pointer group no-underline search-result-item",n.style.cssText=`animation: searchFadeIn 0.2s ease forwards; animation-delay: ${B*.04}s; opacity: 0;`;const c=document.createElement("div");if(c.className="w-12 h-[4.5rem] flex-shrink-0 rounded-sm overflow-hidden bg-[#efeeea] shadow-sm",e.c){const s=document.createElement("img");s.src=e.c,s.alt=e.t,s.className="w-full h-full object-cover",s.loading="lazy",c.appendChild(s)}else{const s=document.createElement("div");s.className="w-full h-full flex items-center justify-center";const f=document.createElement("span");f.className="text-[8px] text-stone-400 text-center px-1 font-sans",f.textContent=e.t,s.appendChild(f),c.appendChild(s)}const m=document.createElement("div");m.className="flex flex-col min-w-0";const u=document.createElement("span");u.className="font-serif text-sm text-[#1C1917] group-hover:text-[#0f5238] transition-colors truncate",u.textContent=e.t;const h=document.createElement("span");h.className="font-sans text-[10px] uppercase tracking-wider text-stone-400 mt-1",h.textContent=e.a+(e.y?" · "+e.y:""),m.append(u,h);const p=document.createElement("span");return p.className="material-symbols-outlined text-stone-300 group-hover:text-[#2D6A4F] text-lg ml-auto transition-colors",p.textContent="arrow_forward",n.append(c,m,p),n}))}T.addEventListener("click",I);j.addEventListener("click",L);N.addEventListener("click",L);document.addEventListener("keydown",t=>{t.key==="Escape"&&L(),(t.metaKey||t.ctrlKey)&&t.key==="k"&&(t.preventDefault(),I())});i.addEventListener("input",()=>{const t=i.value.trim();if(t.length<2){E();return}k.classList.remove("hidden"),x.classList.add("hidden"),y&&clearTimeout(y),y=setTimeout(()=>b(t),400)});</script>  <script type="module" src="/_astro/Header.astro_astro_type_script_index_1_lang.BJdneeVl.js"></script> <script type="module" src="/_astro/Header.astro_astro_type_script_index_2_lang.CaGdECHl.js"></script> <script type="module">(()=>{const t=document.getElementById("stb-browse"),e=document.getElementById("stb-browse-trigger"),n=document.getElementById("stb-browse-menu");if(!t||!e||!n)return;let i=null;const s=()=>{n.setAttribute("hidden",""),e.setAttribute("aria-expanded","false")},d=()=>{i&&(window.clearTimeout(i),i=null),n.removeAttribute("hidden"),e.setAttribute("aria-expanded","true")},a=()=>{i&&window.clearTimeout(i),i=window.setTimeout(s,140)};window.matchMedia("(hover: hover) and (pointer: fine)").matches&&(t.addEventListener("mouseenter",d),t.addEventListener("mouseleave",a)),e.addEventListener("click",o=>{o.stopPropagation(),n.hasAttribute("hidden")?d():s()}),document.addEventListener("click",o=>{if(n.hasAttribute("hidden"))return;const r=o.target;!n.contains(r)&&!e.contains(r)&&s()}),document.addEventListener("keydown",o=>{o.key==="Escape"&&s()})})();(()=>{const t=()=>{const e=window.openAuthModal;e&&e({feature:"signup",requireOnboarding:!0})};document.getElementById("stb-signup-cta")?.addEventListener("click",t),document.getElementById("stb-mobile-signup-cta")?.addEventListener("click",t)})();</script> <script type="module" src="/_astro/Header.astro_astro_type_script_index_4_lang.B_goJdMW.js"></script> <main>    <div class="homepage">  <header class="hp-hero"> <div class="hp-plate" id="hp-carousel" data-active="0"> <div class="hp-plate-label" id="hp-carousel-label"> 7 books like Educated </div> <div class="hp-plate-slides"> <div class="hp-plate-slide is-active" data-slide="0"> <div class="lc-constellation lc-variant-homepage"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-7"> <line x1="50" y1="50" x2="50" y2="12" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="81.52043014426889" y2="25.373540986973673" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="90.75242050359185" y2="60.160719615186046" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="66.26946572303201" y2="86.54181830570403" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="30.2821943629926" y2="87.08379890007494" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="10.607689879511682" y2="56.94592710667721" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="21.76049663185902" y2="24.57303695836339" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-5"> <line x1="50" y1="50" x2="50" y2="14" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="71.85477872934234" y2="23.954488933954746" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="92" y2="50" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="8" y2="50.00000000000001" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="28.145221270657657" y2="23.95448893395475" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <div class="lc-con-center"> <img src="https://cdn.sanity.io/images/f1038281/production/8e01bacea2d4804379a4d2caee2bb0a232413042-329x500.jpg?rect=0,3,329,494&#38;w=280&#38;h=420&#38;fit=crop" alt="Educated"> <span class="lc-con-center-label">Educated</span> </div> <div class="lc-orbits-7"> <a class="lc-con-orbit" href="/books/the-glass-castle/" style="left:50%;top:12%;" title="The Glass Castle"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/a33a3e2af045900c18dc0c29683f5986ea83ea31-295x500.jpg?rect=0,29,295,443&#38;w=140&#38;h=210&#38;fit=crop" alt="The Glass Castle" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-sound-of-gravel/" style="left:81.52043014426889%;top:25.373540986973673%;" title="The Sound of Gravel"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/e2b907fac33000b35afeced0c377fe85be44eb27-329x500.jpg?rect=0,3,329,494&#38;w=140&#38;h=210&#38;fit=crop" alt="The Sound of Gravel" loading="lazy"></a><a class="lc-con-orbit" href="/books/unfollow/" style="left:90.75242050359185%;top:60.160719615186046%;" title="Unfollow"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/d21730ed368644fb3c8be7c06c1e98aa8c8a79ac-314x475.jpg?rect=0,3,314,471&#38;w=140&#38;h=210&#38;fit=crop" alt="Unfollow" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-last-days/" style="left:66.26946572303201%;top:86.54181830570403%;" title="The Last Days"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/25ab0931510ebfa82028a93c77b923dd6fd7139b-304x500.jpg?rect=0,22,304,456&#38;w=140&#38;h=210&#38;fit=crop" alt="The Last Days" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-liars-club/" style="left:30.2821943629926%;top:87.08379890007494%;" title="The Liars' Club"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/c60e286a219ce5220fceaced8c18547fb1bc444b-332x500.jpg?rect=0,1,332,498&#38;w=140&#38;h=210&#38;fit=crop" alt="The Liars' Club" loading="lazy"></a><a class="lc-con-orbit" href="/books/born-a-crime/" style="left:10.607689879511682%;top:56.94592710667721%;" title="Born a Crime"> <span class="num">06</span> <img src="https://cdn.sanity.io/images/f1038281/production/bb4c5cfc9bd004e3b032f2631ba9503f2d98f87a-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Born a Crime" loading="lazy"></a><a class="lc-con-orbit" href="/books/heavy/" style="left:21.76049663185902%;top:24.57303695836339%;" title="Heavy"> <span class="num">07</span> <img src="https://cdn.sanity.io/images/f1038281/production/7298542c11aff9e03946c242a27adf387bdd6299-263x400.jpg?rect=0,3,263,395&#38;w=140&#38;h=210&#38;fit=crop" alt="Heavy" loading="lazy"></a> </div> <div class="lc-orbits-5"> <a class="lc-con-orbit" href="/books/the-glass-castle/" style="left:50%;top:14%;" title="The Glass Castle"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/a33a3e2af045900c18dc0c29683f5986ea83ea31-295x500.jpg?rect=0,29,295,443&#38;w=140&#38;h=210&#38;fit=crop" alt="The Glass Castle" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-sound-of-gravel/" style="left:71.85477872934234%;top:23.954488933954746%;" title="The Sound of Gravel"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/e2b907fac33000b35afeced0c377fe85be44eb27-329x500.jpg?rect=0,3,329,494&#38;w=140&#38;h=210&#38;fit=crop" alt="The Sound of Gravel" loading="lazy"></a><a class="lc-con-orbit" href="/books/unfollow/" style="left:92%;top:50%;" title="Unfollow"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/d21730ed368644fb3c8be7c06c1e98aa8c8a79ac-314x475.jpg?rect=0,3,314,471&#38;w=140&#38;h=210&#38;fit=crop" alt="Unfollow" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-last-days/" style="left:8%;top:50.00000000000001%;" title="The Last Days"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/25ab0931510ebfa82028a93c77b923dd6fd7139b-304x500.jpg?rect=0,22,304,456&#38;w=140&#38;h=210&#38;fit=crop" alt="The Last Days" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-liars-club/" style="left:28.145221270657657%;top:23.95448893395475%;" title="The Liars' Club"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/c60e286a219ce5220fceaced8c18547fb1bc444b-332x500.jpg?rect=0,1,332,498&#38;w=140&#38;h=210&#38;fit=crop" alt="The Liars' Club" loading="lazy"></a> </div> </div> </div><div class="hp-plate-slide" data-slide="1"> <div class="lc-constellation lc-variant-homepage"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-7"> <line x1="50" y1="50" x2="50" y2="12" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="81.52043014426889" y2="25.373540986973673" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="90.75242050359185" y2="60.160719615186046" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="66.26946572303201" y2="86.54181830570403" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="30.2821943629926" y2="87.08379890007494" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="10.607689879511682" y2="56.94592710667721" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="21.76049663185902" y2="24.57303695836339" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-5"> <line x1="50" y1="50" x2="50" y2="14" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="71.85477872934234" y2="23.954488933954746" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="92" y2="50" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="8" y2="50.00000000000001" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="28.145221270657657" y2="23.95448893395475" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <div class="lc-con-center"> <img src="https://cdn.sanity.io/images/f1038281/production/eba1c14bbb3c7e7f3a316914e514465b510d7c59-329x500.jpg?rect=0,3,329,494&#38;w=280&#38;h=420&#38;fit=crop" alt="A Court of Thorns and Roses"> <span class="lc-con-center-label">A Court of Thorns and Roses</span> </div> <div class="lc-orbits-7"> <a class="lc-con-orbit" href="/books/from-blood-and-ash/" style="left:50%;top:12%;" title="From Blood and Ash"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/509ac61207142decdb9670b55d9f7677b9620d6c-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="From Blood and Ash" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-cruel-prince/" style="left:81.52043014426889%;top:25.373540986973673%;" title="The Cruel Prince"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/5fae2f28f14f5602ba48cec00184c3bd2361d555-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="The Cruel Prince" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-serpent-and-the-wings-of-night/" style="left:90.75242050359185%;top:60.160719615186046%;" title="The Serpent and the Wings of Night"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/b8018aad9422c13d3733b35ef5aedb6daeefca76-500x500.jpg?rect=84,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="The Serpent and the Wings of Night" loading="lazy"></a><a class="lc-con-orbit" href="/books/kingdom-of-the-wicked/" style="left:66.26946572303201%;top:86.54181830570403%;" title="Kingdom of the Wicked"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/de16f29a6e3519b198bd3f9a34c9cd4949c8e4b3-334x499.jpg?rect=1,0,333,499&#38;w=140&#38;h=210&#38;fit=crop" alt="Kingdom of the Wicked" loading="lazy"></a><a class="lc-con-orbit" href="/books/throne-of-glass/" style="left:30.2821943629926%;top:87.08379890007494%;" title="Throne of Glass"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/dee85713e3ce4bfe5a746f3530e98d4b39d4630b-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="Throne of Glass" loading="lazy"></a><a class="lc-con-orbit" href="/books/when-the-moon-hatched/" style="left:10.607689879511682%;top:56.94592710667721%;" title="When the Moon Hatched"> <span class="num">06</span> <img src="https://cdn.sanity.io/images/f1038281/production/9143f7d28785fdaa61a5b329eaee2623e26a8918-575x849.jpg?rect=5,0,566,849&#38;w=140&#38;h=210&#38;fit=crop" alt="When the Moon Hatched" loading="lazy"></a><a class="lc-con-orbit" href="/books/bride/" style="left:21.76049663185902%;top:24.57303695836339%;" title="Bride"> <span class="num">07</span> <img src="https://cdn.sanity.io/images/f1038281/production/5e151596660abf0a60e87f2e1dc9d1969783c6a9-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Bride" loading="lazy"></a> </div> <div class="lc-orbits-5"> <a class="lc-con-orbit" href="/books/from-blood-and-ash/" style="left:50%;top:14%;" title="From Blood and Ash"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/509ac61207142decdb9670b55d9f7677b9620d6c-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="From Blood and Ash" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-cruel-prince/" style="left:71.85477872934234%;top:23.954488933954746%;" title="The Cruel Prince"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/5fae2f28f14f5602ba48cec00184c3bd2361d555-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="The Cruel Prince" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-serpent-and-the-wings-of-night/" style="left:92%;top:50%;" title="The Serpent and the Wings of Night"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/b8018aad9422c13d3733b35ef5aedb6daeefca76-500x500.jpg?rect=84,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="The Serpent and the Wings of Night" loading="lazy"></a><a class="lc-con-orbit" href="/books/kingdom-of-the-wicked/" style="left:8%;top:50.00000000000001%;" title="Kingdom of the Wicked"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/de16f29a6e3519b198bd3f9a34c9cd4949c8e4b3-334x499.jpg?rect=1,0,333,499&#38;w=140&#38;h=210&#38;fit=crop" alt="Kingdom of the Wicked" loading="lazy"></a><a class="lc-con-orbit" href="/books/throne-of-glass/" style="left:28.145221270657657%;top:23.95448893395475%;" title="Throne of Glass"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/dee85713e3ce4bfe5a746f3530e98d4b39d4630b-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="Throne of Glass" loading="lazy"></a> </div> </div> </div><div class="hp-plate-slide" data-slide="2"> <div class="lc-constellation lc-variant-homepage"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-7"> <line x1="50" y1="50" x2="50" y2="12" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="81.52043014426889" y2="25.373540986973673" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="90.75242050359185" y2="60.160719615186046" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="66.26946572303201" y2="86.54181830570403" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="30.2821943629926" y2="87.08379890007494" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="10.607689879511682" y2="56.94592710667721" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="21.76049663185902" y2="24.57303695836339" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-5"> <line x1="50" y1="50" x2="50" y2="14" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="71.85477872934234" y2="23.954488933954746" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="92" y2="50" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="8" y2="50.00000000000001" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="28.145221270657657" y2="23.95448893395475" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <div class="lc-con-center"> <img src="https://cdn.sanity.io/images/f1038281/production/c0b8f2b15f514d06696157b2e6ecbdb7e1da8a4b-323x499.jpg?rect=0,8,323,485&#38;w=280&#38;h=420&#38;fit=crop" alt="A Little Life"> <span class="lc-con-center-label">A Little Life</span> </div> <div class="lc-orbits-7"> <a class="lc-con-orbit" href="/books/the-great-believers/" style="left:50%;top:12%;" title="The Great Believers"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/55e462b3f884e8cac69d15e2b77324448eb60215-330x500.jpg?rect=0,3,330,495&#38;w=140&#38;h=210&#38;fit=crop" alt="The Great Believers" loading="lazy"></a><a class="lc-con-orbit" href="/books/tomorrow-and-tomorrow-and-tomorrow/" style="left:81.52043014426889%;top:25.373540986973673%;" title="Tomorrow and Tomorrow and Tomorrow"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/e9d07012398be73d291456f86894167f151c2657-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Tomorrow and Tomorrow and Tomorrow" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-hearts-invisible-furies/" style="left:90.75242050359185%;top:60.160719615186046%;" title="The Heart's Invisible Furies"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/0aeb3861de91e2bd836b4ddc015b956b4d41c4bf-575x887.jpg?rect=0,13,575,863&#38;w=140&#38;h=210&#38;fit=crop" alt="The Heart's Invisible Furies" loading="lazy"></a><a class="lc-con-orbit" href="/books/shuggie-bain/" style="left:66.26946572303201%;top:86.54181830570403%;" title="Shuggie Bain"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/b98a7376e5389ddc69297b579c19dc730bbcf301-144x218.jpg?rect=0,1,144,216&#38;w=140&#38;h=210&#38;fit=crop" alt="Shuggie Bain" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-secret-history/" style="left:30.2821943629926%;top:87.08379890007494%;" title="The Secret History"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/4a46308045e52c313a9a2a9bd531fd47e63085e6-308x475.jpg?rect=0,7,308,462&#38;w=140&#38;h=210&#38;fit=crop" alt="The Secret History" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-bee-sting/" style="left:10.607689879511682%;top:56.94592710667721%;" title="The Bee Sting"> <span class="num">06</span> <img src="https://cdn.sanity.io/images/f1038281/production/5754cbad737978043b25d81cb93377609837c405-226x346.jpg?rect=0,4,226,339&#38;w=140&#38;h=210&#38;fit=crop" alt="The Bee Sting" loading="lazy"></a><a class="lc-con-orbit" href="/books/on-earth-were-briefly-gorgeous/" style="left:21.76049663185902%;top:24.57303695836339%;" title="On Earth We're Briefly Gorgeous"> <span class="num">07</span> <img src="https://cdn.sanity.io/images/f1038281/production/60ea30285f4b8f35e1c0a3cc3873ac581ccd64f9-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="On Earth We're Briefly Gorgeous" loading="lazy"></a> </div> <div class="lc-orbits-5"> <a class="lc-con-orbit" href="/books/the-great-believers/" style="left:50%;top:14%;" title="The Great Believers"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/55e462b3f884e8cac69d15e2b77324448eb60215-330x500.jpg?rect=0,3,330,495&#38;w=140&#38;h=210&#38;fit=crop" alt="The Great Believers" loading="lazy"></a><a class="lc-con-orbit" href="/books/tomorrow-and-tomorrow-and-tomorrow/" style="left:71.85477872934234%;top:23.954488933954746%;" title="Tomorrow and Tomorrow and Tomorrow"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/e9d07012398be73d291456f86894167f151c2657-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Tomorrow and Tomorrow and Tomorrow" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-hearts-invisible-furies/" style="left:92%;top:50%;" title="The Heart's Invisible Furies"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/0aeb3861de91e2bd836b4ddc015b956b4d41c4bf-575x887.jpg?rect=0,13,575,863&#38;w=140&#38;h=210&#38;fit=crop" alt="The Heart's Invisible Furies" loading="lazy"></a><a class="lc-con-orbit" href="/books/shuggie-bain/" style="left:8%;top:50.00000000000001%;" title="Shuggie Bain"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/b98a7376e5389ddc69297b579c19dc730bbcf301-144x218.jpg?rect=0,1,144,216&#38;w=140&#38;h=210&#38;fit=crop" alt="Shuggie Bain" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-secret-history/" style="left:28.145221270657657%;top:23.95448893395475%;" title="The Secret History"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/4a46308045e52c313a9a2a9bd531fd47e63085e6-308x475.jpg?rect=0,7,308,462&#38;w=140&#38;h=210&#38;fit=crop" alt="The Secret History" loading="lazy"></a> </div> </div> </div><div class="hp-plate-slide" data-slide="3"> <div class="lc-constellation lc-variant-homepage"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-7"> <line x1="50" y1="50" x2="50" y2="12" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="81.52043014426889" y2="25.373540986973673" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="90.75242050359185" y2="60.160719615186046" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="66.26946572303201" y2="86.54181830570403" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="30.2821943629926" y2="87.08379890007494" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="10.607689879511682" y2="56.94592710667721" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="21.76049663185902" y2="24.57303695836339" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-5"> <line x1="50" y1="50" x2="50" y2="14" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="71.85477872934234" y2="23.954488933954746" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="92" y2="50" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="8" y2="50.00000000000001" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="28.145221270657657" y2="23.95448893395475" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <div class="lc-con-center"> <img src="https://cdn.sanity.io/images/f1038281/production/e9dd57ff377c90ca41a20f9fb6dedc2cc6b793cf-329x500.jpg?rect=0,3,329,494&#38;w=280&#38;h=420&#38;fit=crop" alt="Fourth Wing"> <span class="lc-con-center-label">Fourth Wing</span> </div> <div class="lc-orbits-7"> <a class="lc-con-orbit" href="/books/throne-of-glass/" style="left:50%;top:12%;" title="Throne of Glass"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/dee85713e3ce4bfe5a746f3530e98d4b39d4630b-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="Throne of Glass" loading="lazy"></a><a class="lc-con-orbit" href="/books/an-ember-in-the-ashes/" style="left:81.52043014426889%;top:25.373540986973673%;" title="An Ember in the Ashes"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/19f544371a01d4d888fa2b0e38f83fdf25761a91-334x500.jpg?rect=1,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="An Ember in the Ashes" loading="lazy"></a><a class="lc-con-orbit" href="/books/a-fate-inked-in-blood/" style="left:90.75242050359185%;top:60.160719615186046%;" title="A Fate Inked in Blood"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/a5c3d5eddb4b880f95fd0e2fc2d9bb8fd7b3d2ce-144x219.jpg?rect=0,2,144,216&#38;w=140&#38;h=210&#38;fit=crop" alt="A Fate Inked in Blood" loading="lazy"></a><a class="lc-con-orbit" href="/books/from-blood-and-ash/" style="left:66.26946572303201%;top:86.54181830570403%;" title="From Blood and Ash"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/509ac61207142decdb9670b55d9f7677b9620d6c-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="From Blood and Ash" loading="lazy"></a><a class="lc-con-orbit" href="/books/iron-widow/" style="left:30.2821943629926%;top:87.08379890007494%;" title="Iron Widow"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/2a8cef3de7c2492e42caf2da89dbdc9bd5315900-328x500.jpg?rect=0,4,328,492&#38;w=140&#38;h=210&#38;fit=crop" alt="Iron Widow" loading="lazy"></a><a class="lc-con-orbit" href="/books/when-the-moon-hatched/" style="left:10.607689879511682%;top:56.94592710667721%;" title="When the Moon Hatched"> <span class="num">06</span> <img src="https://cdn.sanity.io/images/f1038281/production/9143f7d28785fdaa61a5b329eaee2623e26a8918-575x849.jpg?rect=5,0,566,849&#38;w=140&#38;h=210&#38;fit=crop" alt="When the Moon Hatched" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-cruel-prince/" style="left:21.76049663185902%;top:24.57303695836339%;" title="The Cruel Prince"> <span class="num">07</span> <img src="https://cdn.sanity.io/images/f1038281/production/5fae2f28f14f5602ba48cec00184c3bd2361d555-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="The Cruel Prince" loading="lazy"></a> </div> <div class="lc-orbits-5"> <a class="lc-con-orbit" href="/books/throne-of-glass/" style="left:50%;top:14%;" title="Throne of Glass"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/dee85713e3ce4bfe5a746f3530e98d4b39d4630b-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="Throne of Glass" loading="lazy"></a><a class="lc-con-orbit" href="/books/an-ember-in-the-ashes/" style="left:71.85477872934234%;top:23.954488933954746%;" title="An Ember in the Ashes"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/19f544371a01d4d888fa2b0e38f83fdf25761a91-334x500.jpg?rect=1,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="An Ember in the Ashes" loading="lazy"></a><a class="lc-con-orbit" href="/books/a-fate-inked-in-blood/" style="left:92%;top:50%;" title="A Fate Inked in Blood"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/a5c3d5eddb4b880f95fd0e2fc2d9bb8fd7b3d2ce-144x219.jpg?rect=0,2,144,216&#38;w=140&#38;h=210&#38;fit=crop" alt="A Fate Inked in Blood" loading="lazy"></a><a class="lc-con-orbit" href="/books/from-blood-and-ash/" style="left:8%;top:50.00000000000001%;" title="From Blood and Ash"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/509ac61207142decdb9670b55d9f7677b9620d6c-333x500.jpg?w=140&#38;h=210&#38;fit=crop" alt="From Blood and Ash" loading="lazy"></a><a class="lc-con-orbit" href="/books/iron-widow/" style="left:28.145221270657657%;top:23.95448893395475%;" title="Iron Widow"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/2a8cef3de7c2492e42caf2da89dbdc9bd5315900-328x500.jpg?rect=0,4,328,492&#38;w=140&#38;h=210&#38;fit=crop" alt="Iron Widow" loading="lazy"></a> </div> </div> </div><div class="hp-plate-slide" data-slide="4"> <div class="lc-constellation lc-variant-homepage"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-7"> <line x1="50" y1="50" x2="50" y2="12" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="81.52043014426889" y2="25.373540986973673" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="90.75242050359185" y2="60.160719615186046" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="66.26946572303201" y2="86.54181830570403" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="30.2821943629926" y2="87.08379890007494" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="10.607689879511682" y2="56.94592710667721" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="21.76049663185902" y2="24.57303695836339" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="lc-svg-5"> <line x1="50" y1="50" x2="50" y2="14" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="71.85477872934234" y2="23.954488933954746" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="92" y2="50" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="8" y2="50.00000000000001" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line><line x1="50" y1="50" x2="28.145221270657657" y2="23.95448893395475" stroke="var(--rule)" stroke-width="0.15" stroke-dasharray="0.6 0.6"></line> <circle cx="50" cy="50" r="26" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> <circle cx="50" cy="50" r="38" fill="none" stroke="var(--rule-soft)" stroke-width="0.15" stroke-dasharray="1 1"></circle> </svg> <div class="lc-con-center"> <img src="https://cdn.sanity.io/images/f1038281/production/e8be46de3c296b0c3ade8578ffc4513237108abd-331x500.jpg?rect=0,2,331,497&#38;w=280&#38;h=420&#38;fit=crop" alt="Atomic Habits"> <span class="lc-con-center-label">Atomic Habits</span> </div> <div class="lc-orbits-7"> <a class="lc-con-orbit" href="/books/the-power-of-habit/" style="left:50%;top:12%;" title="The Power of Habit"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/5605c20eb8419ee6f17dad44de614e189ca4526a-304x456.jpg?w=140&#38;h=210&#38;fit=crop" alt="The Power of Habit" loading="lazy"></a><a class="lc-con-orbit" href="/books/mindset/" style="left:81.52043014426889%;top:25.373540986973673%;" title="Mindset"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/9703681f6dfa45dbf824ee47825cc8f444d18f98-348x500.jpg?rect=8,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="Mindset" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-7-habits-of-highly-effective-people/" style="left:90.75242050359185%;top:60.160719615186046%;" title="The 7 Habits of Highly Effective People"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/7e330b05f8d9585069d9244b833898c9d6984e6f-575x881.jpg?rect=0,10,575,863&#38;w=140&#38;h=210&#38;fit=crop" alt="The 7 Habits of Highly Effective People" loading="lazy"></a><a class="lc-con-orbit" href="/books/hidden-potential/" style="left:66.26946572303201%;top:86.54181830570403%;" title="Hidden Potential"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/1d58a3f8438ca7d76ff702b710ccf211d141cdc0-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Hidden Potential" loading="lazy"></a><a class="lc-con-orbit" href="/books/tiny-habits/" style="left:30.2821943629926%;top:87.08379890007494%;" title="Tiny Habits"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/c7d99d68792f9195c7baf5bfa51da5383c744fa0-315x475.jpg?rect=0,2,315,473&#38;w=140&#38;h=210&#38;fit=crop" alt="Tiny Habits" loading="lazy"></a><a class="lc-con-orbit" href="/books/slow-productivity/" style="left:10.607689879511682%;top:56.94592710667721%;" title="Slow Productivity"> <span class="num">06</span> <img src="https://cdn.sanity.io/images/f1038281/production/a3cc3dec9109245fd8489835f65d62b1de308035-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Slow Productivity" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-one-thing/" style="left:21.76049663185902%;top:24.57303695836339%;" title="The One Thing"> <span class="num">07</span> <img src="https://cdn.sanity.io/images/f1038281/production/7330dc31d03b05aa45100761aa08ce73225a297b-321x500.jpg?rect=0,9,321,482&#38;w=140&#38;h=210&#38;fit=crop" alt="The One Thing" loading="lazy"></a> </div> <div class="lc-orbits-5"> <a class="lc-con-orbit" href="/books/the-power-of-habit/" style="left:50%;top:14%;" title="The Power of Habit"> <span class="num">01</span> <img src="https://cdn.sanity.io/images/f1038281/production/5605c20eb8419ee6f17dad44de614e189ca4526a-304x456.jpg?w=140&#38;h=210&#38;fit=crop" alt="The Power of Habit" loading="lazy"></a><a class="lc-con-orbit" href="/books/mindset/" style="left:71.85477872934234%;top:23.954488933954746%;" title="Mindset"> <span class="num">02</span> <img src="https://cdn.sanity.io/images/f1038281/production/9703681f6dfa45dbf824ee47825cc8f444d18f98-348x500.jpg?rect=8,0,333,500&#38;w=140&#38;h=210&#38;fit=crop" alt="Mindset" loading="lazy"></a><a class="lc-con-orbit" href="/books/the-7-habits-of-highly-effective-people/" style="left:92%;top:50%;" title="The 7 Habits of Highly Effective People"> <span class="num">03</span> <img src="https://cdn.sanity.io/images/f1038281/production/7e330b05f8d9585069d9244b833898c9d6984e6f-575x881.jpg?rect=0,10,575,863&#38;w=140&#38;h=210&#38;fit=crop" alt="The 7 Habits of Highly Effective People" loading="lazy"></a><a class="lc-con-orbit" href="/books/hidden-potential/" style="left:8%;top:50.00000000000001%;" title="Hidden Potential"> <span class="num">04</span> <img src="https://cdn.sanity.io/images/f1038281/production/1d58a3f8438ca7d76ff702b710ccf211d141cdc0-331x500.jpg?rect=0,2,331,497&#38;w=140&#38;h=210&#38;fit=crop" alt="Hidden Potential" loading="lazy"></a><a class="lc-con-orbit" href="/books/tiny-habits/" style="left:28.145221270657657%;top:23.95448893395475%;" title="Tiny Habits"> <span class="num">05</span> <img src="https://cdn.sanity.io/images/f1038281/production/c7d99d68792f9195c7baf5bfa51da5383c744fa0-315x475.jpg?rect=0,2,315,473&#38;w=140&#38;h=210&#38;fit=crop" alt="Tiny Habits" loading="lazy"></a> </div> </div> </div> </div> <div class="hp-plate-footer"> <span>Hand-built reading lists</span> <a class="see" id="hp-carousel-link" href="/discover/books-like-educated/">See the list →</a> </div> <div class="hp-plate-dots" role="tablist" aria-label="Reading list carousel"> <button type="button" class="hp-plate-dot is-active" data-dot="0" aria-label="Show list 1"></button><button type="button" class="hp-plate-dot" data-dot="1" aria-label="Show list 2"></button><button type="button" class="hp-plate-dot" data-dot="2" aria-label="Show list 3"></button><button type="button" class="hp-plate-dot" data-dot="3" aria-label="Show list 4"></button><button type="button" class="hp-plate-dot" data-dot="4" aria-label="Show list 5"></button> </div> </div> <div class="hp-hero-body"> <h1 class="hp-hero-title">
Better book recommendations in <em>seconds</em>.
</h1> <p class="hp-hero-lede">
“Readers Also Enjoyed” on Goodreads and Amazon is rarely helpful. We fix that with <a href="/discover/">curated lists</a>, <a href="/recommendations/">community and celebrity recommendations</a>, and <a href="/ai-book-recommender/">an AI</a> that's actually personalized to you.
</p> <div class="hp-ctas"> <a href="/ai-book-recommender/" class="hp-btn hp-btn-primary"> <svg width="14" height="14" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"> <path d="M197.58,129.06,146,110l-19.06-51.62a15.92,15.92,0,0,0-29.88,0L78,110,26.42,129.06a15.92,15.92,0,0,0,0,29.88L78,178l19.06,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.58-19.06a15.92,15.92,0,0,0,0-29.88Z"></path> <path d="M192,40h-8V32a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V56h8a8,8,0,0,0,0-16Z"></path> <path d="M240,80h-8V72a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0V96h8a8,8,0,0,0,0-16Z"></path> </svg> <span>AI Recommendations</span> </a> <button type="button" id="hp-find-books" class="hp-btn hp-btn-ghost"> <svg width="14" height="14" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"> <path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.5,47.5a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path> </svg> <span>Find Books</span> </button> </div> <div class="hp-hero-stats"> <div class="hp-stat"> <div class="k">460</div> <div class="v">Curated lists</div> </div> <div class="hp-stat"> <div class="k">1942</div> <div class="v">Books</div> </div> <div class="hp-stat"> <div class="k" id="hp-stat-recs">—</div> <div class="v">Recommendations</div> </div> </div> </div> </header>  <section class="hp-section"> <div class="hp-section-header"> <h2 class="hp-section-title">
Popular books readers <em>keep coming back to</em> </h2> <a class="hp-more" href="/books/">View all →</a> </div> <div class="hp-list-grid"> <a class="hp-list-card" href="/books/project-hail-mary/"> <div class="hp-list-plate"> <img class="hp-list-cover" src="https://cdn.sanity.io/images/f1038281/production/589213b3471ba0bd2ca8ac97ebdc629163a32630-331x500.jpg?rect=0,2,331,497&#38;w=400&#38;h=600&#38;fit=crop" alt="Project Hail Mary cover" loading="lazy"> </div> <div class="hp-list-meta"> <div class="hp-list-genre">Science Fiction</div> <h3 class="hp-list-title">Project Hail Mary</h3> <div class="hp-list-author">Andy Weir, 2021</div> </div> </a><a class="hp-list-card" href="/books/the-seven-husbands-of-evelyn-hugo/"> <div class="hp-list-plate"> <img class="hp-list-cover" src="https://cdn.sanity.io/images/f1038281/production/2171089de6110c02ceb0a5e22607aa387b636862-316x475.jpg?rect=0,1,316,474&#38;w=400&#38;h=600&#38;fit=crop" alt="The Seven Husbands of Evelyn Hugo cover" loading="lazy"> </div> <div class="hp-list-meta"> <div class="hp-list-genre">Historical Fiction</div> <h3 class="hp-list-title">The Seven Husbands of Evelyn Hugo</h3> <div class="hp-list-author">Taylor Jenkins Reid, 2018</div> </div> </a><a class="hp-list-card" href="/books/where-the-crawdads-sing/"> <div class="hp-list-plate"> <img class="hp-list-cover" src="https://cdn.sanity.io/images/f1038281/production/75cfb8a36ebf722f1e35561eb314dc8a3b94fb40-333x500.jpg?w=400&#38;h=600&#38;fit=crop" alt="Where the Crawdads Sing cover" loading="lazy"> </div> <div class="hp-list-meta"> <div class="hp-list-genre">Literary Fiction</div> <h3 class="hp-list-title">Where the Crawdads Sing</h3> <div class="hp-list-author">Delia Owens, 2018</div> </div> </a><a class="hp-list-card" href="/books/it-ends-with-us/"> <div class="hp-list-plate"> <img class="hp-list-cover" src="https://cdn.sanity.io/images/f1038281/production/d71e92917a3f56b9ab740a73f27b29f1e0abaaa2-322x500.jpg?rect=0,9,322,483&#38;w=400&#38;h=600&#38;fit=crop" alt="It Ends with Us cover" loading="lazy"> </div> <div class="hp-list-meta"> <div class="hp-list-genre">Romance</div> <h3 class="hp-list-title">It Ends with Us</h3> <div class="hp-list-author">Colleen Hoover</div> </div> </a> </div> </section>  <section class="hp-genre-section"> <div class="hp-section"> <div class="hp-section-header"> <h2 class="hp-section-title">Browse by <em>genre</em></h2> <a class="hp-more" href="/genre/">View all →</a> </div> <div class="hp-genre-grid"> <a class="hp-genre-tile" href="/genre/comedy/"> <div class="n">01</div> <div class="name">Comedy</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/contemporary-fiction/"> <div class="n">02</div> <div class="name">Contemporary Fiction</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/crime/"> <div class="n">03</div> <div class="name">Crime</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/dystopian/"> <div class="n">04</div> <div class="name">Dystopian</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/fantasy/"> <div class="n">05</div> <div class="name">Fantasy</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/historical-fiction/"> <div class="n">06</div> <div class="name">Historical Fiction</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/horror/"> <div class="n">07</div> <div class="name">Horror</div> <div class="count">Browse →</div> </a><a class="hp-genre-tile" href="/genre/literary-fiction/"> <div class="n">08</div> <div class="name">Literary Fiction</div> <div class="count">Browse →</div> </a> </div> </div> </section>  <section class="hp-section"> <div class="hp-section-header"> <h2 class="hp-section-title">Browse by <em>theme</em></h2> <a class="hp-more" href="/tag/">View all →</a> </div> <div class="hp-tag-cloud"> <a class="hp-tag-chip" href="/tag/absurdist/">Absurdist</a><a class="hp-tag-chip" href="/tag/academia/">Academia</a><a class="hp-tag-chip" href="/tag/adventure/">Adventure</a><a class="hp-tag-chip" href="/tag/african/">African</a><a class="hp-tag-chip" href="/tag/alternate-history/">Alternate History</a><a class="hp-tag-chip" href="/tag/animals/">Animals</a><a class="hp-tag-chip" href="/tag/aristocracy/">Aristocracy</a><a class="hp-tag-chip" href="/tag/atmospheric/">Atmospheric</a><a class="hp-tag-chip" href="/tag/australian/">Australian</a><a class="hp-tag-chip" href="/tag/biography/">Biography</a><a class="hp-tag-chip" href="/tag/bookstore/">Bookstore</a><a class="hp-tag-chip" href="/tag/british/">British</a><a class="hp-tag-chip" href="/tag/business/">Business</a><a class="hp-tag-chip" href="/tag/chosen-one/">Chosen One</a><a class="hp-tag-chip" href="/tag/christian-allegory/">Christian Allegory</a><a class="hp-tag-chip" href="/tag/christian-fiction/">Christian Fiction</a><a class="hp-tag-chip" href="/tag/class/">Class</a><a class="hp-tag-chip" href="/tag/classic/">Classic</a><a class="hp-tag-chip" href="/tag/climate/">Climate</a><a class="hp-tag-chip" href="/tag/cold-war/">Cold War</a><a class="hp-tag-chip" href="/tag/colonialism/">Colonialism</a><a class="hp-tag-chip" href="/tag/coming-of-age/">Coming of Age</a><a class="hp-tag-chip" href="/tag/contemporary-romance/">Contemporary Romance</a><a class="hp-tag-chip" href="/tag/cozy/">Cozy</a><a class="hp-tag-chip" href="/tag/cyberpunk/">Cyberpunk</a><a class="hp-tag-chip" href="/tag/dark/">Dark</a><a class="hp-tag-chip" href="/tag/dark-academia/">Dark Academia</a><a class="hp-tag-chip" href="/tag/dark-romance/">Dark Romance</a><a class="hp-tag-chip" href="/tag/desert-setting/">Desert Setting</a><a class="hp-tag-chip" href="/tag/disability/">Disability</a><a class="hp-tag-chip" href="/tag/diverse/">Diverse</a><a class="hp-tag-chip" href="/tag/domestic-abuse/">Domestic Abuse</a><a class="hp-tag-chip" href="/tag/domestic-thriller/">Domestic Thriller</a><a class="hp-tag-chip" href="/tag/dragons/">Dragons</a><a class="hp-tag-chip" href="/tag/dual-timeline/">Dual Timeline</a><a class="hp-tag-chip" href="/tag/dystopian/">Dystopian</a><a class="hp-tag-chip" href="/tag/economics/">Economics</a><a class="hp-tag-chip" href="/tag/education/">Education</a><a class="hp-tag-chip" href="/tag/emotional/">Emotional</a><a class="hp-tag-chip" href="/tag/enemies-to-lovers/">Enemies to Lovers</a><a class="hp-tag-chip" href="/tag/epic-fantasy/">Epic Fantasy</a><a class="hp-tag-chip" href="/tag/epistolary/">Epistolary</a><a class="hp-tag-chip" href="/tag/erotic-romance/">Erotic Romance</a><a class="hp-tag-chip" href="/tag/espionage/">Espionage</a><a class="hp-tag-chip" href="/tag/essays/">Essays</a><a class="hp-tag-chip" href="/tag/evolution/">Evolution</a><a class="hp-tag-chip" href="/tag/fae/">Fae</a><a class="hp-tag-chip" href="/tag/fairy-tale-retelling/">Fairy Tale Retelling</a> </div> </section>  <section class="hp-section"> <div class="hp-section-header"> <h2 class="hp-section-title">Three ways to find your <em>next book</em></h2> <span></span> </div> <div class="hp-how"> <a class="hp-how-step" href="/discover/"> <div class="num">i.</div> <h3>Hand-built reading lists.</h3> <p>Curated lists pairing each book with the titles that genuinely rhyme — shared themes, voice, atmosphere, not just genre.</p> <span class="hp-how-cta">Browse the lists →</span> </a> <a class="hp-how-step" href="/recommendations/"> <div class="num">ii.</div> <h3>Picks from real people.</h3> <p>Recommendations shared by readers in our community, plus picks from authors, critics, and notable voices we trust.</p> <span class="hp-how-cta">See community picks →</span> </a> <a class="hp-how-step" href="/ai-book-recommender/"> <div class="num">iii.</div> <h3>AI tuned to your taste.</h3> <p>Tell it what you love, or upload a Goodreads export, and it returns ten titles that match — each pick explained.</p> <span class="hp-how-cta">Try the recommender →</span> </a> </div> </section> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Similar To Books","url":"https://www.similartobooks.com","description":"Discover books similar to your favorites. Hand-built reading lists — no algorithms. Browse by genre, author, and theme to find your next great read.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.similartobooks.com/discover/?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Similar To Books","url":"https://www.similartobooks.com","logo":"https://www.similartobooks.com/logo.png","sameAs":[]}</script> <script>(function(){const slides = [{"label":"7 books like Educated","href":"/discover/books-like-educated/"},{"label":"books similar to acotar","href":"/discover/books-like-a-court-of-thorns-and-roses/"},{"label":"7 books like A Little Life","href":"/discover/books-like-a-little-life/"},{"label":"7 books like Fourth Wing","href":"/discover/books-like-fourth-wing/"},{"label":"7 books like Atomic Habits","href":"/discover/books-like-atomic-habits/"}];

    (() => {
      const carousel = document.getElementById("hp-carousel");
      if (!carousel || !slides || slides.length < 2) return;
      const slideEls = carousel.querySelectorAll("[data-slide]");
      const dotEls = carousel.querySelectorAll("[data-dot]");
      const labelEl = document.getElementById("hp-carousel-label");
      const linkEl = document.getElementById("hp-carousel-link");
      let active = 0;
      let timer = null;

      function show(i) {
        active = (i + slides.length) % slides.length;
        slideEls.forEach((el, idx) => el.classList.toggle("is-active", idx === active));
        dotEls.forEach((el, idx) => el.classList.toggle("is-active", idx === active));
        if (labelEl) labelEl.textContent = slides[active].label;
        if (linkEl) linkEl.setAttribute("href", slides[active].href);
        carousel.setAttribute("data-active", String(active));
      }
      function start() {
        stop();
        timer = window.setInterval(() => show(active + 1), 4000);
      }
      function stop() {
        if (timer) { window.clearInterval(timer); timer = null; }
      }

      dotEls.forEach((el) => {
        el.addEventListener("click", () => {
          const i = Number(el.getAttribute("data-dot"));
          show(i);
          start();
        });
      });
      carousel.addEventListener("mouseenter", stop);
      carousel.addEventListener("mouseleave", start);
      start();
    })();

    (() => {
      const findBtn = document.getElementById("hp-find-books");
      const searchTrigger = document.getElementById("search-trigger");
      if (findBtn && searchTrigger) {
        findBtn.addEventListener("click", () => searchTrigger.click());
      }
    })();

    (() => {
      const el = document.getElementById("hp-stat-recs");
      if (!el) return;
      fetch("/api/wall-count", { headers: { accept: "application/json" } })
        .then((r) => (r.ok ? r.json() : null))
        .then((d) => {
          if (d && typeof d.count === "number") {
            el.textContent = String(d.count);
          }
        })
        .catch(() => {});
    })();
  })();</script>  </main> <footer class="stb-footer" data-astro-cid-sz7xmlte> <div class="stb-footer-inner" data-astro-cid-sz7xmlte> <div class="stb-footer-brand" data-astro-cid-sz7xmlte> <a href="/" class="stb-footer-logo" aria-label="Similar To Books" data-astro-cid-sz7xmlte> <img src="/logo.png" alt="Similar To Books" data-astro-cid-sz7xmlte> </a> <p class="stb-footer-fine stb-footer-fine-muted" data-astro-cid-sz7xmlte>
As an Amazon Associate, we earn from qualifying purchases.
</p> <p class="stb-footer-contact" data-astro-cid-sz7xmlte> <a href="/cdn-cgi/l/email-protection#e28a878e8e8da2918b8f8b8e8390968d808d8d8991cc818d8f" data-astro-cid-sz7xmlte><span class="__cf_email__" data-cfemail="335b565f5f5c73405a5e5a5f5241475c515c5c58401d505c5e">[email&#160;protected]</span></a> </p> <div class="stb-footer-social" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>Social Media</h4> <div class="stb-footer-social-row" data-astro-cid-sz7xmlte> <a href="https://x.com/similartobooks" target="_blank" rel="noopener" aria-label="Follow on X" title="X (Twitter)" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" data-astro-cid-sz7xmlte></path> </svg> </a> <a href="https://bsky.app/profile/similartobooks.bsky.social" target="_blank" rel="noopener" aria-label="Follow on Bluesky" title="Bluesky" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078 2.67.297 5.568-.628 6.383-3.364.246-.829.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.747 13.087 8.686 12 10.8Z" data-astro-cid-sz7xmlte></path> </svg> </a> <a href="https://www.instagram.com/similartobooks/" target="_blank" rel="noopener" aria-label="Follow on Instagram" title="Instagram" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <rect x="2.5" y="2.5" width="19" height="19" rx="5" data-astro-cid-sz7xmlte></rect> <circle cx="12" cy="12" r="4" data-astro-cid-sz7xmlte></circle> <circle cx="17.6" cy="6.4" r="1.1" fill="currentColor" stroke="none" data-astro-cid-sz7xmlte></circle> </svg> </a> <a href="https://www.tiktok.com/@similartobooks" target="_blank" rel="noopener" aria-label="Follow on TikTok" title="TikTok" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.66 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1.7-.1z" data-astro-cid-sz7xmlte></path> </svg> </a> <a href="https://www.facebook.com/people/Similar-To-Books/61590353105545/" target="_blank" rel="noopener" aria-label="Follow on Facebook" title="Facebook" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987H7.898V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.563V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" data-astro-cid-sz7xmlte></path> </svg> </a> <a href="https://mastodon.social/@similarto" target="_blank" rel="me noopener" aria-label="Follow on Mastodon" title="Mastodon" data-astro-cid-sz7xmlte> <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.118.696-.767 1.608-1.16 2.74-1.16 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.499 2.96-1.499 1.13 0 2.043.394 2.74 1.16.675.77 1.012 1.81 1.012 3.119z" data-astro-cid-sz7xmlte></path> </svg> </a> <a href="https://theresanaiforthat.com/ai/similartobooks/?ref=social-icon&v=10492583" target="_blank" rel="nofollow noopener" aria-label="Featured on There's An AI For That" title="Featured on TAAFT" class="taaft-link" data-astro-cid-sz7xmlte> <img src="https://media.theresanaiforthat.com/social/icon_hollow.svg" alt="" loading="lazy" data-astro-cid-sz7xmlte> </a> </div> </div> </div> <div class="stb-footer-col" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>Browse</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/discover/" data-astro-cid-sz7xmlte>All Books</a></li> <li data-astro-cid-sz7xmlte><a href="/genre/" data-astro-cid-sz7xmlte>Genres</a></li> <li data-astro-cid-sz7xmlte><a href="/tag/" data-astro-cid-sz7xmlte>Themes</a></li> <li data-astro-cid-sz7xmlte><a href="/ai-book-recommender/" data-astro-cid-sz7xmlte>AI Recommender</a></li> <li data-astro-cid-sz7xmlte><a href="/recommendations/" data-astro-cid-sz7xmlte>Recommendations</a></li> </ul> </div> <div class="stb-footer-col" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>About</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/about/" data-astro-cid-sz7xmlte>Our method</a></li> <li data-astro-cid-sz7xmlte><a href="/privacy/" data-astro-cid-sz7xmlte>Privacy</a></li> <li data-astro-cid-sz7xmlte><a href="/terms/" data-astro-cid-sz7xmlte>Terms</a></li> </ul> </div> <div class="stb-footer-col" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>Follow</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="https://chromewebstore.google.com/detail/better-book-recommendatio/lljpigggcfjlmccgbfkkogbegaefhdal" target="_blank" rel="noopener" data-astro-cid-sz7xmlte>Chrome Extension</a></li> <li data-astro-cid-sz7xmlte><a href="https://bookshop.org/shop/similartobooks" target="_blank" rel="noopener" data-astro-cid-sz7xmlte>Bookshop</a></li> <li data-astro-cid-sz7xmlte><a href="https://climate.stripe.com/nHHUOC" target="_blank" rel="noopener" data-astro-cid-sz7xmlte>Climate</a></li> </ul> </div> </div> </footer> <div class="auth-overlay" id="auth-overlay" role="dialog" aria-modal="true" aria-labelledby="auth-title" aria-hidden="true"> <div class="auth-card" id="auth-card" data-state="signup" data-direction="fwd"> <div class="auth-progress"><div class="auth-progress-fill" id="auth-progress-fill"></div></div> <div class="auth-head"> <div style="display:flex; align-items:center; gap:12px;"> <button class="auth-back" id="auth-back" aria-label="Back" hidden> <svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M9 5H1M5 1L1 5l4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <span class="step-label" id="auth-step-label">Step 1 of 5</span> </div> <button class="auth-close" id="auth-close" aria-label="Close"> <svg width="10" height="10" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 2l8 8M10 2l-8 8" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"></path></svg> </button> </div> <!-- ========== STATE: signup (auth options menu) ========== --> <div class="auth-step auth-step-signup"> <div class="auth-body"> <div class="auth-kicker">Create your account</div> <h2 class="auth-title" id="auth-title">Sign in to get <em>personalized</em> picks.</h2> <p class="auth-sub">Your account saves your one-book recommendation so other readers can find it.</p> <div class="auth-oauth-row"> <button class="auth-oauth-btn" data-oauth="google"> <svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"> <path fill="#FFC107" d="M43.6 20.5H42V20H24v8h11.3c-1.6 4.7-6.1 8-11.3 8-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.3-.4-3.5z"></path> <path fill="#FF3D00" d="m6.3 14.7 6.6 4.8C14.6 15.1 19 12 24 12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z"></path> <path fill="#4CAF50" d="M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2c-2 1.5-4.5 2.4-7.2 2.4-5.2 0-9.6-3.3-11.3-8L6.2 33C9.5 39.5 16.2 44 24 44z"></path> <path fill="#1976D2" d="M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.3-4.2 5.6l6.2 5.2C39.8 36.1 44 30.7 44 24c0-1.3-.1-2.3-.4-3.5z"></path> </svg>
Continue with Google
</button> </div> <div class="auth-divider">or</div> <button type="button" class="auth-cta-email" data-go="register"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <rect x="3" y="5" width="18" height="14" rx="1.5" stroke="currentColor" stroke-width="1.6"></rect> <path d="M4 6l8 7 8-7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg>
Continue with email
</button> <p class="auth-switcher" style="margin-top:18px">
Already have an account?
<button type="button" class="auth-link" data-go="login">Log in</button> </p> </div> </div> <!-- ========== STATE: register (email + password) ========== --> <div class="auth-step auth-step-register"> <div class="auth-body"> <div class="auth-kicker">Create your account</div> <h2 class="auth-title">Sign up with your <em>email</em>.</h2> <p class="auth-sub">We'll use this to save your recommendation and let you come back to it.</p> <form id="auth-register-form" class="auth-pw-form" novalidate> <label class="auth-field-label" for="auth-register-email">Email</label> <div class="auth-pw-field"> <input id="auth-register-email" type="email" name="email" required autocomplete="email" placeholder="you@example.com" inputmode="email"> </div> <label class="auth-field-label" for="auth-register-password">Password</label> <div class="auth-pw-field"> <input id="auth-register-password" type="password" name="password" required autocomplete="new-password" placeholder="At least 8 characters" minlength="8"> </div> <div class="auth-error" id="auth-register-error" aria-live="polite"></div> <button type="submit" class="auth-cta-email" id="auth-register-submit">
Create account
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <p class="auth-switcher">
Already have an account?
<button type="button" class="auth-link" data-go="login">Log in</button> </p> </form> </div> </div> <!-- ========== STATE: login ========== --> <div class="auth-step auth-step-login"> <div class="auth-body"> <div class="auth-kicker">Welcome back</div> <h2 class="auth-title">Log in to your <em>account</em>.</h2> <p class="auth-sub">Good to see you again.</p> <form id="auth-login-form" class="auth-pw-form" novalidate> <label class="auth-field-label" for="auth-login-email">Email</label> <div class="auth-pw-field"> <input id="auth-login-email" type="email" name="email" required autocomplete="email" placeholder="you@example.com" inputmode="email"> </div> <label class="auth-field-label" for="auth-login-password">Password</label> <div class="auth-pw-field"> <input id="auth-login-password" type="password" name="password" required autocomplete="current-password" placeholder="Your password"> </div> <div class="auth-error" id="auth-login-error" aria-live="polite"></div> <button type="submit" class="auth-cta-email" id="auth-login-submit">
Log in
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <p class="auth-switcher">
New here?
<button type="button" class="auth-link" data-go="register">Create an account</button> </p> </form> </div> </div> <!-- ========== STATE: check-email (email-verification interstitial) ========== --> <div class="auth-step auth-step-check-email"> <div class="auth-body"> <div class="auth-mail-mark"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <rect x="3" y="5" width="18" height="14" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect> <path d="M4 6l8 7 8-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <div class="auth-kicker" style="text-align:center">Verify your email</div> <h2 class="auth-title" style="text-align:center">Confirmation sent to <em id="auth-sent-email">your email</em>.</h2> <p class="auth-sub" style="text-align:center; margin-left:auto; margin-right:auto">
Click the link in the email to confirm your address. Once you do, you'll come right back here.
</p> </div> <div class="auth-foot"> <button class="auth-skip" type="button" data-go="register" data-go-dir="back">Use a different email</button> <button class="auth-next" type="button" id="auth-resend">Resend email</button> </div> </div> <!-- ========== STATE: intro (2s auto-advance) ========== --> <div class="auth-step auth-step-intro"> <div class="auth-body"> <div class="auth-intro-body"> <div class="auth-kicker">Welcome</div> <h2 class="auth-title">Before <em id="auth-intro-feature">getting your AI recommendations</em>, one question.</h2> <div class="auth-intro-dots" aria-hidden="true"><span></span><span></span><span></span></div> </div> </div> </div> <!-- ========== STATE: bonus pitch ========== --> <div class="auth-step auth-step-bonus"> <div class="auth-body"> <h2 class="auth-title">Get <em>2 bonus AI requests</em>.</h2> <p class="auth-sub">All you have to do is tell us the one book you'd recommend to anyone. And share with our community!</p> <!-- Preview of how the user's recommendation will appear on the public
             wall. Hardcoded sample content; visual only. --> <div class="auth-bonus-preview" aria-hidden="true"> <div class="auth-bonus-card"> <div class="auth-bonus-head"> <div class="auth-bonus-av"> <span class="auth-bonus-av-letter">B</span> <img class="auth-bonus-av-img" src="/bookdragon.png" alt="" onerror="this.remove()"> </div> <div class="auth-bonus-who"> <div class="auth-bonus-name">@bookdragon<span class="verb">recommends</span></div> <div class="auth-bonus-when">3D ago</div> </div> <div class="auth-bonus-owner"> <span class="auth-bonus-owner-btn" aria-hidden="true"> <svg width="11" height="11" viewBox="0 0 14 14" fill="none"> <path d="M2 11.5L11 2.5l1.5 1.5L3.5 13H2v-1.5z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path> </svg> </span> <span class="auth-bonus-owner-btn" aria-hidden="true"> <svg width="11" height="11" viewBox="0 0 14 14" fill="none"> <path d="M3 4h8M5 4V2.5h4V4M5 4l.5 8h3L9 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </div> <div class="auth-bonus-body">  <img id="auth-bonus-cover" class="auth-bonus-cover" alt="" loading="lazy" decoding="async" data-src="https://covers.openlibrary.org/b/isbn/9780735211292-M.jpg" onerror="this.replaceWith(Object.assign(document.createElement('div'),{className:'auth-bonus-cover-empty'}))"> <div class="auth-bonus-text"> <div class="auth-bonus-title">Atomic Habits <span class="year">(2018)</span></div> <div class="auth-bonus-author">by James Clear</div> <p class="auth-bonus-why">If you've ever started something and quit after two weeks, read this</p> </div> </div> </div> </div> </div> <div class="auth-foot"> <button class="auth-skip" type="button" data-skip="bonus">Skip ahead</button> <button class="auth-next" id="auth-bonus-next" type="button">Got it
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> <!-- ========== STATE: book pick ========== --> <div class="auth-step auth-step-book"> <div class="auth-body"> <h2 class="auth-title">What's the one book you'd <em>recommend</em> to everyone?</h2> <p class="auth-sub">Not your favorite of the year. The one you press into people's hands, again and again.</p> <div id="auth-book-picker"> <div class="auth-search-wrap" id="auth-search-wrap"> <div class="auth-search-field"> <svg width="18" height="18" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <circle cx="7" cy="7" r="5" stroke="currentColor" stroke-width="1.4"></circle> <path d="M11 11L14 14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path> </svg> <input id="auth-book-search" type="text" placeholder="Search by title or author" autocomplete="off"> </div> <div class="auth-typeahead hidden" id="auth-typeahead"></div> </div> </div> </div> <div class="auth-foot"> <button class="auth-skip" type="button" data-skip="book">Maybe later</button> <button class="auth-next" id="auth-book-next" disabled>Continue
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> <!-- ========== STATE: why ========== --> <div class="auth-step auth-step-why"> <div class="auth-body"> <h2 class="auth-title">Tell us <em>why</em>.</h2> <p class="auth-sub">A sentence or two is enough. Readers trust recommendations that come with a reason.</p> <div class="auth-book-chip" id="auth-why-chip" hidden>  <img id="auth-why-chip-img" alt=""> <div class="chip-body"> <div class="chip-label">Recommending</div> <div class="chip-title" id="auth-why-chip-title"></div> </div> </div> <textarea id="auth-why" class="auth-textarea" placeholder="I recommend this because..." maxlength="2000"></textarea> <div class="auth-textarea-meta"> <span id="auth-why-count">Optional, but helpful</span> <span>No wrong answer</span> </div> </div> <div class="auth-foot"> <button class="auth-skip" type="button" data-skip="why">Skip this</button> <button class="auth-next" id="auth-why-next">Continue
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> <!-- ========== STATE: share ========== --> <div class="auth-step auth-step-share"> <div class="auth-body"> <h2 class="auth-title">Ready to help your <em>favorite</em> book get seen?</h2> <div class="auth-share-card"> <div class="auth-share-head"> <div class="av" id="auth-share-av">A</div> <div class="who"> <div class="name"><span id="auth-share-name">You</span> <span style="color:#7A8480; font-family:'IBM Plex Mono', ui-monospace, monospace; font-size:10px; letter-spacing:0.14em; margin-left:8px;">recommends</span></div> <div class="sub">Just now</div> </div> </div> <div class="auth-share-body">  <img class="cover" id="auth-share-cover" alt=""> <div> <div class="book-title"><span id="auth-share-title"></span> <span class="author" id="auth-share-author"></span></div> <p class="auth-share-q" id="auth-share-q"></p> </div> </div> </div> <p class="auth-share-note" id="auth-share-note">Sharing publicly earns you <strong style="color:#2E6A4F;">+2 free AI recommendations</strong>.</p> </div> <div class="auth-confirm-row"> <button class="decline" id="auth-keep-private" type="button">Keep private</button> <button class="confirm" id="auth-publish" type="button">Save recommendation
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> <!-- ========== STATE: success ========== --> <div class="auth-step auth-step-success"> <div class="auth-body"> <div class="auth-success-mark"> <div class="circle"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12l5 5L19 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div class="auth-kicker" style="text-align:center">All set</div> <h2 class="auth-title" style="text-align:center">Your recommendation is <em>published</em>.</h2> <p class="auth-sub" style="text-align:center; margin-left:auto; margin-right:auto" id="auth-success-sub">
You can find your post on the <a href="/recommendations/" style="color:#2E6A4F; text-decoration:underline; text-underline-offset:3px;">recommendations page</a> anytime.
</p> </div> <div style="padding:18px 32px 24px; border-top:1px solid #D8D6C6;"> <button class="auth-success-cta" id="auth-return-cta" type="button"> <span id="auth-return-label">Return to your feature</span> <svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"><path d="M1 5h8M5 1l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="module" src="/_astro/AuthModal.astro_astro_type_script_index_0_lang.BntoGx_I.js"></script> <div class="cm-modal" id="cm-modal" hidden role="dialog" aria-modal="true" aria-labelledby="cm-title"> <div class="cm-scrim" id="cm-scrim" aria-hidden="true"></div> <aside class="cm-panel" role="document"> <header class="cm-head"> <div class="cm-head-text"> <div class="cm-eyebrow">Comments</div> <h2 class="cm-title" id="cm-title">—</h2> </div> <button type="button" class="cm-close" id="cm-close" aria-label="Close comments"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M3 3l10 10M13 3L3 13" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path> </svg> </button> </header> <form class="cm-form" id="cm-form"> <textarea class="cm-input" id="cm-input" placeholder="Share your thoughts..." maxlength="2000" rows="3"></textarea> <div class="cm-form-actions"> <span class="cm-form-hint" id="cm-form-hint" hidden></span> <button type="submit" class="cm-btn primary" id="cm-post">Post</button> <button type="button" class="cm-btn primary" id="cm-signin" hidden>Sign in to comment</button> </div> </form> <div class="cm-list" id="cm-list"> <div class="cm-loading" id="cm-loading">Loading comments...</div> </div> </aside> </div>  <script type="module" src="/_astro/CommentsModal.astro_astro_type_script_index_0_lang.CBGAvu6N.js"></script> </body></html>