:root{--paper:#f3eddf;--ink:#474238;--muted:#766d60}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px Georgia,serif;background:radial-gradient(ellipse at 50% 40%,#737575,#535b66 75%,#464e59);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.reader{width:min(1060px,90%);margin:8vh auto}.spread{display:grid;grid-template-columns:1fr 1fr;border-radius:5px;box-shadow:0 25px 55px #20232a50,0 2px 0 2px #c3bba9,0 5px 0 2px #ded7c6,0 8px 0 2px #b8ad98,0 10px 0 5px #665e51}.page-shell{min-width:0;position:relative;overflow:hidden;background:var(--paper)}.paper{position:relative;width:500px;height:690px;transform-origin:0 0;background:var(--paper)}.paper.left{background:linear-gradient(90deg,#ede5d5,var(--paper) 5%,#f4eedf 88%,#e3dac8 98%,#c1b6a3)}.paper.right{background:linear-gradient(90deg,#d0c5af,#eae1cf 3%,var(--paper) 10%,#f4edde 93%,#eae1d0)}.piece{position:absolute;transform-origin:center}.piece.text{line-height:1.65}.text-content{white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;line-height:inherit}.heading .text-content{line-height:1.2}.small .text-content{color:#766d60;letter-spacing:.04em}.handwritten .text-content,.caption{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;color:#756b58}.piece.photo{padding:9px 9px 6px;background:#faf7ed;box-shadow:0 2px 4px #463c3326;border:1px solid #e7dfcf;display:flex;flex-direction:column}.photo-window{overflow:hidden;flex:1;min-height:0}.photo-window img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}.caption{text-align:center;font-size:15px;line-height:1.5;padding:8px 0 1px;min-height:32px}.paper-footer{position:absolute;bottom:0;left:0;right:0;height:77px}.page-index{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 22px;max-height:47px;overflow:auto}.page-index a{font-size:13px;font-style:italic;text-decoration:none;color:#726b5e}.page-index a:hover{text-decoration:underline}.page-index sup{font-size:10px;margin-left:3px}.folio{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:13px;color:#766d60;pointer-events:none}.turn{position:absolute;bottom:15px;text-decoration:none;padding:6px 13px;font-size:15px;font-style:italic;z-index:2}.turn.next{right:13px}.turn.previous{left:13px}.owner-entry{display:none;position:absolute;right:30px;bottom:56px;font-size:12px;font-style:italic;color:#766d60;text-decoration:none}.load-message{color:#f5efe3;line-height:1.7;margin:15vh auto;max-width:500px;padding:25px}.resize-handle{display:none}.error-banner{background:#fff0e8;color:#823d2b;padding:14px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){body:not(.editing) .reader{margin:28px auto;width:90%}body:not(.editing) .spread{grid-template-columns:1fr}body:not(.editing) .paper{width:100%;height:auto;min-height:500px;padding:28px 26px 110px}body:not(.editing) .paper.right{border-top:1px solid #d8cfbc}body:not(.editing) .piece{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0 0 23px;transform:none!important}body:not(.editing) .piece.text .text-content{font-size:clamp(16px,4.5vw,20px)!important}body:not(.editing) .piece.heading .text-content{font-size:30px!important}body:not(.editing) .piece.small .text-content{font-size:13px!important}body:not(.editing) .piece.photo .photo-window{flex:auto;aspect-ratio:1.35}body:not(.editing) .piece.photo{margin:16px 0 30px}body:not(.editing) .page-index{gap:12px}.owner-entry{bottom:79px}}
@media(prefers-reduced-motion:no-preference){.reader .spread{animation:appear .25s ease-out}@keyframes appear{from{opacity:.7}to{opacity:1}}}
/* Reader-only paper turns; the editor retains its stationary canvas. */
body:not(.editing) .reader .spread{position:relative;isolation:isolate;animation:none;outline:none}
.page-turn-layer{position:absolute;inset:0;z-index:10;perspective:2000px;pointer-events:none;transform-style:preserve-3d}
.page-turn-layer .resting-page{position:absolute;top:0;width:50%;height:100%;z-index:0}
.turning-forward .resting-page{left:0}.turning-back .resting-page{right:0}
.paper-strip{position:absolute;left:50%;top:0;height:100%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform;z-index:2}
.strip-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper)}
.strip-front{transform:translateZ(.05px)}.strip-back{transform:rotateY(180deg) translateZ(.05px)}
.strip-content{position:absolute;top:0;overflow:hidden;background:var(--paper)}
.turn-shadow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#45362130,transparent 65%);opacity:0;pointer-events:none;z-index:1}
.strip-shade{position:absolute;inset:0;background:#453621;opacity:0;pointer-events:none}
/* Loose sheets and photographs retain the book's quiet paper treatment. */
.piece .photo-window{border:0;border-radius:0;padding:0;margin:0;background:transparent;display:block;width:100%;color:inherit}
.piece button.photo-window{cursor:zoom-in}.piece button.photo-window:hover{background:transparent}
.essay-card{display:flex;flex-direction:column;gap:12px;width:100%;height:100%;padding:24px;text-align:left;border:1px solid #dfd5c1;border-radius:1px;background:#faf5e8;color:var(--ink);font:17px/1.5 Georgia,serif;box-shadow:1px 3px 6px #473c3020;overflow:hidden}
button.essay-card:hover{background:#fff9ec}.essay-label{font:12px/1.4 Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#807360}.essay-title{font:26px/1.2 Georgia,serif;overflow-wrap:anywhere}.essay-summary{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.essay-action{margin-top:auto;font-size:14px;font-style:italic;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.book-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 24px 40px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;overflow-y:auto;overscroll-behavior:contain;font-family:Georgia,serif}
.book-viewer::backdrop{background:#252a2fe8}.book-viewer .viewer-close{position:fixed;top:16px;right:20px;z-index:2;border:1px solid #cfc4af;border-radius:3px;background:#f7f0e1;color:#4e483c;padding:10px 17px;font:15px Georgia,serif;cursor:pointer}.book-viewer .viewer-close:hover{background:#fff8eb}
.photo-viewer[open]{display:flex;align-items:center;justify-content:center}.photo-viewer figure{margin:0;max-width:100%;text-align:center}.photo-viewer img{display:block;max-width:100%;max-height:calc(100dvh - 156px);width:auto;height:auto;margin:auto;object-fit:contain;box-shadow:0 10px 45px #0005}.photo-viewer figcaption{color:#eee6d6;font:17px/1.6 Georgia,serif;margin:18px auto 0;max-width:65ch;white-space:pre-wrap}
.essay-paper{width:min(100%,740px);min-height:calc(100dvh - 104px);margin:0 auto;padding:64px clamp(24px,7vw,76px) 84px;background:linear-gradient(90deg,#eee5d3,#f8f2e5 2%,#faf5e9 96%,#eee4d1);box-shadow:0 18px 65px #0005;border-top:1px solid #fff9ef;border-bottom:3px double #d7cbb4}
.essay-paper h1{font:clamp(28px,5vw,42px)/1.2 Georgia,serif;font-weight:normal;margin:22px 0 34px;overflow-wrap:anywhere}.essay-body{font:19px/1.85 Georgia,serif;overflow-wrap:anywhere}.essay-body p{margin:0 0 1.3em;white-space:pre-wrap}.essay-paper:after{content:'·';display:block;text-align:center;margin-top:44px;color:#8c806b;font-size:24px}
@media(max-width:700px){.book-viewer{padding:64px 12px 20px}.essay-paper{padding-top:38px}.essay-body{font-size:18px}.piece.essay{min-height:210px}}
/* Essay pieces flow by default; optional free layouts use the same paper. */
.essay-paper[data-paper=white]{background:#fffefa}.essay-paper[data-paper=cream]{background:#eee1c8}.essay-paper[data-paper=warm]{background:linear-gradient(90deg,#eee5d3,#f8f2e5 2%,#faf5e9 96%,#eee4d1)}
.essay-content{position:relative;line-height:var(--essay-line-height,1.85);min-height:80px}.essay-piece{position:relative;width:var(--piece-width,100%);max-width:100%;margin:0 auto 26px;transform-origin:center;overflow-wrap:anywhere}.essay-text{white-space:pre-wrap;font-family:inherit;display:block;color:inherit}.essay-piece.small{color:#807360}.essay-piece.photo{padding:9px;background:#faf7ed;border:1px solid #e7dfcf;box-shadow:0 2px 4px #463c3326}.essay-piece .essay-photo-window{display:block;width:100%;overflow:hidden;padding:0;border:0;border-radius:0;background:#e5decf;margin:0;cursor:zoom-in}.essay-photo-window img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}.essay-piece .caption{font-size:15px}.essay-content.free-layout>.essay-piece{position:absolute;margin:0}.essay-content.free-layout .photo{display:flex;flex-direction:column}.essay-content.free-layout .essay-photo-window{flex:1;min-height:0;aspect-ratio:auto!important}.essay-paper h1{font-family:inherit}.essay-content a{color:inherit}
@media(max-width:700px){.essay-viewer .essay-piece{width:100%!important;transform:none!important}.essay-viewer .essay-text{font-size:clamp(16px,5vw,22px)!important}.essay-viewer .heading .essay-text{font-size:28px!important}}