@font-face{font-family:'Quattrocento Sans';src:url('assets/QuattrocentoSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.journal-cover-button{display:block;margin:0;padding:0;border:0;background:none;cursor:pointer;text-align:left;line-height:normal}
.journal-cover-art{position:relative;width:330px;height:418px;pointer-events:none}
.journal-cover-tilt{position:relative;width:330px;height:418px;transform-style:preserve-3d;overflow:visible;transform-origin:50% 50%;transform:perspective(1600px) rotateX(var(--journal-tilt-x,0deg)) rotateY(var(--journal-tilt-y,0deg))}
.journal-cover-button .journal-cover-tilt{transition:transform 500ms cubic-bezier(.22,.61,.36,1)}
.journal-cover-button.is-tilting .journal-cover-tilt{transition-duration:100ms}
.journal-book-front{position:absolute;inset:0;backface-visibility:hidden;transform:translateZ(0)}
.journal-book-depth{position:absolute;backface-visibility:hidden;opacity:var(--journal-depth-opacity,1);pointer-events:none}
.journal-book-back{inset:0;transform:translateZ(-26px) rotateY(180deg);border-radius:3px 9px 9px 3px;background:#e5dac8 url('assets/journal-cover-hd.png') center/100% 100% no-repeat}
.journal-book-spine{left:0;top:0;width:26px;height:418px;transform-origin:0 0;transform:translateZ(-26px) rotateY(-90deg);border-radius:2px;background:linear-gradient(90deg,#8f795447,#eee5d414 30%,#6e5b3e33),url('assets/journal-cover-hd.png') 0 0/330px 418px}
.journal-book-fore-edge{left:330px;top:0;width:26px;height:418px;transform-origin:0 0;transform:rotateY(90deg);border:2px solid #d8ccb7;background:repeating-linear-gradient(90deg,#f4f0e5 0 1.2px,#cfc5b3 1.2px 1.7px,#eee8db 1.7px 2.5px)}
.journal-book-top-edge,.journal-book-bottom-edge{left:0;width:330px;height:26px;transform-origin:0 0;border:2px solid #d8ccb7;background:repeating-linear-gradient(0deg,#f4f0e5 0 1.2px,#cfc5b3 1.2px 1.7px,#eee8db 1.7px 2.5px)}
.journal-book-top-edge{top:0;transform:translateZ(-26px) rotateX(90deg)}
.journal-book-bottom-edge{top:418px;transform:rotateX(-90deg)}
.journal-cover-button>.journal-cover-art{pointer-events:auto;user-select:none;transform-origin:0 0;transform:translate(0,0) rotate(0deg) scale(1);transition:transform 550ms cubic-bezier(.22,.61,.36,1)}
@media(hover:hover) and (pointer:fine){.journal-cover-button:hover>.journal-cover-art{transform:translate(-22.955521px,8.680054px) rotate(-4.886221deg) scale(1.027430494)}}
.journal-cover-button:focus-visible>.journal-cover-art{transform:translate(-22.955521px,8.680054px) rotate(-4.886221deg) scale(1.027430494)}
.journal-cover-art img{user-select:none;-webkit-user-drag:none}
.journal-cover-button.journal-source-hidden{visibility:hidden}
html.journal-reader-open{overflow:hidden;overscroll-behavior:none}
.journal-reader{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden;overscroll-behavior:none;touch-action:none;outline:none}
.journal-reader::backdrop{background:transparent}
.jr-book{position:absolute;transform-origin:0 0;transform-style:preserve-3d;perspective:2000px;perspective-origin:50% 50%;will-change:transform}
.journal-reader[data-state="open"] .jr-book{cursor:pointer}
.jr-base-shadow{position:absolute;inset:0;filter:drop-shadow(0 18px 22px #0003)}
.jr-base{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:0;clip-path:inset(0 0 0 50%);user-select:none;-webkit-user-drag:none}
.jr-base-paper{position:absolute;inset:0;width:100%;height:100%;max-width:none;user-select:none;-webkit-user-drag:none}
.jr-page-content{position:absolute;inset:0;pointer-events:none;user-select:none}
.jr-spread-art{position:absolute;left:var(--paper-left);top:var(--paper-top);transform:scale(var(--spread-scale-x),var(--spread-scale-y));transform-origin:0 0}
.jr-spread-art img{user-select:none;-webkit-user-drag:none}
.jr-static-left{clip-path:inset(3.26% 50% 5.44% 3.533%)}
.jr-static-right{clip-path:inset(3.26% 3.533% 5.44% 50%)}
.jr-cover{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;z-index:20}
.jr-cover-front,.jr-cover-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px 10px 10px 3px}
.jr-cover-front{box-shadow:4px 10px 18px #0002}
.jr-cover-front .journal-cover-art{transform:scale(var(--cover-scale,1));transform-origin:0 0}
.jr-cover-back{transform:rotateY(180deg);background:url('assets/journal-spread-soft-binding.png') 0 0/200% 100% no-repeat;overflow:hidden}
.jr-cover-back>.jr-page-content{width:200%;clip-path:inset(3.26% 50% 5.44% 3.533%)}
.jr-leaf{position:absolute;left:50%;top:3.26%;width:46.467%;height:91.3%;transform-origin:0 50%;transform-style:preserve-3d;visibility:hidden;z-index:10;pointer-events:none}
.jr-leaf.is-turning{visibility:visible}
.jr-strip{position:absolute;left:0;top:0;height:100%;transform-origin:0 0;transform-style:preserve-3d;will-change:transform}
.jr-strip-face{position:absolute;inset:0 auto 0 0;width:calc(100% + .3px);height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.jr-strip-back{transform:rotateY(180deg)}
.jr-paper-texture{position:absolute;top:0;height:100%;overflow:hidden}
.jr-strip-front .jr-paper-texture{border-radius:0 12px 12px 0}
.jr-strip-back .jr-paper-texture{border-radius:12px 0 0 12px}
.jr-paper-texture img{position:absolute;max-width:none;user-select:none;-webkit-user-drag:none}
.jr-paper-texture::after{content:'';position:absolute;inset:0;background:#40392e;opacity:var(--paper-shade,0);pointer-events:none}
.jr-spine-shadow{position:absolute;left:44%;top:3%;width:12%;height:92%;background:linear-gradient(90deg,transparent,#0006 50%,transparent);opacity:var(--turn-shadow,0);z-index:5;pointer-events:none}
@media(prefers-reduced-motion:reduce){.jr-book,.jr-strip{will-change:auto}.journal-cover-button>.journal-cover-art,.journal-cover-button .journal-cover-tilt{transition:none}.journal-cover-button .journal-cover-tilt{transform:none}}
