.diary-scene{min-height:100vh;padding:1rem .75rem 4.5rem;background:radial-gradient(120% 80% at 50% 0%,rgba(215,156,114,.16),transparent 70%),linear-gradient(180deg,#14100f,#0b0908)}.diary-cover{position:relative;width:100%;max-width:26rem;margin:0 auto;aspect-ratio:3 / 4;border-radius:.55rem 1.1rem 1.1rem .55rem;background:repeating-linear-gradient(97deg,rgba(0,0,0,.16) 0 2px,transparent 2px 5px),linear-gradient(135deg,#6d2338,#4a1524 55%,#35101a);box-shadow:inset 0 0 60px #0000008c,inset 14px 0 0 -8px #00000080,0 30px 60px -24px #000000e6;overflow:hidden;cursor:pointer}.diary-cover:after{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:1px solid rgba(255,226,200,.22);border-radius:.35rem;pointer-events:none}.diary-cover-label{position:absolute;inset-inline:2.5rem;top:26%;text-align:center;color:#f6e2cf}.diary-cover-strap{position:absolute;right:-6%;top:42%;width:112%;height:2.6rem;background:linear-gradient(180deg,#d7b08a,#a97e58 45%,#7d5b3d);box-shadow:0 8px 18px -8px #000c;transform:rotate(-2deg)}.diary-cover-lock{position:absolute;right:8%;top:41.5%;z-index:2;display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:.6rem;background:linear-gradient(160deg,#f0d9a8,#a9843f);color:#4a3512;box-shadow:0 10px 22px -10px #000000e6}.diary-flip{perspective:1700px;perspective-origin:50% 45%}.diary-sheet{position:relative;transform-style:preserve-3d;will-change:transform,opacity}.diary-sheen{position:absolute;top:0;right:0;bottom:0;left:0;max-width:30rem;margin:0 auto;border-radius:.25rem .6rem .6rem .25rem;pointer-events:none;background:linear-gradient(104deg,#ffffff8c,#fff6e22e 34%,#3c261038 72%,#140c0652)}.diary-page{position:relative;width:100%;max-width:30rem;margin:0 auto;padding:2.1rem 1.4rem 2.4rem 2.6rem;color:#2b2118;border-radius:.25rem .6rem .6rem .25rem;background-color:#f3e6cd;background-image:repeating-linear-gradient(180deg,transparent 0 1.68rem,rgba(52,84,122,.22) 1.68rem 1.72rem),radial-gradient(70% 40% at 15% 8%,rgba(160,120,70,.16),transparent 70%),radial-gradient(60% 50% at 85% 92%,rgba(140,100,55,.18),transparent 70%),linear-gradient(180deg,#f7ecd6,#efe0c2);box-shadow:inset 22px 0 26px -22px #462d14b3,inset -8px 0 20px -14px #462d1473,0 26px 50px -26px #000000d9}.diary-page:before{content:"";position:absolute;top:0;bottom:0;left:2rem;width:1px;background:#b23c3c80}.diary-holes{position:absolute;left:.55rem;top:2rem;bottom:2rem;display:flex;flex-direction:column;justify-content:space-around}.diary-holes i{display:block;width:.7rem;height:.7rem;border-radius:999px;background:#0e0b0a;box-shadow:inset 0 1px 2px #ffffff59;opacity:.75}.diary-stain{position:absolute;right:1.1rem;bottom:1.4rem;width:5.5rem;height:5.5rem;border-radius:999px;border:.32rem solid rgba(122,78,34,.16);box-shadow:inset 0 0 22px #7a4e221a;pointer-events:none}.diary-tape{position:absolute;width:4.6rem;height:1.35rem;background:linear-gradient(180deg,#ffffff80,#e4d6ba8c);box-shadow:0 2px 6px #00000029}.diary-tape-l{top:-.5rem;left:1.6rem;transform:rotate(-6deg)}.diary-tape-r{top:-.5rem;right:1.6rem;transform:rotate(5deg)}.diary-hand{font-family:var(--font-hand);line-height:1.72rem;font-size:1.34rem;color:#253b63;white-space:pre-wrap;letter-spacing:.01em}.diary-hand-title{font-family:var(--font-hand);font-size:1.85rem;color:#1f3352;transform:rotate(-.6deg)}.diary-hand-small{font-family:var(--font-hand);font-size:1.05rem;color:#4b3a2a}.diary-highlight{display:inline-block;padding:0 .2rem;background:linear-gradient(180deg,transparent 58%,rgba(233,176,62,.5) 58%)}.diary-kind{display:inline-block;padding:.1rem .55rem;border:1px solid rgba(150,60,60,.5);border-radius:.2rem;color:#963c3cd9;font-family:var(--font-hand);font-size:.95rem;transform:rotate(-2.5deg)}.diary-doodle{width:60%;max-width:13rem;mix-blend-mode:multiply;filter:grayscale(.35) contrast(1.45) brightness(1.12);opacity:.92;transform:rotate(-1.6deg)}.diary-drawing{width:100%;max-width:22rem;mix-blend-mode:multiply;filter:contrast(1.12) brightness(1.06);opacity:.95;transform:rotate(-.7deg)}.diary-note{font-family:var(--font-hand);font-size:1.1rem;color:#8a3b2f;background:transparent;border:0;border-bottom:1px dashed rgba(138,59,47,.45);width:100%;outline:none;resize:none}