.diary-entry{z-index:120;color:#edd5a0;background:radial-gradient(at 50% 35%,#574436,#241d19 58%,#141210);place-items:center;min-height:100svh;padding:22px;display:grid;position:fixed;inset:0}.diary-perspective{perspective:1800px;width:min(460px,100%);position:relative}.diary-page-block{background:repeating-linear-gradient(0deg,#d5c2a3 0 2px,#f1e3c9 2px 4px);border-radius:9px 19px 19px 9px;position:absolute;inset:9px -7px -7px 11px;box-shadow:15px 25px 65px #0009}.diary-leather{transform-origin:0;background:repeating-linear-gradient(32deg,#ffffff03 0 1px,#00000004 1px 3px),repeating-linear-gradient(123deg,#00000006 0 2px,#0000 2px 5px),radial-gradient(at 60% 30%,#895533,#59331f 62%,#321e16);border:1px solid #9c6c42;border-radius:7px 19px 19px 7px;min-height:650px;padding:40px 30px 24px 42px;transition:transform .95s cubic-bezier(.3,.05,.3,1),opacity .9s;position:relative;box-shadow:inset 10px 0 15px #1a0b09c9,inset 16px 0 2px #a9754244,inset 19px 0 10px #1d0d0b66,inset 0 1px 2px #edc58a66,0 12px 38px #0006}.diary-stitch{pointer-events:none;border:1px dashed #c2925966;border-radius:3px 12px 12px 3px;position:absolute;inset:13px 13px 13px 28px}.diary-engraving{text-align:center;text-shadow:0 1px 1px #160a07,0 -1px #d0a56966}.diary-engraving>svg{stroke-width:1.25px;width:43px;height:43px;margin:0 auto 17px}.diary-engraving p{text-transform:uppercase;letter-spacing:.19em;color:#e2bf7d;margin:0 0 13px;font-size:.75rem}.diary-engraving h1{color:#f5dfac;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,6vw,2.7rem);font-weight:400}.diary-engraving h1 span{color:#c99c55;font-style:italic}.diary-gold-rule{background:#b58a4d;width:55px;height:1px;margin:23px auto 0}.diary-strap{transform-origin:100%;background:linear-gradient(#6c4028,#805132 48%,#49291c);border:1px solid #a47646;border-radius:18px 0 0 18px;width:49%;height:72px;transition:transform .65s,opacity .6s;position:absolute;top:46%;right:-7px;box-shadow:0 6px 10px #1c100d88,inset 0 0 0 7px #633b2566}.diary-lock-form{z-index:2;text-align:center;margin-top:24px;position:relative}.diary-padlock{width:240px;margin:0 auto;padding-top:47px;position:relative}.diary-shackle{transform-origin:16px bottom;border:12px solid #b18a43;border-bottom:0;border-radius:45px 45px 0 0;width:93px;height:77px;transition:transform .55s cubic-bezier(.2,.8,.3,1);position:absolute;top:0;left:73px;box-shadow:inset 3px 2px 3px #fff0b888,2px 0 2px #3a281a,-2px 0 1px #efd391}.diary-lock-body{color:#302218;background:linear-gradient(110deg,#715021,#d6b575 20%,#a6803f 47%,#e7ca8c 74%,#84602d);border:1px solid #ead196;border-radius:16px;padding:10px 15px 12px;position:relative;box-shadow:inset 0 2px 2px #fff0b6,inset 0 -5px 8px #4a341f88,0 10px 19px #180b0aaa}.diary-lock-engraving{letter-spacing:.28em;text-shadow:0 1px #f0d9a1;font:.75rem Georgia,serif}.diary-wheels{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px;display:grid}.diary-wheel{background:#261e16;border-radius:5px;min-width:0;overflow:hidden;box-shadow:0 1px 1px #f8e4ae}.diary-wheel button{color:#e6c887;cursor:pointer;background:#423020;border:0;place-items:center;width:100%;height:30px;padding:0;display:grid}.diary-wheel button svg{width:16px;height:16px}.diary-wheel button:hover{background:#694c29}.diary-wheel-window{touch-action:none;background:linear-gradient(#433a2e,#c0b5a0 25%,#fff2d6 45%,#b5a891 75%,#3c352c)}.diary-wheel-neighbor{opacity:.55;color:#211a15;height:14px;font:17px/17px Georgia,serif;display:block;overflow:hidden}.diary-wheel input{appearance:none;text-align:center;color:#211a15;caret-color:#664c2d;background:0 0;border:0;border-radius:0;width:100%;height:43px;padding:0;font:700 29px/43px Georgia,serif;display:block;box-shadow:inset 0 1px #fff7d588,inset 0 -1px #4d392866}.diary-wheel input:focus{outline-offset:-2px;background:#fff4d535;outline:2px solid #fff1b7}.diary-lock-body p{color:#382719;text-shadow:0 1px #efd7a177;margin:10px 0 0;font:italic .875rem Georgia,serif}.diary-open-button{color:#352316;cursor:pointer;background:linear-gradient(#e5c990,#bc924d);border:1px solid #c19a5b;border-radius:6px;margin-top:20px;padding:12px 23px;font:500 1rem Georgia,serif;box-shadow:0 4px 10px #1c0c0866}.diary-open-button:hover:not(:disabled){filter:brightness(1.1)}.diary-status{color:#edd7b1;min-height:36px;margin:12px 0 0;font-size:.75rem;line-height:1.4}.diary-signature{text-align:center;color:#e4c58a;margin-top:10px;font:italic 1.15rem Georgia,serif}.diary-signature span{color:#c4a582;margin-top:10px;font:.75rem/1.4 Georgia,serif;display:block}.diary-released .diary-shackle,.diary-opening .diary-shackle{transform:translateY(-21px)rotate(-21deg)}.diary-released .diary-strap,.diary-opening .diary-strap,.diary-opening .diary-leather{opacity:0;transform:rotateY(-105deg)}.diary-opening{pointer-events:none;animation:1s cubic-bezier(.23,.66,.28,1) forwards diary-reveal-spread}@keyframes diary-reveal-spread{0%,12%{opacity:1;background-color:#0000}to{opacity:0}}.diary-padlock[data-error=true]{animation:.38s diary-shake}@keyframes diary-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@media (width<=480px){.diary-entry{padding:17px}.diary-leather{min-height:620px;padding:30px 18px 22px 30px}.diary-engraving p{letter-spacing:.12em;font-size:.7rem}}@media (height<=700px){.diary-leather{min-height:0;padding-top:22px}.diary-engraving>svg{width:30px;height:30px;margin-bottom:8px}.diary-gold-rule,.diary-lock-form{margin-top:12px}.diary-signature{margin-top:0}}@media (prefers-reduced-motion:reduce){.diary-entry *,.diary-padlock[data-error=true]{transition:none;animation:none}}.fp-page.diary-welcome{color:#574330;background:linear-gradient(100deg,#e7d8bc 0%,#f6eddb 12%,#f3e7d1 75%,#e9d7b9);padding:6%;box-shadow:inset 11px 0 24px #7a563018,inset 0 0 0 1px #b996642b}.diary-welcome-inner{outline-offset:-11px;text-align:center;border:1px solid #b89a6b80;outline:1px solid #b89a6b38;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.7vh,26px);width:100%;height:100%;padding:clamp(24px,5%,45px);display:flex;position:relative}.diary-welcome-inner:before,.diary-welcome-inner:after{content:"✦";color:#b3945d;font-size:1.1rem;position:absolute;left:50%;transform:translate(-50%)}.diary-welcome-inner:before{top:3%}.diary-welcome-inner:after{bottom:3%}.diary-welcome-castle{color:#9d7746;stroke-width:1.2px;width:clamp(28px,4vw,43px);height:clamp(28px,4vw,43px)}.diary-welcome-kicker{font:600 clamp(.58rem,1vw,.75rem)/1.3 var(--sans);text-transform:uppercase;letter-spacing:.24em;color:#9b7951}.diary-welcome h2{font:400 clamp(1.9rem,3.5vw,3.3rem)/1.08 var(--serif);letter-spacing:-.025em;color:#503b2a;margin:0}.diary-welcome-rule{background:#b3935d;width:55px;height:1px}.diary-welcome p{max-width:31ch;font:400 clamp(.92rem,1.4vw,1.22rem)/1.55 var(--serif);color:#6c5840;margin:0}.diary-welcome p+p{font-style:italic}.diary-welcome strong{font:italic 400 clamp(1rem,1.9vw,1.55rem)/1.25 var(--serif);color:#8d6847;margin-top:clamp(3px,2vh,17px)}.diary-welcome small{color:#977c59;font:.68rem var(--sans);letter-spacing:.17em}@media (width<=800px){.diary-welcome-inner{gap:clamp(8px,2vh,18px)}.diary-welcome h2{font-size:clamp(1.6rem,6vw,2.3rem)}.diary-welcome p{font-size:clamp(.78rem,3vw,1rem)}}
