/* The reader has its own surface; storefront components keep their existing design. */
body.book-preview-page{--reader-gold:#c8ad73;--paper:#f3efe4;margin:0;color:#ede9dd;background:#10110f;font-family:Manrope,Arial,sans-serif}
.book-preview-page:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#090d0cc7,#0c0e0d45 42%,#090c0bea),url('/assets/optimized/reading-desk.webp') center/cover no-repeat;pointer-events:none}
.book-preview-page .reader-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,76px);height:auto;min-height:78px;background:#0b100ed9;border-bottom:1px solid #bc9a4f28;backdrop-filter:blur(8px)}
.reader-header .brand{gap:14px}.reader-header .brand-emblem{width:42px;height:48px;object-fit:contain}.reader-header .brand>span{font-size:13px;letter-spacing:3px}.reader-header .reader-back{font-size:13px;color:#d5c69f;text-decoration:none;padding:10px 0;border-bottom:1px solid #b99a5a66;white-space:nowrap}
.reader-main{max-width:1320px;margin:auto}.reader-intro{text-align:center;padding:30px 20px 12px}.reader-intro .eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--reader-gold);margin:0 0 8px}.reader-intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(36px,4vw,52px);line-height:1.05;margin:0 0 8px}.reader-intro>p:last-child{font-size:13px;color:#bfbeb3;margin:0}
.reader{margin:0 auto;max-width:1220px}.book-stage{height:var(--stage-height,600px);overflow:auto;padding:25px 26px 35px;outline-offset:-5px;overscroll-behavior:contain;scrollbar-color:#8d7647 #131510;scrollbar-width:thin;touch-action:pan-x pan-y;position:relative;isolation:isolate}
.book-shell{--zoom:1;box-sizing:content-box;position:relative;width:calc(var(--base-width,900px)*var(--zoom));margin:0 auto;padding:12px 14px 16px;border:1px solid #9a7b3e;border-radius:8px 9px 10px 8px;background:radial-gradient(ellipse at 45% 20%,#35302580,transparent 70%),repeating-radial-gradient(circle at 50% 50%,#ffffff05 0 1px,transparent 1px 4px),#221e17;box-shadow:0 3px 0 #4d3f24,0 6px 0 #151510,0 22px 38px #000c,0 35px 65px #0009;transition:width .2s ease}
.book-shell:after{content:"";position:absolute;left:16px;right:16px;bottom:9px;height:10px;background:repeating-linear-gradient(#c5bca7 0 1px,#ded7c3 1px 2px);border-radius:0 0 40% 40%;z-index:-1;box-shadow:0 2px 4px #0008}
.book-pages{position:relative;display:flex;aspect-ratio:17/11;background:var(--paper);border-radius:3px 6px 8px 3px;box-shadow:0 1px 6px #000a;perspective:2000px;transform-style:preserve-3d}
.book-shell.is-single .book-pages{aspect-ratio:17/22}.sheet{position:relative;width:50%;height:100%;flex:none;overflow:hidden;border-radius:2px;background:var(--paper)}.is-single .sheet{width:100%}.sheet img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#6f583b09,transparent 15%,transparent 90%,#3b2c1c38)}.sheet+.sheet:after{background:linear-gradient(90deg,#3b2c1c48,transparent 10%,transparent 85%,#6f583b12)}.is-single .sheet:after{background:linear-gradient(90deg,#271e1a18,transparent 5%,transparent 94%,#3b2c1c12)}
.book-pages.spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#5d4b3670;box-shadow:-3px 0 10px 2px #30251820;pointer-events:none;z-index:4}
.book-corner{position:absolute;width:29px;height:29px;pointer-events:none;z-index:6;border-style:solid;border-color:#ae8c4f;filter:drop-shadow(0 1px 1px #000);opacity:.9}.corner-tl{left:3px;top:3px;border-width:2px 0 0 2px;border-radius:5px 0 0 0}.corner-tr{right:3px;top:3px;border-width:2px 2px 0 0;border-radius:0 5px 0 0}.corner-bl{left:3px;bottom:3px;border-width:0 0 2px 2px;border-radius:0 0 0 5px}.corner-br{right:3px;bottom:3px;border-width:0 2px 2px 0;border-radius:0 0 5px 0}
.book-preview-page .page-edge{position:absolute;top:12px;bottom:16px;width:9%;z-index:7;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;cursor:pointer}.book-preview-page .page-edge:hover{background:linear-gradient(90deg,transparent,#ba9b5140)}.book-preview-page .edge-previous:hover{background:linear-gradient(90deg,#ba9b5140,transparent)}.edge-previous{left:14px}.edge-next{right:14px}.book-preview-page .page-edge:disabled{background:transparent;cursor:default}.book-preview-page .page-edge:before,.book-preview-page .page-edge:after{display:none}
.turn-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:5;pointer-events:none}.turn-leaf.forward{left:50%;transform-origin:left center;animation:turn-forward 640ms cubic-bezier(.45,.05,.25,1) forwards}.turn-leaf.backward{left:0;transform-origin:right center;animation:turn-backward 640ms cubic-bezier(.45,.05,.25,1) forwards}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--paper);box-shadow:0 0 20px #0003}.leaf-face img{width:100%;height:100%;object-fit:contain;display:block}.leaf-face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 15%,#0001 85%,#0002)}.leaf-back{transform:rotateY(180deg)}.turn-leaf.single-turn{width:100%;left:0;transform-origin:left;animation:turn-single 480ms ease-in forwards}.turn-leaf.single-turn.backward{transform-origin:right;animation:turn-single-back 480ms ease-in forwards}.book-shell.opening{animation:open-book 480ms ease-out}
@keyframes turn-forward{to{transform:rotateY(-180deg)}}@keyframes turn-backward{to{transform:rotateY(180deg)}}@keyframes turn-single{to{transform:rotateY(-110deg);opacity:0}}@keyframes turn-single-back{to{transform:rotateY(110deg);opacity:0}}@keyframes open-book{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.reader-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 20px 0}.book-preview-page .reader-control{background:#141713ed;color:#e8dbbb;border:1px solid #9a815352;border-radius:4px;font-size:13px;font-weight:500;padding:12px 20px;min-width:148px;box-shadow:0 3px 12px #0003;white-space:nowrap}.book-preview-page .reader-control:hover:enabled{background:#292a21;border-color:#c4a968}.book-preview-page button:disabled{opacity:.35;cursor:default;transform:none}.book-preview-page button:after{display:none}.page-progress{display:flex;flex-direction:column;align-items:center;min-width:170px;gap:5px}.page-progress select{font:inherit;font-size:12px;border:0;color:#ded2b5;background:#141710;padding:4px 25px 4px 8px;max-width:190px;border-radius:3px}.page-progress>span{font-size:11px;color:#b5b09f;font-variant-numeric:tabular-nums}.reader-tools{display:flex;align-items:center;justify-content:center;gap:26px;margin:18px 20px 10px}.zoom-controls{display:flex;gap:0;align-items:center;border:1px solid #a0885140;border-radius:4px;background:#101510b3}.book-preview-page .zoom-controls button{border:0;background:transparent;color:#dfd0ad;box-shadow:none;border-radius:0;font-size:17px;min-width:32px;min-height:34px;padding:4px 9px}.book-preview-page .zoom-controls #zoomReset{font-size:11px;border-left:1px solid #a0885140}.zoom-controls output{width:45px;text-align:center;font-size:11px;color:#c4bea9}.reader-tools>a{font-size:12px;color:#d0bc8d;text-underline-offset:5px}.reader-hint{text-align:center;margin:14px 20px 0;font-size:11px;line-height:1.7;color:#999e91}.reader-error{margin:8px 24px;text-align:center;color:#e8d0a4;font-size:14px}.reader-error a{color:inherit}.reader-transcript{max-width:840px;margin:18px auto 0;padding:0 20px;font-size:13px;color:#b6b7aa}.reader-transcript summary{width:fit-content;margin:auto;cursor:pointer;color:#b7ac91;padding:8px}.reader-transcript section{background:#131710ec;padding:24px;margin:16px 0;border:1px solid #bca06130}.reader-transcript h3{font-family:Georgia,serif;font-size:20px;color:#e6dac0}.reader-transcript pre{white-space:pre-wrap;font:14px/1.9 Manrope,Arial,sans-serif;color:#d3d1c3}.reader-transcript img{width:100%;height:auto}.reader-noscript{text-align:center;padding:20px}
.reader-purchase{max-width:1000px;margin:38px auto 0;padding:28px 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ac915333}.reader-purchase .eyebrow{font-size:9px;letter-spacing:2px;color:var(--reader-gold);margin:0 0 10px}.reader-purchase h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:500;margin:0 0 5px}.reader-purchase p:last-child{font-size:12px;color:#b6b5a5;margin:0}.reader-purchase .button{font-size:12px;white-space:nowrap;padding:15px 23px}.book-preview-page .reader-footer{display:flex;justify-content:center;gap:24px;padding:22px 20px;background:#0a0e0ba8;border-top:1px solid #bca06120;font-size:10px;color:#929687;margin:0;min-height:0}
.book-preview-page a:focus-visible,.book-preview-page button:focus-visible,.book-preview-page select:focus-visible,.book-preview-page summary:focus-visible,.book-stage:focus-visible{outline:2px solid #e4c47f;outline-offset:4px}.book-preview-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.book-preview-page .reader-header{min-height:70px;padding:12px 18px;gap:16px}.reader-header .brand{gap:10px}.reader-header .brand>span{font-size:9px;letter-spacing:2px}.reader-header .brand-emblem{width:30px;height:39px}.reader-header .reader-back{font-size:11px}.reader-intro{padding:25px 16px 10px}.reader-intro .eyebrow{font-size:8px;letter-spacing:1.6px}.reader-intro h1{font-size:38px}.reader-intro>p:last-child{font-size:11px;max-width:250px;margin:auto;line-height:1.7}.book-stage{padding:20px 16px 28px}.book-shell{padding:8px 9px 12px;border-radius:5px}.book-corner{width:20px;height:20px}.book-preview-page .page-edge{top:8px;bottom:12px}.edge-previous{left:9px}.edge-next{right:9px}.reader-controls{gap:10px;padding:8px 16px 0;justify-content:space-between}.book-preview-page .reader-control{min-width:0;padding:11px 10px;font-size:11px}.page-progress{min-width:0;max-width:124px;gap:6px}.page-progress select{max-width:124px;font-size:10px}.page-progress>span{font-size:10px}.reader-tools{gap:20px;margin-top:18px}.reader-tools>a{font-size:11px}.reader-hint{font-size:10px;margin-inline:32px}.reader-purchase{margin-top:25px;flex-direction:column;text-align:center;padding:26px 20px}.reader-purchase h2{font-size:27px}.book-preview-page .reader-footer{flex-direction:column;align-items:center;gap:8px}.reader-transcript pre{font-size:13px}.reader-transcript section{padding:18px}}
.reader-intro .eyebrow{justify-content:center}.book-preview-page .page-edge{transform:none!important}
.book-shell:after{z-index:0;bottom:4px}.book-pages{z-index:1}
@media(prefers-reduced-motion:reduce){.book-shell{transition:none}.turn-leaf,.book-shell.opening{animation:none!important}}