.journal-entry{position:fixed;inset:0;z-index:10000;background:#f6eee4;display:grid;place-content:center;justify-items:center;gap:32px;animation:journal-veil 1.9s both;perspective:1500px;overflow:hidden}.journal-entry:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#fffaf2,transparent 70%);pointer-events:none}.journal-entry-scene{position:relative;width:min(330px,65vw);height:min(430px,57vh);perspective:1400px;transform:rotate(-4deg);animation:journal-arrive 1.75s both}.journal-entry-book{position:relative;height:100%;transform-style:preserve-3d}.journal-entry-cover,.journal-entry-pages{position:absolute;inset:0;border-radius:6px 18px 18px 6px;box-sizing:border-box}.journal-entry-pages{background:repeating-linear-gradient(#fffcf3 0,#fffcf3 30px,#e9dfcf 31px,#fffcf3 32px);border:1px solid #d7c2a6;border-left:12px solid #c8a37b;padding:45px 28px;box-shadow:5px 7px 0 #dccbb4,10px 12px 0 #e9dece,15px 24px 45px #82604124;display:flex;flex-direction:column;gap:23px;color:#a17c59}.journal-entry-pages small{font:8px Georgia;letter-spacing:2px;background:#fffcf3;padding:5px}.journal-entry-pages span{font:22px/1.8 ManmanHand,KaiTi,serif;background:#fffcf3}.journal-entry-pages i{font-size:30px;font-style:normal}.journal-entry-pages b{margin-top:auto;align-self:end;font:18px ManmanHand,KaiTi,serif;background:#fffcf3}.journal-entry-cover{background:#c69e78;color:#fff7e9;border:1px solid #b48a65;box-shadow:inset 0 0 0 9px #c69e78,inset 0 0 0 10px #e4c4a2;transform-origin:0 50%;backface-visibility:hidden;animation:journal-open 1.5s .18s both;padding:45px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.journal-entry-spine{position:absolute;left:12px;top:0;bottom:0;width:3px;background:#a77f5940;box-shadow:3px 0 3px #ffe4bd50}.journal-entry-cover small{font:8px Georgia;letter-spacing:2px;line-height:2}.journal-entry-cover>i{font:45px Georgia;margin:35px 0 15px;color:#f6dfad}.journal-entry-cover h2{font:30px ManmanHand,KaiTi,serif;margin:0 0 12px;color:#fff8e9}.journal-entry-cover p{font:11px/1.8 system-ui;color:#f6e4cf}.journal-entry-stamp{border:1px solid #f8e8ce99;padding:9px 13px;font:9px/1.7 Georgia;letter-spacing:2px;transform:rotate(-9deg);margin-top:18px}.journal-entry-cover em{margin-top:auto;font:10px ManmanHand,KaiTi,serif;letter-spacing:2px}.journal-entry-caption{position:relative;font:14px ManmanHand,KaiTi,serif;letter-spacing:3px;color:#aa896d;animation:journal-caption 1.9s both}.journal-entry-skip{position:absolute;right:28px;top:28px;z-index:2;border:1px solid #d9c7b2!important;border-radius:25px;background:#fffaf0!important;color:#9b7b60!important;padding:9px 17px!important;font:11px system-ui!important;cursor:pointer;box-shadow:none!important}@keyframes journal-arrive{0%{opacity:0;transform:translateY(25px) rotate(-7deg) scale(.93)}20%,70%{opacity:1;transform:rotate(-4deg) scale(1)}100%{opacity:1;transform:translateX(25px) rotate(0deg) scale(1.06)}}@keyframes journal-open{0%,25%{transform:rotateY(0deg)}85%,100%{transform:rotateY(-155deg)}}@keyframes journal-veil{0%,78%{opacity:1}100%{opacity:0}}@keyframes journal-caption{0%,15%{opacity:0;transform:translateY(7px)}35%,75%{opacity:1;transform:none}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.journal-entry,.journal-entry-scene,.journal-entry-cover,.journal-entry-caption{animation:none}.journal-entry-cover{display:none}}@media(max-height:650px){.journal-entry-cover{padding:24px}.journal-entry-cover>i{margin:15px 0 10px;font-size:30px}.journal-entry-cover h2{font-size:24px}.journal-entry-stamp{margin-top:5px;padding:5px 10px}.journal-entry{gap:18px}}