@font-face{font-family:Caveat;src:url(/4-caveat.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/5-patrick-hand.woff2)format("woff2");font-weight:400;font-display:swap}.journal-shell{width:100%}.journal-topbar{justify-content:space-between;align-items:center;gap:12px;max-width:748px;margin:0 auto 14px;padding:0 4px;display:flex}.journal-brand{color:inherit;flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.journal-brand span{letter-spacing:.18em;font-size:13px;font-weight:700}.journal-brand small{letter-spacing:.12em;opacity:.7;text-transform:uppercase;font-size:11px}.journal-topbar-actions{align-items:center;gap:10px;display:flex}.journal-name{font-family:Caveat,Bradley Hand,Segoe Print,cursive;font-size:20px}.journal-signout-error{max-width:748px;margin:0 auto 8px;font-size:12.5px}.journal{background:#f7f0e2;border:1px solid #e4d9c4;border-radius:18px;width:100%;max-width:720px;min-height:480px;margin:0 auto;display:flex;position:relative;overflow:visible;box-shadow:0 10px 28px #2f273d24}.spiral{background:#efe6d3;border-right:1px dashed #d8cbb0;border-radius:18px 0 0 18px;flex-direction:column;flex:0 0 26px;justify-content:space-evenly;align-items:center;width:26px;padding:14px 0;display:flex}.spiral .ring{background:#fbf6ea;border:2px solid #b8a888;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #2f273d40}.journal-page{transform-origin:0;background:repeating-linear-gradient(#fbf6ea,#fbf6ea 27px,#ece1cb 28px);border-radius:0 18px 18px 0;flex:1;min-width:0;padding:26px 72px 26px 20px;animation:.55s both pageTurn}@keyframes pageTurn{0%{opacity:0;transform:perspective(900px)rotateY(-24deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@media (prefers-reduced-motion:reduce){.journal-page{animation:none}}.tabs{width:66px;position:absolute;top:0;right:-16px}.tab{color:#2f273d;opacity:.82;border-radius:0 10px 10px 0;justify-content:center;align-items:center;width:64px;height:44px;font-size:11px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:flex;position:absolute;right:0;box-shadow:1px 1px 3px #2f273d33}.tab:hover{opacity:1}.tab.active{opacity:1;transform:translate(6px);box-shadow:2px 2px 6px #2f273d47}@media (max-width:640px){.journal{border-radius:14px;width:calc(100% - 12px);margin-right:12px}.journal-page{padding:20px 58px 20px 14px}.tabs{width:54px;right:-4px}.tab{width:54px;height:44px;font-size:10px}.journal-brand span{font-size:11px}}.j-date{letter-spacing:.02em;color:#9b7a32;margin:0 0 4px;font-family:Caveat,Bradley Hand,Segoe Print,cursive;font-size:21px;font-weight:600}.j-date:after{content:" ✶";opacity:.55;font-size:14px}.j-h{color:#2f273d;text-underline-offset:6px;margin:0 0 8px;font-family:Caveat,Bradley Hand,Segoe Print,cursive;font-size:31px;font-weight:700;-webkit-text-decoration:underline wavy #b99ed0b3;text-decoration:underline wavy #b99ed0b3;text-decoration-thickness:1.5px}.j-prompt{color:#2f273d;margin:0 0 4px;font-family:Caveat,Bradley Hand,Segoe Print,cursive;font-size:21px;font-weight:700}.j-writing{color:#453d52;font-family:Patrick Hand,Noteworthy,Chalkboard SE,cursive;font-size:16.5px}mark.j-hl{color:inherit;background:linear-gradient(100deg,#ffee9600 0%,#ffee96e6 3% 97%,#ffee9600 100%);padding:0 2px;font-style:normal;font-weight:700}mark.j-hl-pink{color:inherit;background:linear-gradient(100deg,#f4c2d700 0%,#f4c2d7a6 3% 97%,#f4c2d700 100%);padding:0 2px}.j-ai-margin{background:#7d9aa817;border-left:3px solid #7d9aa8;border-radius:0 10px 10px 0;margin-top:14px;padding:10px 12px}.j-ai-label{letter-spacing:.1em;text-transform:uppercase;color:#56707d;margin:0 0 6px;font-size:10.5px;font-weight:700}.j-ai-text{color:#41565f;margin:0 0 6px;font-family:Georgia,serif;font-size:13.5px}.j-writeback{color:#8a7d72;margin:0;font-size:11.5px;font-style:italic}.j-sticker{opacity:.92;filter:drop-shadow(1px 2px 2px #2f273d2e);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:56px;height:56px;position:absolute;bottom:10px;right:18px;transform:rotate(6deg)}.j-sticker-top{width:50px;height:50px;top:12px;bottom:auto;right:66px;transform:rotate(8deg)}.j-sticker-l{left:42px;right:auto;transform:rotate(-5deg)}.j-step{color:#2f273d;text-decoration:none;display:block}.j-step:hover{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.j-path{background:#ffffffa6;border:1px solid #e4d9c4;border-radius:10px;margin:0 0 14px;padding:10px 12px}.j-path-title{letter-spacing:.12em;text-transform:uppercase;color:#9b7a32;margin:0 0 6px;font-size:11px}.j-path .j-step{margin:3px 0;font-size:13px}.j-step.done{color:#7c9a86;text-decoration:line-through}.j-step.done:hover{text-decoration:underline line-through}.j-step.next{font-weight:700}.j-path-note{color:#8a7d72;margin:6px 0 0;font-size:11.5px;font-style:italic}