/* A single portrait leaf: its size follows the available reading height. */
.single-edition{background:radial-gradient(ellipse at 45% 35%,#f8f2ee,#eadfe0 75%);min-height:100svh}
.edition-bar{position:absolute;top:22px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#876d76;font-size:20px;z-index:3}
.edition-bar>span{transform:rotate(-3deg)}.edition-bar nav{display:flex;gap:22px;align-items:center;font-size:17px}.edition-bar a{text-underline-offset:5px;text-decoration-color:#b698a1}.edition-bar [aria-current]{color:#573f4b}
.single-desk{width:fit-content;max-width:100%;margin:0 auto;padding:34px 115px 14px 20px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.notebook{position:relative;isolation:isolate;container-type:inline-size;width:min(76vh - 83.6px,calc(100vw - 195px),800px);width:min(calc((100svh - 110px)*.76),calc(100vw - 195px),800px);aspect-ratio:.76;perspective:1600px;filter:drop-shadow(5px 14px 16px #72535c29)}
.paper-stack{position:absolute;inset:-.3% -.7% -.8% -1%;background:#cfa5ad;border-radius:1% 3% 3% 1%;box-shadow:inset 5px 0 6px #967c7160,2px 3px 0 #ad85902e;z-index:-2}
.paper-stack:before{content:'';position:absolute;inset:1% .8% 1% 2%;border-radius:0 2.5% 2.5% 0;background:repeating-linear-gradient(90deg,#dbd4c7 0 1px,#f5f1e7 1px 3px);box-shadow:0 2px 2px #67595040}
.single-pages{position:absolute;inset:0;z-index:1}
.notebook-page{position:absolute;inset:0;background-image:url('/assets/diary/open-book.webp');background-size:200% 110%;background-position:100% 50%;border-radius:0 2% 2% 0;overflow:hidden;isolation:isolate}
.notebook-page:after{content:'';position:absolute;left:0;top:2%;bottom:2%;width:2.5%;background:linear-gradient(90deg,#7b6a5d1c,transparent);pointer-events:none}
.single-content{position:absolute;inset:6% 8% 7% 8%;}
.single-folio{position:absolute;bottom:2.5%;left:0;right:0;text-align:center;color:#aa8791;font-size:2.9cqw}
.single-content .page-heading{position:absolute;top:0;left:0;right:0;z-index:4}
.single-content .diary-title{font-size:8.9cqw;line-height:1.05;white-space:normal}
.single-content .diary-note{font-size:3.45cqw;margin-top:1.5cqw;line-height:1.2;max-width:100%}
.single-content .diary-kicker{font-size:3.2cqw;margin-bottom:1.3cqw}
.single-content .diary-photo{padding:1.45cqw 1.45cqw 5cqw;box-shadow:1px 3px 5px #69565526}
.single-content .diary-photo figcaption{font-size:3.25cqw;bottom:.75cqw;left:2cqw;right:1cqw;line-height:1.05;white-space:normal}
.single-content .photo-button img{object-fit:cover}
.single-content .taped:before{width:14cqw;height:4.1cqw;top:-1.9cqw}
.single-content .clipped:after{top:-3cqw;left:3cqw;width:2.5cqw;height:9cqw;border-width:.6cqw}
.single-content .theme-sticker{object-fit:contain;filter:none;z-index:4}
.pencil-note{position:absolute;font-size:4.1cqw;line-height:1.15;color:#977281;transform:rotate(-6deg);z-index:4}
.photo-stack{position:absolute;padding:0;background:none;z-index:2;transition:transform .22s}
.photo-stack .stack-sheet{position:absolute;inset:0;display:block;padding:1.4cqw 1.4cqw 5cqw;background:#fffdf8;box-shadow:1px 3px 5px #5f4b5226;transition:transform .22s}
.photo-stack .stack-sheet:nth-child(1){transform:translate(-2.1cqw,-1.8cqw) rotate(-7deg)}
.photo-stack .stack-sheet:nth-child(2){transform:translate(1.8cqw,-.8cqw) rotate(6deg)}
.photo-stack .stack-sheet.stack-top{transform:none}.photo-stack .stack-sheet img{object-fit:cover}
.photo-stack .stack-caption{position:absolute;left:2cqw;bottom:.8cqw;font-size:3.2cqw;line-height:1.1;text-align:left;right:1cqw}
.photo-stack:hover .stack-sheet:first-child{transform:translate(-2.8cqw,-2.3cqw) rotate(-10deg)}
.photo-stack:hover .stack-sheet:nth-child(2):not(.stack-top){transform:translate(2.8cqw,-1.2cqw) rotate(9deg)}
.single-content .diary-ticket{height:auto;transition:filter .2s;z-index:4}
.single-content .diary-ticket:hover{filter:brightness(1.04)}
.single-content .ticket-copy{inset:18% 17% 18% 10%;gap:.7cqw;line-height:1.1}
.single-content .ticket-copy small{font-size:2.8cqw}.single-content .ticket-copy strong{font-size:4.5cqw;white-space:normal}
.ticket-play{position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:5.5cqw;line-height:1}
.single-content .film-action{left:50%;top:50%;bottom:auto;width:8cqw;height:8cqw;min-height:0;padding:1.9cqw;border-radius:50%;transform:translate(-50%,-50%);background:#fffaf0e8}.film-action svg{width:100%;height:100%}
.chapter-slips{position:absolute;top:10%;left:94%;display:flex;flex-direction:column;gap:1.25cqw;z-index:0;width:calc(100% * .06 + 107px)}
.chapter-slips button{position:relative;min-height:42px;text-align:left;padding:7px 10px 7px calc(6cqw + 7px);background:repeating-linear-gradient(0deg,transparent 0 2px,#73556606 2px 3px),#dfc1ca;color:#755461;box-shadow:2px 2px 3px #694f601a;clip-path:polygon(0 0,97% 2%,100% 5%,98% 100%,0 97%);transform:rotate(-1deg);white-space:nowrap;font-size:18px;transition:translate .2s}
.chapter-slips button:nth-child(2){background-color:#d5c5d7;transform:rotate(.7deg)}.chapter-slips button:nth-child(3){background-color:#e4d2bf}.chapter-slips button:nth-child(4){background-color:#c9d7de;transform:rotate(1deg)}.chapter-slips button:nth-child(5){background-color:#d7dfd1}.chapter-slips button:nth-child(6){background-color:#e5d0c6;transform:rotate(.7deg)}.chapter-slips button:nth-child(7){background-color:#e3bac9}.chapter-slips button:nth-child(8){background-color:#d9cbd6;transform:rotate(1deg)}
.chapter-slips button[aria-current=true]{color:#643647;translate:7px 0;background-color:#f3dfe4}.chapter-slips button:hover{translate:7px 0}
.single-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:11px;gap:14px;font-size:20px}.single-navigation button{min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#b0919e;padding:5px 7px}.single-navigation button:disabled{opacity:.3;text-decoration:none}.single-navigation .reading-position{font-size:17px}
.single-cover{position:absolute;inset:0;z-index:2;border-radius:1.4% 3% 3% 1.4%;background:url('/assets/diary/diary-cover.webp') center/109% 105% no-repeat}
.single-cover .open-diary{position:absolute;inset:0;width:100%;height:100%;transform:none;filter:none;display:block;padding:0;max-width:none}
.single-cover .open-diary>span{position:absolute;left:20%;right:11%;top:21%;height:28%;display:grid;align-content:center;text-align:center;font:10.3cqw/1.05 var(--script);color:#77525d;transform:rotate(-3deg);text-shadow:0 1px #fff8}
.single-cover small{position:absolute;left:16%;top:70%;width:70%;font:3.8cqw var(--hand);color:#63434e;text-decoration:underline;text-underline-offset:7px}
/* Paper, binding and cast shadows are independent of the turning leaf. */
.single-edition{overflow-x:clip}
.notebook{perspective:4800px;perspective-origin:15% 45%;filter:none;touch-action:pan-y}
.paper-stack{inset:-.7% -1% -1% -2.3%;border-radius:1% 2.6% 2.6% 1%;background:#bd919c;box-shadow:1px 4px 2px #8d6b7538,9px 18px 30px #72535c29}
.paper-stack:before{inset:.7% .7% .9% 2.5%;background:repeating-linear-gradient(0deg,#e8e0d3 0 1px,#faf5e9 1px 3px);box-shadow:inset -2px 0 3px #ac958438,2px 1px 1px #6c575529}
.paper-stack:after{content:'';position:absolute;left:.2%;top:0;bottom:0;width:2.6%;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#98757f,#d7b1b9 55%,#af8490);box-shadow:2px 0 3px #77515829}
.notebook-page{background:radial-gradient(ellipse at 90% 10%,#fffdf6aa,transparent 70%),repeating-linear-gradient(0deg,transparent 0 3px,#b8a38a05 3px 4px),linear-gradient(90deg,#ded4c3,#f7f2e7 3.5%,#fffaf0 12%,#fcf7ed 96%,#ebe3d5);border-radius:1px 9px 12px 1px;box-shadow:inset -1px 0 1px #b7a39255,1px 2px 1px #c9bdab}
.notebook-page:after{top:0;bottom:0;width:5%;background:linear-gradient(90deg,#8e776522,transparent)}
.notebook.is-closed .chapter-slips{visibility:hidden;pointer-events:none}
.notebook.is-closed .paper-stack{visibility:hidden}
.single-cover{filter:drop-shadow(8px 16px 18px #72535c30)}
.single-navigation button{transition:color .2s;min-width:80px}
.single-navigation button:first-child{text-align:left}.single-navigation button:last-child{text-align:right}
.single-navigation button:hover:not(:disabled){color:#9a576e}
.single-navigation button:disabled{visibility:hidden}
.turn-underlay{z-index:4!important;pointer-events:none}
.turn-viewport{position:absolute;inset:0;z-index:8;pointer-events:none;perspective:4800px;perspective-origin:15% 45%;clip-path:inset(-30% -30% -30% 0)}
.page-turn{position:absolute;inset:0;z-index:8;transform-style:preserve-3d;pointer-events:none}
.turn-strip{position:absolute;left:0;top:0;height:100%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.turn-face,.turn-back{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.turn-face:after{content:'';position:absolute;inset:0;z-index:6;background:#665345;opacity:var(--turn-shade,0)}
.turn-back{transform:rotateY(180deg);background:linear-gradient(90deg,#f7f0e2,#fffaf0);box-shadow:inset 0 0 1px #cab9a055}
.turn-back:after{content:'';position:absolute;inset:0;background:#806754;opacity:var(--turn-shade,0)}
.turn-back.cover-lining{background:repeating-linear-gradient(45deg,#f1e4dc 0 2px,#eee0d8 2px 4px);border:7px solid #c59ca5}
.turn-shadow{position:absolute;inset:0;z-index:5;transform-origin:left center;pointer-events:none;background:linear-gradient(90deg,#503d2e99,#503d2e55 55%,transparent);border-radius:inherit}