:root{--diary-paper:#d9b978;--diary-paper-light:#ecd39a;--diary-paper-dark:#9c713d;--diary-ink:#4a3018;--diary-leather:#3b2414;--diary-leather-dark:#160c06}
.memory-book-dialog{background:radial-gradient(circle at 50% 25%,#4a3928 0,#21160f 38%,#090604 100%)!important}
.diary-reader{align-items:center;justify-content:center;padding:24px 15px}
.book-reader-head{width:min(1200px,100%);grid-template-columns:60px 1fr 60px;margin-bottom:18px;color:#d7b67f}.book-reader-head>div{text-align:center;flex:1}.book-reader-head span{color:#846b50}.book-reader-head button{border-color:#d3aa6f26;background:#ffffff07;color:#c5a77c}
.book-stage{width:min(1200px,100%);height:auto!important;min-height:500px;max-height:calc(100dvh - 165px);aspect-ratio:1.58/1;padding:0;border:0;background:none;box-shadow:none;perspective:2400px;filter:drop-shadow(0 40px 30px #0008)}
.book-stage::before{inset:3% 0 0;z-index:-2;border-radius:18px 18px 28px 28px;background:radial-gradient(circle at 20% 20%,#ffffff0d,transparent 35%),repeating-linear-gradient(35deg,#ffffff03 0 2px,#00000007 3px 6px),linear-gradient(90deg,#170c06,#4b2f1b 7%,#2d190d 50%,#4a2d19 93%,#140b06);border:0;box-shadow:inset 0 0 30px #000c,inset 0 0 0 2px #86582d66,0 15px 20px #0008;transform:none}
.book-stage::after{display:none}
.book-spread{inset:0 4% 5%;display:flex;filter:none;transform-style:preserve-3d;transform:none}
.book-spread::before{content:'';position:absolute;z-index:1;top:4%;bottom:1%;left:-12px;right:-12px;pointer-events:none;border-radius:9px 9px 14px 14px;background:repeating-linear-gradient(to bottom,#bc9458 0 2px,#745029 3px,#d0aa6c 4px);box-shadow:inset 0 0 10px #43260d80}
.book-spread::after{left:50%;top:0;bottom:0;width:8%;z-index:20;transform:translateX(-50%) translateZ(8px);background:radial-gradient(ellipse at center,#0000006b 0,#3a1e0947 25%,#69421d1f 47%,transparent 75%);filter:none}
.book-page,.flip-face{color:var(--diary-ink);background:radial-gradient(circle at 25% 20%,#ffffff40,transparent 40%),radial-gradient(circle at 70% 80%,#5b32111f,transparent 35%),linear-gradient(90deg,#9d743f 0,#d5b276 4%,#e5c98d 14%,#d9b777 55%,#e3c586 87%,#a8793e 100%)}
.book-page{position:relative;width:50%;height:100%;padding:clamp(30px,5vw,70px) clamp(20px,5vw,65px) clamp(25px,4vw,48px);box-shadow:none;transform-style:preserve-3d}
.book-page::before{content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;background:radial-gradient(circle at 10% 10%,#502d1233 0 1px,transparent 2px),radial-gradient(circle at 80% 20%,#502d1226 0 2px,transparent 3px),radial-gradient(circle at 30% 75%,#502d1224 0 1px,transparent 2px),radial-gradient(circle at 90% 85%,#502d122b 0 1px,transparent 2px);background-size:91px 87px,133px 105px,117px 125px,97px 89px}
.book-page.page-left{border-radius:22px 3px 6px 17px;transform:rotateY(1deg) rotateZ(-.4deg);transform-origin:right center;box-shadow:inset -35px 0 45px #40210b47,-4px 7px 10px #0003;clip-path:polygon(2% 1%,8% 0,15% 1%,25% .2%,37% 1%,50% .3%,63% 1%,75% .2%,89% .8%,98% 1.5%,100% 100%,89% 99%,74% 100%,61% 99%,47% 100%,31% 99%,17% 100%,5% 98.5%,0 94%,1% 78%,.5% 60%,1% 42%,.4% 22%)}
.book-page.page-right{border-radius:3px 22px 17px 6px;transform:rotateY(-1deg) rotateZ(.4deg);transform-origin:left center;box-shadow:inset 35px 0 45px #40210b47,4px 7px 10px #0003;clip-path:polygon(2% 1.5%,11% .8%,24% .2%,37% 1%,50% .3%,63% 1%,76% .2%,89% 1%,98% 0,100% 10%,99% 28%,100% 45%,99% 64%,100% 82%,99% 94%,95% 99%,83% 100%,69% 99%,52% 100%,37% 99%,21% 100%,8% 99%,0 100%)}
.book-page time,.flip-face time{color:#78562f;font-size:clamp(7px,.9vw,11px);margin-bottom:18px}.book-page h2,.flip-face h2{font-family:Georgia,Vazirmatn,serif;font-size:clamp(17px,2.5vw,34px);font-weight:400;color:#4c3018;margin-bottom:12px}.book-page h2::after,.flip-face h2::after{content:'──── ❦ ────';color:#8b6333;font-size:clamp(10px,1.3vw,17px);margin-top:8px}.book-page article,.flip-face article{font-family:Georgia,Vazirmatn,serif;line-height:2.25;font-size:clamp(8px,1.25vw,17px)}.book-page .page-number,.flip-face .page-number{color:#77552e;font-size:clamp(10px,1.4vw,19px)}
.flip-sheet{z-index:100;visibility:visible;transform-origin:left center!important;transform-style:preserve-3d;transform:translateZ(var(--lift)) rotateZ(var(--tilt-z)) rotateY(var(--turn)) scaleX(var(--scale-x,1));border-radius:0;will-change:transform}
.flip-face{overflow:hidden;box-shadow:inset 20px 0 35px #30170733}.flip-front{border-radius:2px 20px 15px 4px}.flip-back{border-radius:20px 2px 4px 15px}.flip-face::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#140a0366 0,#3a1f0a33 10%,#ffffff21 40%,#502c0f14 70%,#28120540 100%)}
.flip-sheet::after{inset:2% auto 2% -2%;width:96%;border-radius:0;background:radial-gradient(ellipse at left center,#0000008c,#00000038 23%,#00000012 48%,transparent 73%);filter:none;transform:translateX(var(--shadow-x,0));opacity:var(--curl-opacity)}
.book-controls{width:min(1150px,100%);margin-top:18px}.book-controls button,.book-controls span{border-color:#cca46b24;color:#c5a77d;background:#ffffff07}
@media(max-width:900px){.book-stage{min-height:520px;aspect-ratio:1.45/1}.book-spread{inset:0 3% 5%}}
@media(max-width:600px){.diary-reader{padding:7px 4px}.book-reader-head{margin-bottom:7px}.book-stage{height:min(72vh,500px)!important;min-height:390px;aspect-ratio:auto}.book-spread{inset:0 2% 4%}.book-page,.flip-face{padding:25px 9px 15px}.book-page time,.flip-face time{font-size:6px;margin-bottom:7px}.book-page h2,.flip-face h2{font-size:clamp(12px,4vw,16px)}.book-page h2::after,.flip-face h2::after{font-size:7px;margin-bottom:10px}.book-page article,.flip-face article{font-size:clamp(6.5px,2vw,9.5px);line-height:1.9}.book-page .page-number,.flip-face .page-number{font-size:9px}.book-controls{margin-top:8px}}