:root{--page: #F4EBDD;--paper-alt: #EADCC8;--text: #3B302A;--muted: #75665A;--border: #D8C7B0;--stage-bg: #1C1613;--stage-bg-2: #14100D;--font-bn: "Tiro Bangla", "Noto Serif Bengali", serif;--font-en: "EB Garamond", "Cormorant Garamond", serif;--radius: 5px;--diary-ratio: 1 / 1.44}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:#0c0907;background-image:radial-gradient(130% 150% at 50% 35%,#120e0bbd,#090705f0),url(/background.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:var(--font-bn);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}:focus-visible{outline:2px solid #C9A063;outline-offset:2px}.app-root{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.cover{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.cover-book{background:var(--page);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px #ffffff73 inset,3px 0 #d8c7b0a6,5px 0 #d8c7b066,0 28px 70px #000000a6,0 8px 24px #00000073;width:min(96vw,calc((92vh - 56px)*.72),696px);aspect-ratio:var(--diary-ratio);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;outline:none;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.cover-book:hover,.cover-book:focus-visible{transform:translateY(-4px);box-shadow:0 1px #ffffff80 inset,3px 0 #d8c7b0b3,5px 0 #d8c7b073,0 36px 85px #000000b3,0 12px 30px #00000080}.cover-book:active{transform:scale(.99) translateY(-1px)}.cover-book:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(59,48,42,.18);pointer-events:none}.cover-inner{text-align:center;padding:48px}.cover-eyebrow{font-family:var(--font-bn);color:var(--muted);font-size:1.15rem;letter-spacing:.04em;margin:0 0 24px}.cover-title{font-family:var(--font-en);font-style:italic;font-weight:500;font-size:clamp(3.6rem,10vw,5.2rem);margin:0;color:var(--text);letter-spacing:.01em}.cover-timestamp{font-family:var(--font-bn);color:var(--muted);font-size:1.1rem;margin:0;opacity:.85}.book-wrap{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}.book-stage{position:relative;width:min(96vw,calc((92vh - 56px)*.72),696px);aspect-ratio:var(--diary-ratio);perspective:2800px;perspective-origin:center center;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.book-stage.is-dragging{cursor:grabbing}.book-stage:after{content:"";position:absolute;top:5px;bottom:5px;right:-6px;width:7px;background:repeating-linear-gradient(to bottom,#d8c7b0,#c4b198,#f4ebdd,#e2d2be 3px);border-radius:0 2px 2px 0;box-shadow:3px 6px 14px #0000006b;pointer-events:none;z-index:0}.book-stage:before{content:"";position:absolute;left:6px;right:6px;bottom:-5px;height:6px;background:repeating-linear-gradient(to right,#d8c7b0,#c4b198,#f4ebdd,#e2d2be 3px);border-radius:0 0 2px 2px;box-shadow:0 5px 12px #0000005c;pointer-events:none;z-index:0}.page-base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.page-drop-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius);opacity:0;z-index:5;will-change:opacity,background}.bending-leaf{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none;z-index:10}.bend-strip{transform-style:preserve-3d;will-change:transform}.strip-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.strip-face--front{transform:rotateY(0)}.strip-face--back{transform:rotateY(180deg);background:var(--paper-alt);box-shadow:0 1px #ffffff59 inset}.bend-strip-0>.strip-face{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.bend-strip-5>.strip-face{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.strip-content,.strip-back-content{height:100%;pointer-events:none}.leaf-back-texture{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid rgba(59,48,42,.1);pointer-events:none}.strip-highlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,#fffcf026,#ffffff73,#fffcf026);opacity:0;z-index:5;will-change:opacity}.strip-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,#0f0a0852,#0f0a081f);opacity:0;z-index:4;will-change:opacity}.strip-back-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,rgba(20,14,10,.38),transparent);opacity:0;z-index:4;will-change:opacity}.book-spine-shadow{position:absolute;top:0;bottom:0;left:0;width:42px;background:linear-gradient(to right,rgba(15,10,8,.36) 0%,rgba(15,10,8,.15) 16px,rgba(15,10,8,.04) 30px,transparent 100%);pointer-events:none;border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);z-index:12}@media (prefers-reduced-motion: reduce){.bend-strip{transition:none!important}}.page-content{position:relative;height:100%;width:100%;background:var(--page);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px #ffffff73 inset,3px 0 #d8c7b0a6,5px 0 #d8c7b066,0 28px 70px #0000008c,0 10px 24px #00000061;padding:clamp(26px,4.2vh,44px) clamp(24px,4.4vw,44px) clamp(32px,4.6vh,48px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.page-content::-webkit-scrollbar{width:4px}.page-content::-webkit-scrollbar-thumb{background:#d8c7b0b3;border-radius:2px}.page-base .page-content{overflow-y:auto;overflow-x:hidden}.strip-content .page-content{overflow:hidden!important}.page-text{color:var(--text);max-width:54ch;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;--scale: 1}.density-spacious .page-text{font-size:calc(clamp(1.12rem,1.55vw,1.28rem) * var(--scale, 1));line-height:1.84;justify-content:center}.density-spacious .page-text p{margin:0 0 .82em}.density-comfortable .page-text,.density-medium .page-text{font-size:calc(clamp(1.02rem,1.38vw,1.16rem) * var(--scale, 1));line-height:1.74;justify-content:center}.density-comfortable .page-text p,.density-medium .page-text p{margin:0 0 .54em}.density-compact .page-text{font-size:calc(clamp(.95rem,1.25vw,1.08rem) * var(--scale, 1));line-height:1.66;justify-content:center}.density-compact .page-text p{margin:0 0 .38em}.density-dense .page-text,.density-ultra-dense .page-text{font-size:calc(clamp(.86rem,1.12vw,.98rem) * var(--scale, 1));line-height:1.58;justify-content:center}.density-dense .page-text p,.density-ultra-dense .page-text p{margin:0 0 .24em}.density-dense.page-content,.density-ultra-dense.page-content{padding-top:clamp(20px,3vh,28px);padding-bottom:clamp(22px,3.2vh,30px);padding-left:clamp(20px,3.4vw,32px);padding-right:clamp(20px,3.4vw,32px)}.page-text p:last-child{margin-bottom:0}.english-quote{font-family:var(--font-en);font-style:italic;font-size:1.05em;color:var(--muted);padding-left:1.1em;border-left:2px solid var(--border)}.climax-line{font-family:var(--font-bn);font-weight:600;color:#7a4326;letter-spacing:.015em}.page-final .page-text{padding-bottom:30px}.signature-space{height:6px}.timestamp-detail{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:var(--font-en);font-style:italic;font-size:.72rem;letter-spacing:.08em;color:var(--muted);opacity:.55;text-transform:lowercase}.teacup-detail{position:absolute;width:26px;height:20px;bottom:20px;left:20px;color:var(--border);opacity:.9}.flower-detail{position:absolute;width:24px;height:24px;top:20px;right:22px;color:var(--border)}.page-motif-corner{position:absolute;bottom:14px;right:18px;pointer-events:none}.page-final .page-motif-corner{position:static;display:flex;justify-content:center;margin-top:18px}.laugh-motif--small{width:76px;height:auto}.laugh-motif--large{width:190px;height:auto}.page-number{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--font-en);font-size:.72rem;color:var(--muted);opacity:.6;letter-spacing:.05em}.controls{display:flex;align-items:center;gap:18px}.controls-nav{display:flex;gap:10px}.control-btn{background:#f4ebdd14;border:1px solid rgba(244,235,221,.25);color:var(--page);width:40px;height:40px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,opacity .18s ease,transform .12s ease}.control-btn:hover:not(:disabled){background:#f4ebdd2e}.control-btn:active:not(:disabled){transform:scale(.94)}.control-btn:disabled{opacity:.25;cursor:default}.control-btn--ghost{border-color:transparent;background:transparent;font-size:1.05rem;opacity:.75}.control-btn--ghost:hover{opacity:1;background:#f4ebdd14}@media (max-width: 640px){body{overflow:auto}.book-wrap{padding:10px;gap:10px}.book-stage{width:min(96vw,calc((88vh - 48px)*.72),520px);aspect-ratio:var(--diary-ratio);perspective:1800px}.cover-book{width:min(96vw,calc((88vh - 48px)*.72),520px)}.page-content{padding:22px 18px 40px;border-radius:var(--radius)}.density-spacious .page-text{font-size:calc(1.1rem * var(--scale, 1));line-height:1.8}.density-comfortable .page-text,.density-medium .page-text{font-size:calc(1.02rem * var(--scale, 1));line-height:1.7}.density-compact .page-text{font-size:calc(.94rem * var(--scale, 1));line-height:1.62}.density-dense .page-text,.density-ultra-dense .page-text{font-size:calc(.85rem * var(--scale, 1));line-height:1.54}.cover-inner{padding:30px 20px}}