.reader-body{min-height:100dvh;background:radial-gradient(ellipse at 50% 45%,#3b3426 0%,#211e18 45%,#181713 75%)}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 38px;border-bottom:1px solid var(--line);height:82px}.reader-back{font-size:11px;color:#c1b7a6;display:flex;gap:12px;align-items:center}.reader-brand{text-align:center;font-family:Georgia,serif;font-size:14px;letter-spacing:1px}.reader-brand small{display:block;color:var(--gold);font:8px Arial,sans-serif;letter-spacing:2px;margin-top:7px}.reader-tool{border:1px solid #ffffff20;background:#ffffff03;color:#c9bea9;padding:8px 12px;font-size:11px;min-height:35px;white-space:nowrap}.reader-tool:hover{border-color:#c9a76a88;background:#c9a76a10}.reader-top{max-width:1500px;margin:auto;padding:23px 50px 8px;display:flex;justify-content:space-between;align-items:center}.reader-top .eyebrow{font-size:8px;letter-spacing:2px}.reader-top h1{font-size:28px;margin:8px 0 0;letter-spacing:-.5px}.reader-workspace{position:relative;max-width:1500px;margin:auto}.book-stage{height:calc(100dvh - 286px);min-height:360px;max-height:1050px;padding:20px 78px 26px;display:flex;justify-content:center;align-items:center;position:relative;perspective:2400px;touch-action:pan-y}.book-spread{height:100%;aspect-ratio:1152/792;max-width:100%;position:relative;display:flex;filter:drop-shadow(0 14px 20px #0008);perspective:2000px}.book-spread.single{aspect-ratio:576/792}.paper{position:relative;width:50%;height:100%;padding:0;border:0;background:#faf9f5;display:block;overflow:hidden}.single .paper{width:100%}.paper img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.paper.cover-page{background:#dfcda5;border-radius:2px 5px 5px 2px}.paper.cover-page img{object-fit:fill}.paper.left-page{border-radius:4px 0 0 4px}.paper.right-page{border-radius:0 4px 4px 0}.paper.left-page:after,.paper.right-page:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset -14px 0 19px -18px #311e15bb}.paper.right-page:after{box-shadow:inset 14px 0 19px -18px #311e15bb}.single .paper:after{display:none}.blank-page{background:#e9e2d4}.page-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #c9a76a50;background:#242018;font-size:21px;color:#d5b985}.page-arrow:hover:not(:disabled){background:#54432b}.previous-arrow{left:22px}.next-arrow{right:22px}.reader-bottom{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 50px 15px}.reader-position{display:flex;flex-direction:column;font-size:11px;color:#d9c29d}.reader-hint{font-size:9px;color:#a9a08e;margin-top:3px}.reader-controls{display:flex;align-items:center;gap:9px}#jump-form{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:0 7px}#page-number{width:48px;background:#ffffff05;border:1px solid #ffffff20;color:#e6d3b0;padding:8px 4px;text-align:center;font-size:11px;appearance:textfield}#page-number::-webkit-inner-spin-button{display:none}.reading-progress{height:2px;max-width:1220px;background:#ffffff10;margin:0 auto}#reading-progress{height:100%;display:block;background:#b3955c;width:0;transition:width .35s}.reader-note{text-align:center;font-size:8px;color:#938875;padding:16px 25px 20px}#reader-status{font-size:11px;text-align:center;min-height:17px;color:#dac08f;margin-top:8px}#reader-status:empty{display:none}#contents{position:absolute;left:28px;top:6px;width:330px;max-height:calc(100dvh - 230px);overflow:auto;border:1px solid #846b444d;background:#232019f7;backdrop-filter:blur(10px);z-index:8;box-shadow:0 12px 40px #0008;scrollbar-width:thin}.contents-heading{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#232019;z-index:1}.contents-heading h2{font-size:24px}.contents-heading button{background:none;border:0;color:var(--muted);font-size:23px}.toc-link{width:100%;border:0;border-bottom:1px solid #ffffff0b;padding:12px 20px;background:transparent;text-align:left;display:flex;align-items:baseline;gap:15px;font-size:11px;color:#d6c9b2}.toc-link span:first-child{flex:1}.toc-link small{color:var(--gold);font-size:10px}.toc-link:hover,.toc-link.active{background:#c9a76a14}.toc-link.active{border-left:2px solid var(--gold)}.turn-sheet{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:3;pointer-events:none}.turn-sheet.forward{left:50%;transform-origin:left center}.turn-sheet.backward{left:0;transform-origin:right center}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#faf9f5;overflow:hidden}.turn-face img{display:block;width:100%;height:100%;object-fit:contain}.turn-back{transform:rotateY(180deg)}.turn-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#22180c25,transparent 25%,#22180c08)}#page-text{max-width:850px;margin:22px auto;padding:30px;background:#eee6d6;color:#352c20}#page-text h2{font-size:24px;margin-bottom:18px}#page-text pre{font:17px/1.75 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 28px}#zoom-dialog{padding:0;width:95vw;height:94dvh;max-width:1600px;background:#28241d;overflow:hidden}#zoom-dialog::backdrop{background:#070604e8}.zoom-toolbar{display:flex;align-items:center;gap:12px;height:56px;padding:9px 18px;border-bottom:1px solid var(--line);font-size:11px}.zoom-toolbar button,.zoom-toolbar select{padding:5px 10px;background:#342f25;border:1px solid #ffffff20;color:#e8d9bc;font-size:15px}.zoom-toolbar select{font-size:12px}.zoom-toolbar button:last-child{margin-left:auto;font-size:23px;border:0}.zoom-scroll{height:calc(100% - 56px);overflow:auto;padding:18px;overscroll-behavior:contain}.zoom-scroll img{display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 5px 25px #0005}.reader-body:fullscreen{overflow:auto}.reader-body:fullscreen .book-stage{height:calc(100dvh - 286px)}
@media(max-width:800px){.reader-header{padding:15px 20px;height:70px}.reader-brand{font-size:11px}.reader-back span{display:none}.reader-header>.reader-tool span{display:none}.reader-top{padding:22px 24px 5px}.reader-top h1{font-size:25px}.reader-top .eyebrow{font-size:6px}.book-stage{height:calc(100dvh - 290px);padding:20px 62px;min-height:380px}.book-spread{aspect-ratio:576/792}.book-spread .paper{width:100%}.previous-arrow{left:13px}.next-arrow{right:13px}.page-arrow{width:35px;height:35px}.reader-bottom{padding:0 22px 15px;gap:15px;flex-wrap:wrap;justify-content:center}.reader-position{width:100%;text-align:center}.reader-controls{gap:6px}.reader-tool{padding:7px 10px}.reader-note{font-size:7px}.reader-hint{display:none}.reading-progress{margin:0 24px}#contents{left:20px;max-height:calc(100dvh - 170px);max-width:calc(100vw - 40px)}#page-text{margin:20px;padding:20px}.reader-controls #text-toggle span{display:none}}
@media(max-width:480px){.reader-top{padding:20px 20px 5px}.reader-top h1{font-size:22px}.reader-brand{font-size:9px;letter-spacing:.6px}.reader-brand small{font-size:7px}.book-stage{min-height:345px;padding:18px 42px}.page-arrow{width:28px;height:35px;border-radius:3px;font-size:16px}.previous-arrow{left:8px}.next-arrow{right:8px}.reader-controls{gap:4px}.reader-controls .reader-tool{padding:6px 8px;font-size:10px}#jump-form{margin:0 3px;gap:5px}#page-number{width:40px;padding:7px 2px}.reader-controls #zoom span{display:none}.reader-bottom{padding-left:12px;padding-right:12px}.zoom-toolbar{gap:8px;padding:9px}.zoom-scroll{padding:8px}.contents-toggle{padding:7px 8px;font-size:10px}.reader-note{padding-top:12px}}
.book-spread.is-cover{aspect-ratio:1295/1920}.paper.cover-page img{object-fit:contain}
/* Fixed reader frame: the cover and every spread share the same reserved space. */
html{scrollbar-gutter:stable}.reader-body{overflow-anchor:none}.reader-workspace,.reader-bottom,#book-stage,#book-spread{overflow-anchor:none}.book-spread.fixed-book-frame{display:block;position:relative;aspect-ratio:1152/792;perspective:none;filter:none;isolation:isolate}.diary-cover{position:absolute;inset:0;margin:auto;width:auto;height:100%;max-width:100%;aspect-ratio:1295/1920;padding:0;border:0;background:#decea5;box-shadow:0 12px 25px #0007;border-radius:2px;cursor:pointer}.diary-cover img{display:block;width:100%;height:100%;object-fit:contain}.diary-cover:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#page-engine{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 16px #0006);cursor:pointer}#page-engine .stf__wrapper{width:100%;height:100%;padding:0!important}#page-engine .stf__block{width:100%;height:100%}.flip-page{background:#fff;overflow:hidden}.flip-page img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.flip-page.blank-leaf{background:#eee9df}#reader-status,#reader-status:empty{display:block;min-height:20px;height:20px;margin-top:4px;margin-bottom:0;line-height:20px}.reader-position{min-height:36px}.reader-controls{flex-shrink:0}@media(max-width:800px){.book-spread.fixed-book-frame{aspect-ratio:576/792}.reader-position{min-height:18px}}

/* The Diary is the first soft leaf in the book, anchored at the same spine. */
.flip-page.diary-cover-page{background:#eadcbb}.flip-page.diary-cover-page img{object-fit:contain}#page-engine{transition:none}.diary-cover-page:after{content:'';position:absolute;inset:0;box-shadow:inset 8px 0 12px -10px #46352299;pointer-events:none}