@font-face{font-family:Approved Journal;src:url(/journal-art/kalam-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:block}.illustrated-journal{color:#292722;--journal-paper:#f4ead6;--journal-card:#fffaf0;--journal-ink:#2f2a24;--journal-ink-soft:#776a5c;--journal-tape:#decea6b8;--journal-stamp:color-mix(in srgb, var(--page-accent,#5b7a6a) 45%, #4a3f36);width:100%;max-width:640px;margin:auto;container-type:inline-size}.illustrated-export-page{background-color:var(--journal-paper);break-after:page;background-image:radial-gradient(#785a3212 .6px,#0000 1px),radial-gradient(#785a320d .6px,#0000 1px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px;margin-bottom:16px;padding:4.5cqw 4.5cqw 4cqw;position:relative}.illustrated-export-page:last-child{margin-bottom:0}.journal-label:before,.journal-photo:before,.journal-photo:after,.journal-keepsake-note:before{content:"";background-color:var(--journal-tape);z-index:2;background-image:repeating-linear-gradient(90deg,#ffffff38 0 .6cqw,#0000 .6cqw 1.6cqw);height:3.6cqw;position:absolute;box-shadow:0 .2cqw .4cqw #503c1e1f}.illustrated-sheet{width:100%;position:relative;container-type:inline-size}.illustrated-sheet>img{width:100%;height:auto;display:block}.illustrated-drawing{width:100%;height:100%;position:absolute;inset:0}.illustrated-sheet[data-drawing]{background:#fbf4e4}.illustrated-sheet[data-drawing]>img,.illustrated-sheet[data-drawing]>.illustrated-writing,.illustrated-sheet[data-drawing]>.illustrated-doodles{visibility:hidden}.illustrated-writing{tab-size:4;font-family:Approved Journal,cursive;font-weight:400;line-height:1.42;animation:.4s ease-out both journal-text-in;position:absolute;inset:0}.illustrated-line{white-space:pre;overflow-wrap:normal;line-height:1.42;position:absolute}.illustrated-heading{justify-content:space-between;align-items:flex-start;gap:3cqw;margin:.5cqw 0 4cqw;font-family:Approved Journal,cursive;animation:.4s ease-out both journal-text-in;display:flex}.journal-label{filter:drop-shadow(0 .3cqw .5cqw #4632192e);flex:0 auto;min-width:0;max-width:76%;position:relative;transform:rotate(-1.2deg)}.journal-label:before{width:15cqw;top:-1.8cqw;left:50%;transform:translate(-50%)rotate(2deg)}.journal-label-paper{background:var(--journal-card);clip-path:polygon(.6% 3%,18% .4%,41% 2%,63% 0,84% 1.6%,99.4% .2%,100% 34%,99% 68%,99.8% 98%,79% 99.4%,55% 97.6%,33% 100%,12% 98.4%,.2% 99.6%,1% 64%,0 31%);padding:3.4cqw 4.4cqw 3cqw}.journal-label h1{color:var(--journal-ink);margin:0;font-size:6.4cqw;font-weight:400;line-height:1.12}.journal-label p{color:var(--journal-ink-soft);margin:1.2cqw 0 0;font-size:3.5cqw;line-height:1.3}.journal-stamp{border:.75cqw double var(--journal-stamp);color:var(--journal-stamp);letter-spacing:.14em;text-align:center;opacity:.86;mix-blend-mode:multiply;border-radius:1cqw;flex:none;grid-template-columns:auto auto;align-items:center;column-gap:1.6cqw;margin:1.4cqw .5cqw 0 0;padding:1.4cqw 2cqw;font:2.3cqw/1.15 Courier New,Courier,monospace;display:grid;transform:rotate(5deg)}.journal-stamp-month,.journal-stamp-weekday{grid-column:1;font-weight:700}.journal-stamp-day{letter-spacing:0;grid-column:1;font-size:6.4cqw;font-weight:700;line-height:1}.journal-stamp-month{grid-row:1}.journal-stamp-day{grid-row:2}.journal-stamp-weekday{grid-row:3}.journal-stamp-moon{border-left:.3cqw dashed var(--journal-stamp);letter-spacing:.06em;flex-direction:column;grid-area:1/2/4;align-items:center;gap:.6cqw;padding-left:1.6cqw;font-size:1.8cqw;display:flex}.journal-stamp-moon svg{width:3.6cqw;height:3.6cqw}.journal-photo{background:#fffdf7;padding:1.4cqw;position:relative;box-shadow:0 .2cqw .4cqw #4632191f,0 1.4cqw 2.6cqw -1.6cqw #46321959}.journal-photo:before{width:12cqw;top:-1.4cqw;left:-2.4cqw;transform:rotate(-38deg)}.journal-photo:after{width:12cqw;top:-1.4cqw;right:-2.4cqw;transform:rotate(38deg)}.journal-keepsake{margin:4.6cqw 1cqw .5cqw;animation:.4s ease-out both journal-text-in}.journal-keepsake-label{font-variant:small-caps;letter-spacing:.12em;color:var(--journal-ink-soft);align-items:center;gap:1.2cqw;margin:0 0 1.8cqw 1cqw;font:2.6cqw/1 Georgia,Times New Roman,serif;display:flex}.journal-keepsake-flower{flex:none;width:7.4cqw;height:7.4cqw;margin:-2cqw -.4cqw -1cqw -1.2cqw;overflow:visible;transform:rotate(-9deg)}.journal-keepsake-note{box-sizing:border-box;overflow-wrap:anywhere;width:fit-content;min-width:34%;max-width:88%;color:var(--journal-ink);white-space:pre-wrap;background:#f6e9bf repeating-linear-gradient(#0000 0 6.1cqw,#78643c1f 6.1cqw 6.25cqw) 0 2.4cqw;margin:0;padding:3.2cqw 4.4cqw 3cqw;font:4.5cqw/1.36 Approved Journal,cursive;position:relative;transform:rotate(-1deg);box-shadow:0 .2cqw .4cqw #46321924,.6cqw 1.2cqw 1.8cqw -1.2cqw #4632194d}.journal-keepsake-note:before{width:11cqw;top:-1.6cqw;left:4cqw;transform:rotate(-4deg)}@container (width<=480px){.illustrated-export-page{padding:3.6cqw 2.6cqw 3cqw}.illustrated-heading{margin-bottom:3cqw}.journal-photo{padding:.9cqw}.journal-keepsake{margin:3.6cqw .6cqw .4cqw}.journal-keepsake-note{max-width:94%}.illustrated-page-number{padding-top:2cqw}}.journal-entry-doodle{z-index:3;pointer-events:none;width:8.4cqw;height:8.4cqw;transform:rotate(var(--doodle-rotate,0deg)) scale(var(--doodle-scale,1));position:absolute;overflow:visible}.journal-keepsake-row{align-items:center;gap:3cqw;display:flex}.journal-keepsake-row:has(.journal-entry-doodle--note) .journal-keepsake-note{max-width:calc(100% - 15.5cqw)}.journal-keepsake-row .journal-keepsake-note{flex:0 auto}.journal-entry-doodle--note{width:11.5cqw;height:11.5cqw;transform:translateY(calc(var(--doodle-shift,0) * 1.5cqw)) rotate(var(--doodle-rotate,0deg)) scale(var(--doodle-scale,1));flex:none;margin:0 auto;position:relative}.journal-doodle-art.journal-entry-doodle--note{scale:1}@container (width<=480px){.journal-entry-doodle--note{width:14cqw;height:14cqw}.journal-keepsake-row:has(.journal-entry-doodle--note) .journal-keepsake-note{max-width:calc(100% - 18cqw)}}.journal-doodle-art{object-fit:contain;-webkit-user-select:none;user-select:none;scale:.87}.journal-doodle-art--wide{scale:1}.illustrated-doodles{pointer-events:none;animation:.4s ease-out both journal-text-in;position:absolute;inset:0}.journal-paragraph-doodle{aspect-ratio:1;height:auto;position:absolute;overflow:visible}@keyframes journal-text-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.illustrated-heading,.illustrated-writing,.illustrated-doodles,.journal-keepsake{animation:none}}.illustrated-page-number{color:var(--journal-ink-soft);text-align:center;margin:0;padding:3cqw 0 0;font:12px system-ui,sans-serif}.journal-source-fallback{white-space:pre-wrap}.journal-reader{color:#292722;background:#e8e3d9;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0}.journal-reader[open]{flex-direction:column;display:flex}.journal-reader::backdrop{background:#292722aa}.journal-reader-toolbar{align-items:center;gap:12px;padding:12px;display:flex}.journal-reader-toolbar button{color:#292722;background:#fff9ef;border:1px solid #928874;border-radius:4px;min-height:44px;padding:8px 14px}.journal-reader-help{margin:0;padding:0 12px 10px;font:14px/1.5 system-ui}.journal-reader-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;flex:1;min-height:0;padding:12px;overflow:auto}.journal-reader-stage{max-width:none;margin:0 auto}.journal-reader-stage .illustrated-journal{max-width:none;container-type:inline-size}.journal-reader-toolbar button:focus-visible{outline:3px solid #286479}
