@font-face{font-family:'BabyDoll';src:url(/fonts/BabyDoll.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--ink:#1f2630;--ink-muted:#3f4a57;--spine:rgba(60, 74, 92, 0.25);--accent:#c46a6a;--line:rgba(120, 140, 168, 0.22);--book-height:530px;--diary-font:'BabyDoll', 'MS Sans Serif', Arial, sans-serif}html{max-width:100vw;overflow-x:hidden}html,body{margin:0;min-height:100%;font-family:var(--diary-font)!important;font-size:var(--text-md)!important;color:var(--ink)!important;max-width:100vw;overflow-x:hidden;background-color:#fff0}html{background-color:#fff}body::before{content:'';position:fixed;inset:0;background:url(/images/bg.gif) center/cover no-repeat;z-index:-1;pointer-events:none}a,a:visited{color:var(--color-link);text-decoration:underline}a:hover,a:active{color:var(--color-link-hover)}.window-body{max-width:960px;margin:0 auto;padding:16px 12px 30px;box-sizing:border-box}.notebook{position:relative;padding:18px 16px 20px 22px;border-radius:0;background:#fff0;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:hidden;width:100%;max-width:960px;margin:0 auto;box-sizing:border-box}.firstpage-intro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--diary-font);font-size:20px;letter-spacing:.04em;color:#2f3b2a;text-align:center;white-space:nowrap;pointer-events:none}.leftpage-stickersheet4{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet3{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet6{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet7{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet8{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet10{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet11{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-stickersheet13{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.rightpage-stickersheet9{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.rightpage-stickersheet14{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%, 420px);height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-buns{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;pointer-events:none;z-index:2}.leftpage-buns img{width:140px;height:auto;display:block}.leftpage-buns .bun2{width:220px}.leftpage-fruitstickers{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;height:auto;pointer-events:none;opacity:.95;z-index:2}.leftpage-polaroid-konbini{position:absolute;left:50%;bottom:32px;transform:translateX(-50%) rotate(-2deg);z-index:3}.rightpage-onigiri{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:3;pointer-events:none}.rightpage-onigiri img{width:128px;height:auto;display:block}.rightpage-onigiri .middle{width:144px}.rightpage-catsideye{position:absolute;left:50%;bottom:8px;top:auto;width:180px;height:auto;transform:translateX(-50%);pointer-events:none;z-index:2}.leftpage-cows{position:absolute;left:50%;bottom:28px;width:280px;transform:translateX(-50%);height:auto;pointer-events:none;opacity:.95;z-index:2}.book-shell{position:relative;z-index:0;box-sizing:border-box;min-height:var(--book-height)}.book-wrap{position:relative;padding:16px;z-index:0;box-sizing:border-box;min-height:var(--book-height)}.journal-cover{position:absolute;inset:0;border-radius:18px;background:linear-gradient(145deg,#264e38,rgb(25 62 44 / .98)),repeating-linear-gradient(45deg,rgb(255 255 255 / .06) 0 6px,#fff0 6px 12px);border:1px solid rgb(25 40 28 / .45);z-index:0;pointer-events:none;transition:opacity 0.4s ease}.journal-cover::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:30px;transform:translateX(-50%);background:linear-gradient(180deg,rgb(10 18 12 / .7),rgb(10 18 12 / .25));box-shadow:0 0 12px rgb(0 0 0 / .28);border-radius:2px;opacity:.7;pointer-events:none}.cover-sticker-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.cover-sticker-region{position:absolute;left:0;top:0;bottom:0;width:calc(50% - 18px);overflow:hidden}.cover-sticker-sheet{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .25))}.journal-frame{position:absolute;inset:0;border-radius:14px;background:#fff0;border:3px solid rgb(45 90 62 / .85);z-index:1;pointer-events:none;transition:opacity 0.4s ease}.journal-cover::before{content:'';position:absolute;inset:10px 12px;border-radius:14px;border:1px dashed rgb(234 212 168 / .35);opacity:.8}.book-controls{position:absolute;left:20px;right:20px;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.book-controls button{pointer-events:auto;border-radius:0;border:none;background:#fff0;box-shadow:none;padding:0;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:24px;line-height:1;color:var(--ink)}.book-controls button:hover{transform:translateY(-1px);text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:4px}.book-controls button:disabled{cursor:not-allowed;opacity:.55}.book{position:relative;width:100%;margin:0 auto;perspective:1800px;height:var(--book-height);min-height:var(--book-height);max-height:var(--book-height);background:linear-gradient(90deg,rgb(0 0 0 / .1),#fff0 5%,#fff0 95%,rgb(0 0 0 / .1));border-radius:14px;overflow:hidden;z-index:2;box-sizing:border-box}.book::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff0 49.5%,var(--spine) 50%,#fff0 50.5%);pointer-events:none}.book::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff0,rgb(30 40 55 / .08));pointer-events:none}.binding{position:absolute;top:14px;bottom:14px;left:50%;width:18px;transform:translateX(-50%);pointer-events:none;z-index:10;background:#fff0;border-left:none;border-right:none;border-radius:12px;box-shadow:none;opacity:1}.binding::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(to bottom,rgb(10 10 12 / .95) 0 2px,#fff0 2px 4px,rgb(10 10 12 / .95) 4px 6px,#fff0 6px 16px);border-radius:0;opacity:.95}.binding::after{content:'';position:absolute;left:0;right:0;top:0;bottom:2px;background:repeating-linear-gradient(to bottom,rgb(255 255 255 / .2) 0 1px,rgb(255 255 255 / .05) 1px 4px,#fff0 4px 16px);opacity:.25;border-radius:0}.page-stack{position:relative;width:100%;height:100%;z-index:2}.page-stack.left-stack{position:absolute;top:0;bottom:0;left:0;right:50%;z-index:1;pointer-events:none}.page-base{position:absolute;top:0;bottom:0;width:50%;z-index:0}.page-base.right{left:50%}.page-base .page-inner{border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(255 255 255 / .92)),repeating-linear-gradient(to bottom,rgb(55 75 105 / .95) 0 1px,#fff0 1px 16px),repeating-linear-gradient(to right,rgb(55 75 105 / .95) 0 1px,#fff0 1px 16px)}.page-base.right .page-inner::after{border-top-left-radius:0;border-bottom-left-radius:0}.page{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;transform-origin:left center;transition:transform 0.8s ease,box-shadow 0.8s ease;will-change:transform}.page.right{left:50%;transform-origin:left center}.page.left{left:0;transform-origin:right center;pointer-events:none}.page.is-flipped{transform:rotateY(-180deg);box-shadow:none}.page.is-flipped .page-inner{opacity:1;filter:none}.page-shadow{position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .12),#fff0);opacity:0;transition:opacity 0.8s ease;pointer-events:none}.page.is-flipped .page-shadow{opacity:0}.page-inner{position:absolute;inset:0;padding:18px 18px 30px;background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(255 255 255 / .92)),repeating-linear-gradient(to bottom,rgb(45 65 95) 0 1px,#fff0 1px 16px),repeating-linear-gradient(to right,rgb(45 65 95) 0 1px,#fff0 1px 16px);border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5);overflow:hidden;outline:none;backface-visibility:hidden}.page.left .page-inner{background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(255 255 255 / .94)),repeating-linear-gradient(to bottom,rgb(45 65 95) 0 1px,#fff0 1px 16px),repeating-linear-gradient(to right,rgb(45 65 95) 0 1px,#fff0 1px 16px)}.page-inner::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:rgb(196 106 106 / .35);pointer-events:none}.page-inner::after{content:'';position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px rgb(120 140 168 / .18);pointer-events:none}.page.left .page-inner::after{border-top-right-radius:0;border-bottom-right-radius:0}.page.right .page-inner::after{border-top-left-radius:0;border-bottom-left-radius:0}.binding-holes{position:absolute;top:14px;bottom:14px;width:6px;background:repeating-linear-gradient(to bottom,rgb(12 12 14 / .65) 0 6px,#fff0 6px 16px);background-position:0 0;opacity:.45;pointer-events:none;z-index:9}.page.right .page-inner{border-left:1px solid rgb(120 140 168 / .2);border-right:none}.page.right .page-inner::after{border-top-left-radius:0;border-bottom-left-radius:0}.page.right .page-inner::before{left:22px}.binding-holes.left{left:calc(50% - 12px)}.binding-holes.right{left:calc(50% + 6px)}.entry{border-radius:10px;padding:10px 8px 12px;display:flex;flex-direction:column;min-height:0;height:100%;background:#fff0;border:none;box-shadow:none}.entry-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 20px;font-size:var(--text-sm);color:var(--ink-muted);font-weight:700}.entry-meta .date{font-size:var(--text-xs);letter-spacing:.01em;font-family:var(--diary-font)}.entry-meta .icon{flex-shrink:0;line-height:1}.entry-meta .icon img{display:block;height:18px;width:auto}.entry-body{margin:0;color:var(--ink);line-height:1.7;font-size:var(--text-md);font-family:var(--diary-font);overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;padding-right:6px}.entry-body::-webkit-scrollbar{width:10px;height:10px}.entry-body::-webkit-scrollbar-thumb{background:#264e38;border-radius:10px;border:2px solid rgb(255 255 255 / .6);background-clip:padding-box}.entry-body::-webkit-scrollbar-track{background:#fff0}.entry-body{scrollbar-width:thin;scrollbar-color:#264e38 #fff0}.entry-body img{vertical-align:middle}.entry-body::first-letter{font-size:26px;line-height:1;font-weight:700;float:left;margin:2px 6px 0 0;color:var(--accent)}.entry-body.no-dropcap::first-letter{font-size:inherit;line-height:inherit;font-weight:inherit;float:none;margin:0;color:inherit}.entry-body.entry-gag{color:#b63a3a;font-weight:700;letter-spacing:.02em;padding-right:6px;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;white-space:pre-line}.entry-body.entry-gag::first-letter{font-size:inherit;line-height:inherit;font-weight:inherit;float:none;margin:0;color:#b63a3a}@media (max-width:740px){.window-body{max-width:100vw;padding:12px 8px 24px}.notebook{padding:14px 10px 16px 14px}.entry{padding:9px 10px}.entry-meta{font-size:var(--text-xs)}.entry-body{column-width:auto;column-count:1;column-rule:none}.book{min-height:var(--book-height);height:var(--book-height);max-height:var(--book-height)}.book-controls{left:12px;right:12px;bottom:8px}.page{width:100%;left:0!important}.binding{display:none}.book-wrap{padding:12px 10px 32px}.journal-frame{inset:8px}}