@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root{--ink:#080811;--paper:#f8f4ed;--gold:#f1cf73;--gold2:#d69a35}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;overflow-x:hidden}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,5vw,70px);background:#090914;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:3}
.brand{font:600 30px 'Playfair Display',serif;color:#f8f4ed;text-decoration:none;letter-spacing:-1px}.brand span,.brand em{color:var(--gold)}.brand span{font:26px/1 'DM Sans',sans-serif;margin-right:11px}.brand em{font-style:italic}.sign-in{color:#e8dfcf;text-decoration:none;padding:10px 4px;font:500 16px 'Playfair Display',serif;white-space:nowrap;transition:color .2s ease}.sign-in:hover,.sign-in:focus-visible{color:#f3d37a}.join-free{color:#f6e2a4;text-decoration:none;border:1px solid rgba(241,207,115,.66);border-radius:999px;padding:12px 20px;font:500 16px 'Playfair Display',serif;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}.join-free:hover,.join-free:focus-visible{background:rgba(241,207,115,.1);border-color:#f3d37a;outline:0}
.hero{min-height:720px;background-image:linear-gradient(90deg,rgba(5,5,13,.94) 0%,rgba(5,5,13,.78) 37%,rgba(5,5,13,.2) 70%,rgba(5,5,13,.56)),url('../images/landing/landing-library-romance-desktop.png');background-size:cover;background-position:center;display:flex;align-items:center;padding:clamp(50px,9vw,140px) clamp(28px,6vw,120px)}.hero-copy{max-width:610px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700;margin:0 0 18px}.hero h1,.world-picker-heading h2,.bookstore-hero h1,.plain-page h1{font:600 clamp(48px,5.8vw,84px)/.98 'Playfair Display',serif;margin:0 0 25px;letter-spacing:-2.5px}.hero h1 em{font-weight:500;color:var(--gold);font-style:italic}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.55;color:#e3ddea;max-width:470px;margin:0}
.world-picker{position:relative;padding:72px clamp(20px,5vw,84px) 78px;isolation:isolate;background:linear-gradient(180deg,#080811 0%,rgba(6,8,20,.52) 18%,#080811 100%)}.world-picker:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(6,8,19,.7),rgba(6,8,19,.58)),url('../images/worlds/world-surprise.png') center 22%/cover no-repeat;opacity:.25}.world-picker:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 12%,rgba(75,71,139,.22),transparent 35%),linear-gradient(180deg,rgba(8,8,17,.18),#080811 94%)}.world-picker-inner{max-width:1120px;margin:0 auto}.world-picker-heading{text-align:center;margin:0 auto 28px}.world-picker-heading h2{margin-bottom:12px;font-size:clamp(42px,5vw,68px)}.world-picker-heading>p:not(.eyebrow){margin:0;color:#d9d2df;font-size:18px;line-height:1.45}.world-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world-scene{display:block;position:relative;aspect-ratio:4/3;text-decoration:none;color:#fff7e8;overflow:hidden;border:1px solid rgba(241,207,115,.54);border-radius:15px;background:#0b1020;box-shadow:0 12px 34px rgba(0,0,0,.36);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.world-scene:hover,.world-scene:focus-visible{transform:translateY(-4px);border-color:#f5d77f;box-shadow:0 17px 40px rgba(0,0,0,.48),0 0 22px rgba(241,207,115,.2);outline:0}.world-scene img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.world-scene:hover img{transform:scale(1.035)}.world-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,13,.03) 26%,rgba(3,4,13,.22) 58%,rgba(3,4,13,.82) 100%)}.world-scene span{position:absolute;z-index:1;left:12px;right:12px;bottom:13px;text-align:center;font:600 clamp(19px,2.2vw,30px)/1.04 'Playfair Display',serif;text-shadow:0 2px 12px rgba(0,0,0,.82)}
.bookstore-page{min-height:100vh;background:#080811}.bookstore-hero{width:100%;max-width:1240px;min-height:clamp(650px,52vw,720px);margin:0 auto;display:flex;align-items:center;padding:90px clamp(48px,7vw,110px);position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,5,12,.95) 0%,rgba(5,5,12,.82) 36%,rgba(5,5,12,.34) 72%,rgba(5,5,12,.74) 100%),var(--world-image,url('../images/backgrounds/bookstore-library-bg.png'));background-size:cover;background-position:center 43%;box-shadow:0 0 82px 22px rgba(0,0,0,.58)}.bookstore-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#080811 100%);pointer-events:none}.bookstore-hero-copy{position:relative;z-index:1;max-width:650px}.bookstore-hero h1{font-size:clamp(50px,5.5vw,78px);margin-bottom:17px}.bookstore-intro{color:#eee7f1;font-size:22px;line-height:1.45;margin:0 0 14px}.bookstore-status{color:#c9c0d0;line-height:1.65;font-size:17px;max-width:520px;margin:0 0 27px}.text-link{color:#f3d37a;text-decoration:none;font-weight:700}.shelf-wrap{max-width:1240px;margin:0 auto;padding:20px 25px 110px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.book-card{border:1px solid rgba(241,207,115,.22);border-radius:20px;overflow:hidden;background:#11111f;box-shadow:0 20px 48px rgba(0,0,0,.32)}.book-cover{height:340px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 75%,#ffdf87 0,rgba(255,210,112,.3) 12%,transparent 36%),linear-gradient(145deg,#633d23,#c78b3c 53%,#211323)}.tone-violet .book-cover{background:radial-gradient(circle at 70% 70%,#c39aff 0,rgba(158,112,238,.3) 13%,transparent 38%),linear-gradient(145deg,#24185e,#6847a8 52%,#17102a)}.tone-midnight .book-cover{background:radial-gradient(circle at 70% 70%,#9bd5ea 0,rgba(91,161,191,.25) 12%,transparent 37%),linear-gradient(145deg,#071323,#1a4564 52%,#080914)}.book-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,3,10,.65))}.book-cover>*{position:relative;z-index:1}.book-cover p{align-self:flex-start;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.book-cover h2{font:600 40px/1 'Playfair Display',serif;margin:15px 0 9px;letter-spacing:-1px}.book-copy{padding:21px}.book-copy p{color:#cfc8d7;line-height:1.5;margin:0 0 18px}
.footer{padding:50px clamp(24px,6vw,100px);border-top:1px solid rgba(255,255,255,.1);background:#06060d}.footer strong{font:600 28px 'Playfair Display',serif}.footer p{color:#bdb5c8;margin:8px 0 24px}.footer div{display:flex;gap:22px;flex-wrap:wrap}.footer a{color:#e2dce8;text-decoration:none}.footer small{display:block;color:#8a8491;margin-top:30px}.plain-page{min-height:65vh;max-width:850px;margin:0 auto;padding:100px 25px}.plain-page p{color:#cdc5d7;font-size:18px;line-height:1.65;margin-bottom:30px}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:23px}.brand span{font-size:20px;margin-right:8px}.sign-in{padding:8px 1px;font-size:14px}.join-free{padding:9px 13px;font-size:14px}.hero{min-height:760px;padding:67px 27px 45px;align-items:flex-start;background-image:linear-gradient(180deg,rgba(6,6,14,.65),rgba(6,6,14,.15) 40%,rgba(6,6,14,.88) 88%,#070711),url('../images/landing/landing-library-romance-mobile.png');background-position:center top}.hero h1{font-size:50px;letter-spacing:-1.7px}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:310px}.world-picker{padding:47px 17px 56px}.world-picker-heading{margin-bottom:20px}.world-picker-heading h2{font-size:44px;letter-spacing:-1.35px;margin-bottom:9px}.world-picker-heading>p:not(.eyebrow){font-size:16px}.world-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-scene{border-radius:13px}.world-scene span{left:7px;right:7px;bottom:10px;font-size:19px}.bookstore-hero{max-width:none;min-height:540px;margin:0;padding:72px 25px 56px;align-items:flex-start;background-position:62% center;box-shadow:none}.bookstore-hero h1{font-size:50px;letter-spacing:-1.7px}.bookstore-intro{font-size:21px}.bookstore-status{font-size:16px;max-width:310px}.shelf-wrap{padding:22px 20px 75px}.book-grid{grid-template-columns:1fr;gap:17px}.footer{padding:40px 22px}.plain-page{padding:75px 22px}.plain-page h1{font-size:43px}}


/* Reader Accounts + Book Access additions. Existing home and world imagery above remains unchanged. */
.topbar-actions{display:flex;align-items:center;gap:14px}.reader-link{color:#f6e2a4;text-decoration:none;border-bottom:1px solid rgba(241,207,115,.48);padding:7px 0;font:500 16px 'Playfair Display',serif}.book-access{display:block;margin:10px 0 14px;color:#eacb80;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.book-copy .text-link{display:inline-block}
@media(max-width:560px){.reader-link{font-size:15px}.topbar{padding-left:18px;padding-right:18px}.brand{font-size:23px}.brand span{margin-right:7px}.topbar-actions{gap:10px}}
@media(max-width:390px){.topbar{padding-left:15px;padding-right:15px}.brand{font-size:21px}.brand span{font-size:18px;margin-right:6px}.topbar-actions{gap:8px}.sign-in{font-size:13px}.join-free{padding:8px 11px;font-size:13px}}

/* Unified NovelsForMe menu: logged-in visitors keep the same quiet bookstore header. */
.nfm-site-menu{position:relative;z-index:30}.nfm-site-menu>summary{width:58px;height:58px;border:1px solid rgba(241,207,115,.52);border-radius:22px;background:rgba(248,244,237,.96);display:grid;place-content:center;gap:5px;cursor:pointer;list-style:none;box-shadow:0 14px 34px rgba(0,0,0,.28)}.nfm-site-menu>summary::-webkit-details-marker{display:none}.nfm-site-menu>summary span{display:block;width:20px;height:2px;border-radius:99px;background:#0b3a31}.nfm-site-menu__panel{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 34px));padding:13px;border:1px solid rgba(241,207,115,.22);border-radius:21px;background:linear-gradient(145deg,rgba(13,20,20,.94),rgba(5,13,12,.96));box-shadow:0 26px 70px rgba(0,0,0,.48);backdrop-filter:blur(14px)}.nfm-site-menu__panel a,.nfm-site-menu__panel button{display:block;width:100%;padding:14px 16px;border:0;border-radius:13px;background:transparent;color:#f7efd9;text-align:left;text-decoration:none;font:700 16px/1.1 'Playfair Display',serif;cursor:pointer}.nfm-site-menu__panel a:hover,.nfm-site-menu__panel a:focus-visible,.nfm-site-menu__panel button:hover,.nfm-site-menu__panel button:focus-visible{background:rgba(255,255,255,.08);color:#f3d37a;outline:0}.nfm-site-menu__panel form{margin:0}.nfm-site-menu[open]>summary{background:#fff8e8;border-color:#f3d37a}.reader-link{display:none!important}@media(max-width:760px){.nfm-site-menu>summary{width:50px;height:50px;border-radius:18px}.nfm-site-menu__panel{top:calc(100% + 9px)}}

/* Menu text trigger reset: keep the approved quiet gold link style everywhere. */
.nfm-site-menu > summary{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(241,207,115,.48)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  color:#f6e2a4!important;
  text-decoration:none!important;
  font:500 16px 'Playfair Display',serif!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  list-style:none!important;
}
.nfm-site-menu > summary::-webkit-details-marker{display:none!important}
.nfm-site-menu[open] > summary,
.nfm-site-menu > summary:hover,
.nfm-site-menu > summary:focus-visible{
  color:#ffe28a!important;
  border-bottom-color:rgba(255,226,138,.85)!important;
  outline:0!important;
}
@media(max-width:760px){
  .nfm-site-menu > summary{
    width:auto!important;
    height:auto!important;
    padding:7px 0!important;
    border-radius:0!important;
    font-size:16px!important;
  }
}