.reader{--reader-col: min(100%, 44rem);--reader-wide: min(100%, 54rem);--reader-top: 4.55rem;--book-max: min(100%, 60rem);--book-gutter: clamp(1.8rem, 5vw, 4rem);--book-h: clamp(24rem, calc(100svh - 17rem) , 42rem)}@media(min-width:1280px){.reader{--reader-col: min(100%, 48rem);--reader-wide: min(100%, 58rem);--book-max: min(100%, 68rem)}}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,17rem));justify-content:center;gap:1.1rem;margin-top:1.5rem}.shelf-item{position:relative;display:flex;flex-direction:column;overflow:hidden;text-align:left;background:linear-gradient(180deg,rgba(232,201,122,.07),transparent 36%),var(--bg-card);border:1px solid rgba(232,201,122,.2);box-shadow:0 0 0 1px #0a0a0bcc inset,0 14px 30px #0000004d;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.shelf-item:hover,.shelf-item:focus-visible{transform:translateY(-3px);border-color:#f0d78c80;box-shadow:0 0 0 1px #0a0a0bcc inset,0 0 26px var(--glow),0 18px 36px #00000057;outline:none}.shelf-item[aria-current=true]{border-color:#f0d78cb3;box-shadow:0 0 0 1px #0a0a0bcc inset,0 0 30px var(--glow),0 18px 36px #00000057}.shelf-mark{position:absolute;top:0;right:1.1rem;z-index:2;display:flex;align-items:flex-start;justify-content:center;width:1.35rem;height:2.6rem;padding-top:.4rem;background:linear-gradient(180deg,var(--gold-soft),var(--accent));clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);box-shadow:0 4px 10px #00000073;opacity:0;transform:translateY(-100%);transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)}.shelf-item[aria-current=true] .shelf-mark{opacity:1;transform:translateY(0)}.shelf-cover{position:relative;overflow:hidden;background:linear-gradient(150deg,#1d1a16,#0d0c0d)}.shelf-cover img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;filter:saturate(.92) brightness(.86);transition:transform .5s ease,filter .3s ease}.shelf-item:hover .shelf-cover img,.shelf-item[aria-current=true] .shelf-cover img{filter:saturate(1) brightness(1);transform:scale(1.03)}.shelf-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,10,11,.85))}.shelf-cover-blank{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;font-family:var(--font-display);font-size:2.6rem;color:#e8c97a8c;background:radial-gradient(ellipse at 50% 30%,rgba(232,201,122,.14),transparent 62%),linear-gradient(150deg,#1d1a16,#0d0c0d)}.shelf-body{padding:.95rem 1.05rem 1.15rem}.shelf-kicker{display:block;font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#e8c97acc}.shelf-title{display:block;margin-top:.35rem;font-family:var(--font-display);font-size:1rem;line-height:1.25;color:var(--cream)}.shelf-item[aria-current=true] .shelf-title,.shelf-item:hover .shelf-title{color:var(--gold-soft)}.shelf-blurb{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:.45rem;font-size:.82rem;line-height:1.5;color:var(--muted)}.shelf-meta{margin-top:.6rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#a39e93bf}.reader-stack{margin-top:3rem}.reader-story[hidden]{display:none}.reader-story{animation:reader-in .45s ease both}@keyframes reader-in{0%{opacity:0;transform:translateY(10px)}}.reader-bar{position:sticky;top:var(--reader-top);z-index:20;display:flex;align-items:center;gap:1rem;padding:.6rem 0 .55rem;background:linear-gradient(180deg,#0a0a0bf0 62%,#0a0a0b00);backdrop-filter:blur(4px)}.reader-bar-title{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#e8c97ad1}.reader-bar-track{position:relative;flex:1 1 auto;height:2px;background:#e8c97a29}.reader-bar-track i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--accent),var(--gold-soft));box-shadow:0 0 10px #e8c97a80}.reader-head{max-width:var(--reader-wide);margin:1.4rem auto 0;text-align:center}.reader-title{margin-top:.9rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.16}.reader-blurb{max-width:32rem;margin:1rem auto 0;font-family:Cormorant Garamond,Palatino Linotype,Palatino,serif;font-size:1.12rem;font-style:italic;line-height:1.6;color:var(--muted)}.reader-meta{margin-top:1.1rem;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#a39e93cc}.reader-rule{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:1.6rem;color:var(--gold)}.reader-rule span{height:1px;width:min(7rem,20vw);background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.reader-rule i{font-style:normal;font-size:.7rem;opacity:.85}.reader-book{position:relative;max-width:var(--book-max);margin:2.6rem auto 0;padding:0 clamp(.6rem,2vw,1.6rem);background:linear-gradient(180deg,rgba(232,201,122,.05),transparent 30%),var(--bg-card);border:1px solid rgba(232,201,122,.18);box-shadow:0 0 0 1px #0a0a0bcc inset,0 18px 44px #00000052}.reader-book .reader-spread{height:var(--book-h);columns:2;column-gap:var(--book-gutter);column-fill:auto;overflow:hidden;overscroll-behavior:contain;padding:clamp(1.4rem,3vw,2.4rem) 0;max-width:none;margin:0;font-size:clamp(1.05rem,.94rem + .3vw,1.22rem);line-height:1.75}.reader-book .reader-folio[data-kind=text]{max-width:none}.reader-book .reader-folio[data-kind=plate] img{max-height:calc(var(--book-h) * .62)}.reader-book .reader-folio[data-kind=plate] figure,.reader-book .reader-prose figure{margin:1.4rem 0}.reader-book .reader-spread:focus-visible{outline:1px solid rgba(240,215,140,.55);outline-offset:.35rem}.reader-spine{position:absolute;top:clamp(1.4rem,3vw,2.4rem);bottom:clamp(1.4rem,3vw,2.4rem);left:50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(232,201,122,.28) 18%,rgba(232,201,122,.28) 82%,transparent)}.reader-spread p{orphans:2;widows:2}.reader-spread figure,.reader-spread .reader-break{break-inside:avoid}.reader-spread .reader-break{margin:1.7rem auto}.reader-nav{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,2rem);max-width:var(--reader-wide);margin:1.3rem auto 0}.reader-turn{flex:0 0 auto;padding:.5rem 1.1rem;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);background:transparent;border:1px solid rgba(232,201,122,.35);cursor:pointer;transition:border-color .24s ease,color .24s ease,box-shadow .24s ease}.reader-turn span{display:inline-block;margin:0 .15em}.reader-turn:hover:not(:disabled),.reader-turn:focus-visible{border-color:#f0d78cbf;color:var(--cream);box-shadow:0 0 18px var(--glow);outline:none}.reader-turn:disabled{opacity:.3;cursor:default}.reader-folionum{flex:0 0 auto;min-width:9ch;text-align:center;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#a39e93d9}@media(max-width:860px){.reader-book .reader-spread{columns:1}.reader-spine{display:none}}@media(max-width:520px){.reader-nav{gap:.5rem}.reader-turn{padding:.5rem .7rem;font-size:.66rem;letter-spacing:.12em}.reader-folionum{min-width:0;font-size:.62rem;letter-spacing:.12em}}.reader-prose{max-width:var(--reader-wide);margin:2.6rem auto 0;font-family:Cormorant Garamond,Palatino Linotype,Palatino,serif;font-size:clamp(1.18rem,.98rem + .55vw,1.45rem);font-weight:500;line-height:1.82;color:#eeeae1f2;text-wrap:pretty;hyphens:auto;hyphenate-limit-chars:8 4 3}.reader-folio[data-kind=text]{max-width:var(--reader-col);margin-inline:auto}.reader-prose p{margin:0 0 1.05em}.reader-prose p.speech{margin-bottom:.85em;padding-left:1.1em;text-indent:-1.1em}.reader-prose p:last-child{margin-bottom:0}.reader-prose p.drop:first-letter{float:left;font-family:var(--font-display);font-size:3.35em;font-weight:700;line-height:.82;margin:.06em .16em 0 0;color:var(--gold);text-shadow:0 0 22px rgba(232,201,122,.35)}.reader-prose h1,.reader-prose h2,.reader-prose h3{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;line-height:1.25;color:var(--gold-soft);margin:2rem 0 .9em}.reader-prose h1{font-size:1.5em}.reader-prose h2{font-size:1.28em}.reader-prose h3{font-size:1.1em}.reader-prose strong{color:var(--cream);font-weight:600}.reader-prose figure{margin:2.4rem 0}.reader-prose img{display:block;width:100%;height:auto;border:1px solid rgba(232,201,122,.26);box-shadow:0 0 0 1px #0a0a0bbf inset,0 22px 46px #0000005c,0 0 34px #e8c97a12}.reader-folio[data-kind=plate] figure{margin:3rem 0}.reader-folio[data-kind=plate] img{width:auto;max-width:100%;max-height:78vh;margin-inline:auto;object-fit:contain}.reader-prose figcaption{margin-top:.75rem;text-align:center;font-family:var(--font-body);font-size:.78rem;letter-spacing:.06em;color:var(--muted)}.reader-break{display:flex;align-items:center;justify-content:center;margin:2.6rem auto;color:var(--gold);opacity:.6}.reader-break:before,.reader-break:after{content:"";width:3rem;height:1px;margin:0 1rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.reader-end{max-width:var(--reader-col);margin:3.4rem auto 0;text-align:center}.reader-end-text{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#e8c97ad9}.reader-end .btn-gold-outline{margin-top:1.5rem}.reader-empty{max-width:var(--reader-col);margin:2.5rem auto 0;text-align:center;color:var(--muted)}@media(max-width:640px){.reader-prose{line-height:1.78}.reader-break{margin:2rem auto}.reader-folio[data-kind=plate] img{max-height:62vh}}@media(prefers-reduced-motion:reduce){.reader-story,.shelf-item,.shelf-cover img,.shelf-mark{animation:none;transition:none}.shelf-item:hover,.shelf-item:focus-visible{transform:none}}.shelf-now{display:none;color:#e8c97ad9}.shelf-item[aria-current=true] .shelf-now{display:inline}