/* the Book Nook: only the Inspiration chapter, none of the 3D site's chrome */
@media (min-width: 861px) { .nookworld .insp-head { top: 8vh; } .nookworld .insp-head h2 { font-size: clamp(30px, 2.8vw, 44px); margin-bottom: 8px; } .nookworld .insp-stage { top: 22vh; height: 62vh; right: 8vw; } }   /* the cassette and the desk take the room the headline had */
.nook-cta { position: fixed; z-index: 30; left: 50%; bottom: 22px; transform: translateX(-50%); display: flex; align-items: center; gap: 18px; padding: 10px 14px 12px 24px; max-width: calc(100vw - 32px); border: 1px solid rgba(122, 162, 224, 0.35); border-radius: 999px; background: rgba(20, 24, 28, 0.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 18px 50px -18px #000; }
.nook-cta p { margin: 0; font: 500 16px var(--display, system-ui); color: #c9d1dc; } .nook-cta p b { color: #fff; font-weight: 600; }
.nook-cta .btn { white-space: nowrap; padding: 10px 20px; font-size: 15px; }
.nook-cta[hidden] { display: none; }
.nook-cta .mk { flex: none; width: 30px; height: 30px; margin-right: -6px; background: var(--accent-hi, #7aa2e0); -webkit-mask: url(img/mark.svg) center / contain no-repeat; mask: url(img/mark.svg) center / contain no-repeat; }   /* the compass, Lost Writer's icon */
.nook-btns { display: flex; align-items: center; gap: 8px; }
.nook-cta .btn.quiet { color: #c3cad5; background: #2b3039; box-shadow: 0 3px 0 #4b5362; } .nook-cta .btn.quiet:hover { color: #fff; background: #373d48; }
@media (max-width: 860px) {
  .nookworld .insp-head { top: 40px; } .nookworld .insp-head h2 { font-size: 28px; margin-bottom: 6px; } .nookworld .insp-head .sub { font-size: 16px; line-height: 1.45; }
  .nook-cta { flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 20px; padding: 10px 12px 12px; gap: 6px 10px; bottom: calc(env(safe-area-inset-bottom, 0px) + 46px); width: calc(100vw - 20px); box-sizing: border-box; }
  .nook-cta .mk { width: 24px; height: 24px; margin-right: 0; } .nook-cta p { flex: 0 1 auto; max-width: calc(100% - 40px); text-align: left; font-size: 14px; line-height: 1.3; }
  .nook-btns { flex-basis: 100%; justify-content: center; } .nook-cta .btn { padding: 9px 16px; font-size: 14px; }
}
.nookworld .top, .nookworld .rail, .nookworld .mobile-nav, .nookworld .onward, .nookworld .skip, .nookworld .view-switch { display: none !important; }
/* the loader's dark cover is there from the very first frame, so the half-built page underneath never shows (on a slow, uncached load it flashed for a second); only its words and bar wait 0.7 s, so a fast load still goes straight to the page (Mel and Non, 2026-11-08; cover fixed 2026-11-10) */
.loader:not(.done) > * { animation: loader-in 0.4s ease 0.7s both; }
@keyframes loader-in { from { opacity: 0; } to { opacity: 1; } }