.journal{--j-paper:#fffdfb;--j-ink:#2b2230;--j-accent:#e889a2;--j-accent-soft:#f7d3dc;--j-cover:#f4b6c6;--j-pattern:radial-gradient(#d9ccd3 1px,transparent 1.3px) 0 0 /16px 16px;--j-tape:rgba(244,182,198,0.75);color:var(--j-ink);font-family:Patrick Hand,Comic Sans MS,cursive;text-align:left}.journal-grid{--j-paper:#fbfdff;--j-ink:#1f2a44;--j-accent:#3b6fd8;--j-accent-soft:#d6e3fb;--j-pattern:linear-gradient(#dfe7f5 1px,transparent 0) 0 0 /18px 18px,linear-gradient(90deg,#dfe7f5 1px,transparent 0) 0 0 /18px 18px;--j-tape:rgba(255,214,102,0.8)}.journal-kraft{--j-paper:#c9a57a;--j-ink:#3a2616;--j-accent:#8a3b2e;--j-accent-soft:#e6cfae;--j-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .22  0 0 0 0 .1  0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--j-tape:rgba(120,170,150,0.8)}.journal-night{--j-paper:#17151c;--j-ink:#f3eef8;--j-accent:#c4a7ff;--j-accent-soft:#3a2f52;--j-pattern:radial-gradient(#34303d 1px,transparent 1.3px) 0 0 /16px 16px;--j-tape:rgba(196,167,255,0.55)}.journal-lilac{--j-paper:#f6f1ff;--j-ink:#2d2446;--j-accent:#8b5cf6;--j-accent-soft:#e4d8ff;--j-cover:#c9b3ff;--j-pattern:linear-gradient(transparent 27px,#d8cdf3 28px) 0 12px /100% 28px;--j-tape:rgba(201,179,255,0.8)}.journal-mint{--j-paper:#f4fbf7;--j-ink:#1d3a2e;--j-accent:#2f9e6e;--j-accent-soft:#cdeedd;--j-cover:#9fdcbf;--j-pattern:radial-gradient(#c4ddd0 1px,transparent 1.3px) 0 0 /16px 16px;--j-tape:rgba(255,183,178,0.8)}.journal-paper{background:var(--j-pattern),var(--j-paper);border-radius:10px 18px 18px 10px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 25px 50px -20px rgba(0,0,0,.6)}.journal-lilac .journal-paper,.journal-mint .journal-paper,.journal-pink .journal-paper{box-shadow:-10px 10px 0 var(--j-cover),0 25px 50px -20px rgba(0,0,0,.6)}.journal-rings{position:absolute;top:6%;bottom:6%;right:-14px;z-index:20;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.journal-rings span{width:34px;height:14px;border-radius:99px;border:3px solid #c9ccd3;border-left-color:#8d919b;background:linear-gradient(#f5f6f8,#aeb2bb);box-shadow:0 2px 3px rgba(0,0,0,.35)}.journal-title{font-family:Chewy,Patrick Hand,cursive;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1;color:var(--j-accent-soft);-webkit-text-stroke:2px var(--j-ink);paint-order:stroke fill;letter-spacing:.02em;transform:rotate(-2deg)}.journal-heading{font-family:Caveat,cursive;font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.journal-heading-accent{color:var(--j-accent-soft);-webkit-text-stroke:1.2px var(--j-accent);paint-order:stroke fill;font-size:1.9rem}.journal-hand{font-family:Patrick Hand,Comic Sans MS,cursive}.journal-accent{color:var(--j-accent)}.journal-tape{position:absolute;top:-12px;left:50%;width:90px;height:26px;transform:translateX(-50%) rotate(4deg);background:var(--j-tape);opacity:.9;mask-image:linear-gradient(90deg,transparent,black 4px,black calc(100% - 4px),transparent)}.journal-note{background:var(--j-accent-soft);color:var(--j-ink);box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}.journal-sticker{filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 6px 8px rgba(0,0,0,.35))}.journal-extras a.journal-label{background:var(--j-accent-soft);color:var(--j-ink);border:1.5px dashed var(--j-accent)}.journal-strip{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 8px 6px;background:#fff;box-shadow:0 10px 25px -8px rgba(0,0,0,.45)}.journal-night .journal-strip{background:#f3eef8}.jf{--jf-shadow:0 10px 25px -8px rgba(0,0,0,0.45)}.jf-img{aspect-ratio:1}.jf-polaroid{padding:10px 10px 8px}.jf-instax,.jf-polaroid{background:#fff;box-shadow:var(--jf-shadow)}.jf-instax{padding:9px 9px 6px;border-radius:6px}.jf-instax .jf-img{aspect-ratio:3/4;border-radius:2px}.jf-stamp{--r:5px;padding:calc(2 * var(--r)) calc(2 * var(--r)) calc(var(--r));background:radial-gradient(var(--r),#0000 98%,#fffdf6) round calc(-1.5 * var(--r)) calc(-1.5 * var(--r)) /calc(3 * var(--r)) calc(3 * var(--r)),linear-gradient(#fffdf6 0 0) no-repeat 50% /calc(100% - 3 * var(--r)) calc(100% - 3 * var(--r));filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.jf-stamp .jf-media{outline:1px solid rgba(0,0,0,.15)}.jf-heart .jf-media{filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.jf-heart .jf-img{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6s-8.8-5.2-10.6-10.4C.2 7.6 2.4 3.2 6.6 3.2c2.4 0 4 1.3 5.4 3.2 1.4-1.9 3-3.2 5.4-3.2 4.2 0 6.4 4.4 5.2 8C20.8 16.4 12 21.6 12 21.6z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6s-8.8-5.2-10.6-10.4C.2 7.6 2.4 3.2 6.6 3.2c2.4 0 4 1.3 5.4 3.2 1.4-1.9 3-3.2 5.4-3.2 4.2 0 6.4 4.4 5.2 8C20.8 16.4 12 21.6 12 21.6z'/%3E%3C/svg%3E") center /contain no-repeat}.jf-circle .jf-img{border-radius:9999px;border:6px solid #fff}.jf-circle .jf-img,.jf-corners .jf-media{box-shadow:var(--jf-shadow)}.jf-corner{position:absolute;z-index:2;width:22%;aspect-ratio:1;background:var(--j-accent);opacity:.92}.jf-tl{top:-5px;left:-5px;clip-path:polygon(0 0,100% 0,0 100%)}.jf-tr{top:-5px;right:-5px;clip-path:polygon(0 0,100% 0,100% 100%)}.jf-bl{left:-5px;clip-path:polygon(0 0,0 100%,100% 100%)}.jf-bl,.jf-br{bottom:calc(-5px + var(--jf-cap, 0px))}.jf-br{right:-5px;clip-path:polygon(100% 0,0 100%,100% 100%)}.jf-corners:has(figcaption){--jf-cap:2.4rem}.jf-gold{padding:10px;background:linear-gradient(135deg,#7a5a12,#f6d77a 25%,#b8860b 50%,#fff1b8 70%,#8a6a1c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),var(--jf-shadow)}.jf-gold .jf-media{box-shadow:inset 0 0 0 3px #5b4209,0 0 0 3px #5b4209}.jf-torn{padding:12px;isolation:isolate;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.jf-torn:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf6;clip-path:polygon(0 3%,6% 0,13% 2%,21% 0,30% 3%,38% 1%,47% 3%,55% 0,64% 2%,72% 0,81% 3%,90% 1%,100% 2%,98% 12%,100% 23%,97% 34%,100% 46%,98% 57%,100% 69%,97% 80%,100% 91%,99% 100%,90% 97%,81% 100%,71% 98%,62% 100%,52% 97%,43% 100%,33% 98%,24% 100%,14% 97%,5% 100%,0 98%,2% 87%,0 76%,3% 64%,0 53%,2% 41%,0 30%,3% 18%)}.jf-torn .journal-tape{z-index:3}.jf-film{padding:16px 6px;background:repeating-linear-gradient(90deg,#f3f3f3 0 7px,transparent 7px 14px) left 4px top 4px /calc(100% - 8px) 7px no-repeat,repeating-linear-gradient(90deg,#f3f3f3 0 7px,transparent 7px 14px) left 4px bottom 4px /calc(100% - 8px) 7px no-repeat,#141414;box-shadow:var(--jf-shadow)}.jf-film .jf-img{aspect-ratio:4/3}.jf-sticker .jf-img{border-radius:18px;box-shadow:0 0 0 6px #fff,0 12px 22px -6px rgba(0,0,0,.45)}.jf-window{background:#c3c3c3;padding:3px;border-color:#fff #555 #555 #fff;border-style:solid;border-width:2px;box-shadow:var(--jf-shadow);font-family:Tahoma,Verdana,sans-serif}.jf-titlebar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px;padding:2px 4px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-size:11px;font-weight:700}.jf-x{display:grid;place-items:center;width:14px;height:12px;background:#c3c3c3;color:#000;border-color:#fff #555 #555 #fff;border-style:solid;border-width:1px;font-size:10px;line-height:1}.jf-window .jf-media{border-color:#555 #fff #fff #555;border-style:solid;border-width:2px}.jf-arch .jf-img{aspect-ratio:3/4;border-radius:999px 999px 10px 10px;border:6px solid #fff;box-shadow:var(--jf-shadow)}.journal-night .jf-instax,.journal-night .jf-polaroid{background:#f3eef8}