#lifePanel[data-kind="journal-book"]{left:50%;right:auto;transform:translateX(-50%);width:min(950px,calc(100% - 28px));max-height:calc(100% - 92px);padding:22px;background:linear-gradient(145deg,#f7f8eafc,#eef4e8fc)}
.journal-book-root{--ink:#395b55;--paper:#fffdf2;--leaf:#779c86;color:var(--ink);width:100%;min-width:0;box-sizing:border-box}
.journal-book-root *{box-sizing:border-box}.journal-book-mobile-feedback{display:none}.journal-book-spread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);position:relative;isolation:isolate;border-radius:12px 18px 18px 12px;background:#789781;padding:8px;box-shadow:0 13px 28px #284d4124,0 2px 0 #587863;perspective:1100px}
.journal-book-spread{overflow:clip}.journal-book-page-well{position:relative;min-width:0;perspective:1600px;transform-style:preserve-3d}.journal-book-turn-sheet{position:absolute;inset:0;z-index:4;transform-style:preserve-3d;pointer-events:none;will-change:transform}.journal-book-turn-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:0 9px 11px 0;overflow:hidden;padding:26px 28px 38px;pointer-events:none}.journal-book-turn-front{background:linear-gradient(90deg,#d4d4c6 0,#f2efdf 2%,#fffdf2 8%);box-shadow:8px 1px 14px #32433418}.journal-book-turn-back{transform:rotateY(180deg);background:linear-gradient(90deg,#ebe6d5,#fffdf1 20%,#f9f6e8 90%,#d2d1c1);box-shadow:-8px 1px 17px #3243341f}.journal-book-turn-shadow{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#394d43b0,transparent);opacity:0;pointer-events:none;will-change:transform,opacity}
.journal-book-spread::after{content:'';position:absolute;inset:10px 10px -4px;z-index:-1;border-radius:10px 15px 15px 10px;background:repeating-linear-gradient(#f6f0dc 0 2px,#e1dfcd 2px 3px);box-shadow:0 4px 6px #37584724}
.journal-book-left{position:relative;min-width:0;min-height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:52px 26px 28px;border-radius:5px 0 0 7px;background:radial-gradient(ellipse at 25% 15%,#ffffffb0,transparent 65%),linear-gradient(90deg,#faf8e9 86%,#e7e5d5 97%,#d2d0c0)}
.journal-book-ribbon{position:absolute;left:22px;top:-8px;padding:14px 12px 22px;background:#92b8a0;color:#fffdf4;font-size:12px;letter-spacing:.10em;clip-path:polygon(0 0,100% 0,100% 100%,50% 90%,0 100%)}
.journal-book-name{font-size:19px;letter-spacing:.12em;margin:12px 0 25px;color:#527468}.journal-book-date{font-size:24px;line-height:1.8;margin:8px 0}.journal-book-mood{font-size:17px;letter-spacing:.14em;padding:8px 20px;border-top:1px solid #b3c4ad;border-bottom:1px solid #b3c4ad;margin:5px 0 15px}
.journal-book-reflection{margin-top:auto;padding-top:26px;font-size:14px;line-height:1.9;color:#667e6a;overflow-wrap:anywhere}.journal-book-small-title{font-size:12px;letter-spacing:.16em;color:#88967a}.journal-book-feedback{white-space:pre-wrap;margin:8px 0 0}
.journal-book-paper{position:relative;min-width:0;height:410px;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#b7c4a6 #fffdf2;padding:26px 28px 38px;border-radius:0 9px 11px 0;background:linear-gradient(90deg,#d4d4c6 0,#f2efdf 2%,var(--paper) 8%);transform-origin:left center;backface-visibility:hidden;outline-offset:-4px}
.journal-book-page-heading{font-size:12px;letter-spacing:.03em;line-height:1.7;color:#8a9478;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #dbe1ce}.journal-book-text{font-size:17px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;background:repeating-linear-gradient(transparent 0 calc(2.1em - 1px),#879f8b14 calc(2.1em - 1px) 2.1em);color:var(--ink)}
.journal-book-folio{text-align:center;letter-spacing:.13em;color:#a2aa8a;font-size:11px;margin:28px 0 0}.journal-book-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:20px 0 0}.journal-book-button{font:inherit;font-size:14px;line-height:1.6;min-height:44px;padding:9px 15px;border:1px solid #c6d5be;border-radius:13px;background:#f8faee;color:#446d5f;cursor:pointer;touch-action:manipulation}.journal-book-button:hover:not(:disabled){background:#e7f0dc;border-color:#8cac93}.journal-book-button:focus-visible{outline:3px solid #8eb09c;outline-offset:3px}.journal-book-button:disabled{opacity:.4;cursor:default}.journal-book-counter{font-size:12px;line-height:1.6;text-align:center;color:#6f8673;margin:0}.journal-book-navigation>.journal-book-button:last-child{justify-self:end}.journal-book-navigation>.journal-book-button:first-child{justify-self:start}.journal-book-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0 0}.journal-book-actions:empty{display:none}.journal-book-actions .journal-book-button{font-size:12px;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
@media(max-width:620px){#lifePanel[data-kind="journal-book"]{padding:16px;width:calc(100% - 20px);bottom:max(10px,env(safe-area-inset-bottom));max-height:calc(100% - 80px)}.journal-book-spread{grid-template-columns:minmax(0,1fr);padding:6px;border-radius:13px}.journal-book-left{display:none}.journal-book-paper{height:min(52vh,480px);min-height:250px;padding:20px 20px 28px;border-radius:7px;background:linear-gradient(90deg,#e4e3d4,#fffdf2 7%)}.journal-book-text{font-size:16px;line-height:2.05}.journal-book-navigation{gap:7px;margin-top:17px}.journal-book-counter{font-size:11px}.journal-book-button{padding:9px 11px;font-size:13px}.journal-book-actions{gap:4px}.journal-book-page-heading{font-size:12px}.journal-book-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){.journal-book-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.journal-book-mobile-feedback{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:22px 0 0;padding-top:14px;border-top:1px solid #dbe1ce;color:#667e6a}.journal-book-mobile-feedback[hidden]{display:none}}
@media(max-width:620px){.journal-book-turn-face{padding:20px 20px 28px;border-radius:7px}.journal-book-turn-front{background:linear-gradient(90deg,#e4e3d4,#fffdf2 7%)}}