@font-face{font-family:Homemade Apple;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/homemade-apple-latin-400-normal.7e7d1f32.woff2) format("woff2"),url(/_next/static/media/homemade-apple-latin-400-normal.0621c37b.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/patrick-hand-vietnamese-400-normal.e3752af0.woff2) format("woff2"),url(/_next/static/media/patrick-hand-vietnamese-400-normal.40571f83.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/patrick-hand-latin-ext-400-normal.21f28b30.woff2) format("woff2"),url(/_next/static/media/patrick-hand-latin-ext-400-normal.50a2641e.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/patrick-hand-latin-400-normal.c7f01246.woff2) format("woff2"),url(/_next/static/media/patrick-hand-latin-400-normal.e9bbf8f3.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/permanent-marker-latin-400-normal.d9035d7f.woff2) format("woff2"),url(/_next/static/media/permanent-marker-latin-400-normal.1406ebf1.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--kraft:#c49a6c;--kraft-deep:#b48a5c;--ink:#1b1818;--pen:#fffdf7;--mint:#79d5c0;--purple:#a763c8;--blue:#6bb4f0;--red:#df4a50;--orange:#f0914a;--desk:#1d1a1a;--hand:"Patrick Hand","Comic Sans MS",cursive;--cursive:"Homemade Apple","Segoe Script","Bradley Hand",cursive;--marker:"Permanent Marker","Marker Felt",fantasy;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .28  0 0 0 0 .17  0 0 0 0 .06  0 0 0 .26 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lines:repeating-linear-gradient(180deg,transparent 0 1.42em,#c9d3dc 1.42em 1.5em)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--desk)}body{overscroll-behavior:none;-webkit-touch-callout:none;margin:0;background:var(--desk);color:var(--ink);font-family:var(--hand);font-size:1.125rem;line-height:1.35;-webkit-tap-highlight-color:transparent}h1,h2,ol,p,ul{margin:0;font-weight:400}ol,ul{padding:0;list-style:none}img{display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:focus-visible{outline:3px solid var(--pen);outline-offset:3px}.desk{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:calc(1.25rem + env(safe-area-inset-top, 0px)) 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));overflow:hidden;background:radial-gradient(120% 80% at 50% 40%,#2b2625 0,var(--desk) 70%)}.book{position:relative;width:min(86vw,27rem,calc((100svh - 8.5rem) * .8));aspect-ratio:4/5;perspective:2400px;transition:transform .9s ease}@media (min-width:62rem){.book.is-open{transform:translateX(50%)}}.leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .95s cubic-bezier(.3,.1,.2,1),z-index 0s .45s;z-index:var(--z-flat)}.leaf.is-turned{transform:rotateY(-180deg);z-index:var(--z-turned)}.leaf-back,.leaf-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--kraft);background-image:var(--grain);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),2px 3px 10px rgba(0,0,0,.35)}.leaf-back,.leaf-front{container-type:inline-size;overflow:hidden}.leaf-back{transform:rotateY(180deg)}.facing{position:absolute;inset:0;padding:9cqw 13cqw 8cqw 7cqw;display:flex;flex-direction:column;justify-content:center;gap:3cqw}.leaf-cover .leaf-front{background-color:var(--kraft-deep)}.spiral{position:absolute;top:3.5%;bottom:3.5%;left:-3.4%;width:8%;z-index:500;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.ring{display:block;height:.5rem;border:.17rem solid #141111;border-radius:999px;box-shadow:0 2px 2px rgba(0,0,0,.35)}.album-tab{right:9%;background:var(--mint);text-decoration:none;transform:rotate(1.5deg)}.album-tab,.contents-tab{position:absolute;top:-2rem;z-index:0;padding:.3rem .9rem .9rem;color:var(--ink);font-size:1.0625rem;line-height:1.2;border-radius:3px 3px 0 0;box-shadow:1px 0 3px rgba(0,0,0,.35)}.contents-tab{left:12%;background:var(--blue);transform:rotate(-1.5deg)}.turner{display:flex;align-items:center;gap:1rem;color:#d8c2a3;font-size:1.125rem}.turner button{background-color:var(--kraft);background-image:var(--grain);color:var(--ink);padding:.5rem 1.1rem;border-radius:2px;box-shadow:1px 2px 5px rgba(0,0,0,.4);transform:rotate(-1.5deg)}.turner button:last-child{transform:rotate(1.2deg)}.turner button:disabled{opacity:.3;cursor:default}.turner-count{min-width:7.5rem;text-align:center}.page{position:absolute;inset:0;padding:7cqw 6cqw 6cqw 11cqw;display:flex;flex-direction:column;font-size:4.5cqw;line-height:1.32;color:var(--ink)}.pen-cursive{font-family:var(--cursive);word-spacing:.25em;color:var(--pen);font-size:4.9cqw;line-height:1.55}.pen-caps{color:var(--pen);font-size:6.4cqw;line-height:1.1;text-transform:uppercase;letter-spacing:.07em}.pen-print{color:var(--pen);font-size:6.2cqw;line-height:1.15}.heart{display:inline-block;width:1em;height:1em;vertical-align:-.14em;color:inherit;flex:none}.hint,.ink-heart{color:var(--ink)}.hint{display:flex;align-items:center;gap:1.5cqw;font-size:3.9cqw}.hint-centre{justify-content:center}.arrow{width:9cqw;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg)}.gem,.pearl{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.gem{width:clamp(7px,3.1cqw,15px);height:clamp(7px,3.1cqw,15px);background:radial-gradient(circle at 34% 30%,#fff 0 16%,#e3e9ed 30%,#98a3ab 60%,#f6f8f9 78%,#b4bec5 100%);box-shadow:0 1px 2px rgba(0,0,0,.5)}.pearl{width:clamp(11px,5cqw,24px);height:clamp(11px,5cqw,24px);background:radial-gradient(circle at 34% 30%,#fff 0 12%,#f3ead8 42%,#cdbe9d 100%);box-shadow:0 2px 3px rgba(0,0,0,.45)}.tape{position:absolute;width:24%;aspect-ratio:1.45/1;background:repeating-linear-gradient(100deg,rgba(255,255,255,.14) 0 2px,transparent 2px 5px),rgba(250,245,234,.62);box-shadow:0 1px 2px rgba(0,0,0,.18);z-index:3;pointer-events:none}.tape-tl{top:-5%;left:-11%;transform:rotate(-43deg)}.tape-tr{top:-5%;right:-11%;transform:rotate(41deg)}.tape-bl{bottom:-5%;left:-11%;transform:rotate(39deg)}.tape-br{bottom:-5%;right:-11%;transform:rotate(-44deg)}.squiggles{fill:none;stroke:var(--pen);stroke-width:1.6;stroke-linecap:round;flex:none}.squiggles path{vector-effect:non-scaling-stroke}.squiggles-left,.squiggles-right{width:8cqw;height:84%}.squiggles-right{transform:scaleX(-1)}.heart-row{display:flex;justify-content:space-between;color:var(--pen);font-size:3cqw}.scribble{display:block;width:100%;overflow:hidden;white-space:nowrap;font-family:var(--cursive);color:var(--pen);font-size:3.4cqw;line-height:1.6;flex:none}.paper-mint{background-color:var(--mint)}.paper-purple{background-color:var(--purple)}.paper-blue{background-color:var(--blue)}.paper-white{background-color:#fbfbf8;background-image:var(--lines)}.cover{position:absolute;inset:0;display:block;color:var(--pen);text-transform:uppercase}.cover-name{position:absolute;left:13cqw;font-size:27cqw;line-height:1;letter-spacing:.06em}.cover-name-1{top:8cqw}.cover-name-2{top:68cqw;left:11cqw}.cover-plus{position:absolute;top:40cqw;left:40cqw;font-size:22cqw;line-height:1}.cover-year{position:absolute;top:44cqw;right:9cqw;width:22cqw;height:22cqw;display:grid;place-items:center;transform:rotate(6deg)}.cover-year .heart{position:absolute;inset:0;width:100%;height:100%}.cover-year .heart path{stroke-width:.9}.cover-year span{position:relative;font-size:8cqw;margin-top:-2cqw}.cover-line{bottom:12cqw;font-family:var(--cursive);font-size:4.6cqw}.cover-hint,.cover-line{position:absolute;left:13cqw;text-transform:none}.cover-hint{bottom:5.5cqw;font-size:4.2cqw;color:var(--ink)}.page-note{padding-top:9cqw}.note-lines{display:grid;grid-gap:1cqw;gap:1cqw;font-size:5cqw}.note-signoff{text-align:center;margin-top:1cqw}.page-calendar{justify-content:center;gap:4cqw}.page-calendar .heart-row{padding:0 6cqw}.calendar{position:relative;padding:3cqw 4.5cqw 5.5cqw;transform:rotate(-1.2deg);box-shadow:1px 2px 6px rgba(0,0,0,.28)}.calendar .tape{width:16%}.calendar .tape-bl,.calendar .tape-tl{left:-7%}.calendar .tape-br,.calendar .tape-tr{right:-7%}.calendar-month{font-family:var(--marker);font-size:9.5cqw;line-height:1.25;letter-spacing:.04em;padding-left:5cqw;-webkit-text-decoration:underline wavy var(--pen) .5cqw;text-decoration:underline wavy var(--pen) .5cqw;text-underline-offset:1.2cqw;margin-bottom:3cqw}.calendar-month .heart{font-size:.75em;margin-left:2cqw}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:.45cqw solid var(--ink);border-left:.45cqw solid var(--ink)}.calendar-grid span{position:relative;aspect-ratio:1/.95;display:grid;place-items:center;border-right:.45cqw solid var(--ink);border-bottom:.45cqw solid var(--ink);font-size:3.7cqw}.day-heart{position:absolute;inset:-4%;width:108%;height:108%;color:var(--pen)}.days{text-align:center;font-size:5.4cqw}.page-chat{padding-bottom:7cqw}.bubbles{display:flex;flex-direction:column;gap:4.4cqw;margin:4cqw 0 5.5cqw}.bubble{position:relative;max-width:80%;background:var(--blue);padding:2.4cqw 4cqw;border-radius:3.6cqw;box-shadow:1px 2px 3px rgba(0,0,0,.22)}.bubble:after{content:"";position:absolute;bottom:-3.4cqw;border-top:4.4cqw solid var(--blue)}.bubble-me{align-self:flex-start;transform:rotate(-1deg)}.bubble-me:after{right:4cqw;border-left:4cqw solid transparent}.bubble-her{align-self:flex-end;transform:rotate(1.2deg)}.bubble-her:after{left:4cqw;border-right:4cqw solid transparent}.chat-aside{display:grid;grid-gap:1.6cqw;gap:1.6cqw;font-size:3.7cqw;line-height:1.25}.scrap{position:absolute;bottom:-1cqw;background:var(--blue);border:.5cqw solid var(--pen);border-bottom:0}.scrap-left{left:2cqw;width:22cqw;height:6cqw;border-radius:10% 90% 0 0/20% 100% 0 0;border-left:0}.scrap-right{right:3cqw;width:54cqw;height:5cqw;border-radius:30% 70% 0 0/80% 30% 0 0}.page-photo{align-items:center}.photo-title{align-self:flex-start;max-width:76%}.marker-date{position:absolute;top:5cqw;right:5cqw;font-family:var(--marker);font-size:4.8cqw;transform:rotate(-3deg)}.print-area{flex:1 1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:4cqw;margin:1cqw 0}.print-holder{position:relative;width:56cqw;aspect-ratio:4/5;perspective:1400px}.print-holder.is-wide{width:66cqw;aspect-ratio:5/4}.print{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.1,.2,1)}.print.is-flipped{transform:rotateY(180deg)}.print-back,.print-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:1px 2px 6px rgba(0,0,0,.3)}.print-front img{width:100%;height:100%;object-fit:cover}.print-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;background:linear-gradient(160deg,#8d9aa3,#5d6870);color:var(--pen)}.print-empty small{font-size:3.4cqw;opacity:.8}.print-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;gap:2cqw;padding:7cqw 6cqw;font-size:4.3cqw;line-height:1.3}.print-back.paper-white{line-height:1.5}.photo-caption{text-align:center}.memos{flex:1 1;display:flex;flex-direction:column;justify-content:space-evenly}.memo,.memos{position:relative}.memo{width:64cqw;aspect-ratio:64/46;perspective:1200px}.memo-left{align-self:flex-start;transform:rotate(-1.5deg)}.memo-right{align-self:flex-end;transform:rotate(1.2deg)}.memo-front,.memo-inside{position:absolute;inset:0;background-color:#fbfbf8;background-image:var(--lines);box-shadow:1px 2px 5px rgba(0,0,0,.28)}.memo-inside{padding:1.6cqw 3.4cqw;font-size:3.5cqw;line-height:1.5;overflow-y:auto}.memo-front{z-index:1;display:grid;place-items:center;transform-origin:left center;transition:transform .7s cubic-bezier(.3,.1,.2,1);backface-visibility:hidden;-webkit-backface-visibility:hidden}.memo.is-open .memo-front{transform:rotateY(-150deg)}.memo-heart{width:24cqw;height:24cqw;color:var(--red)}.open-to-read{position:absolute;top:9cqw;right:-2cqw;width:18cqw;font-size:4.4cqw;text-align:center;transform:rotate(3deg)}.sheet{position:relative;flex:1 1;min-height:0;display:flex;margin:3cqw 1cqw 2cqw 0;padding:4cqw 0 4cqw 4.5cqw;box-shadow:1px 2px 6px rgba(0,0,0,.28);transform:rotate(-.6deg)}.sheet .tape{width:15%}.sheet .tape-bl,.sheet .tape-tl{left:-6%}.sheet .tape-br,.sheet .tape-tr{right:-6%}.sheet .tape-tl,.sheet .tape-tr{top:-3%}.sheet .tape-bl,.sheet .tape-br{bottom:-3%}.sheet-body{flex:1 1;overflow-y:auto;padding-right:4.5cqw;display:grid;align-content:start;grid-gap:1.5em;gap:1.5em;font-size:4.2cqw;line-height:1.5}.sheet.paper-white{background-attachment:local}.list-title{margin-bottom:2cqw}.list{counter-reset:item;display:grid;grid-gap:.3cqw;gap:.3cqw;max-width:90%;font-size:4.1cqw;line-height:1.28}.list li{counter-increment:item;display:flex;gap:2.5cqw}.list li:before{content:counter(item) ".";flex:none;min-width:5cqw}.contents-title{margin-bottom:3cqw}.contents{display:grid;grid-gap:.4cqw;gap:.4cqw;max-width:94%;min-height:0;overflow-y:auto;font-size:4.1cqw;line-height:1.22}.contents button{display:flex;align-items:baseline;gap:1.5cqw;width:100%;min-height:6.6cqw;padding:.7cqw 0}.contents-label{min-width:0}.contents-dots{flex:1 1;min-width:4cqw;border-bottom:.5cqw dotted var(--ink);opacity:.55;transform:translateY(-.9cqw)}.contents-number{flex:none;min-width:5cqw;text-align:right}.contents button:active .contents-label{text-decoration:underline}.page-envelope{align-items:center}.envelope-title{align-self:flex-start}.envelope{position:relative;width:66cqw;aspect-ratio:4/3;perspective:1000px;--env:var(--mint)}.envelope-wrap{margin-top:auto;display:grid;justify-items:center}.envelope-orange{--env:var(--orange)}.envelope-purple{--env:var(--purple)}.envelope-blue{--env:var(--blue)}.envelope-back{position:absolute;inset:0;background:color-mix(in srgb,var(--env) 80%,#000);box-shadow:1px 3px 7px rgba(0,0,0,.3)}.envelope-card{position:absolute;left:5%;right:5%;bottom:5%;height:86%;z-index:1;display:block;padding:3cqw 4cqw;background-color:#fbfbf8;background-image:var(--lines);font-size:4.2cqw;line-height:1.5;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:height .7s cubic-bezier(.3,.1,.2,1) .2s}.envelope.is-open .envelope-card{height:172%}.envelope-count{display:block;font-size:3.6cqw;line-height:1.5;color:#6c7680}.envelope-text{display:block;max-height:31cqw;overflow-y:auto}.envelope-front{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,color-mix(in srgb,var(--env) 90%,#000) 0 22%,var(--env) 22.4%);-webkit-clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%)}.envelope-flap{position:absolute;top:0;left:0;right:0;height:58%;z-index:3;background:color-mix(in srgb,var(--env) 90%,#fff);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform .55s ease,z-index 0s .27s;padding:2cqw 14cqw 0}.envelope.is-open .envelope-flap{transform:rotateX(180deg);z-index:0}.page-envelope .hint{margin-top:2.5cqw}.page-envelope .scribble{width:66cqw}.page-promises{align-items:center}.promises-title{align-self:flex-start}.promise-stack{position:relative;width:66cqw;aspect-ratio:10/9;margin:auto 0}.promise-card,.promise-live,.promise-under{position:absolute;inset:0;display:block}.promise-under{box-shadow:1px 2px 5px rgba(0,0,0,.28)}.promise-under.paper-purple{transform:rotate(-5deg) translate(-1.5cqw,1cqw)}.promise-under.paper-mint{transform:rotate(3.5deg) translate(1.5cqw,1.5cqw)}.promise-card{display:flex;flex-direction:column;padding:3.5cqw 5cqw 4cqw;background-color:#fbfbf8;background-image:var(--lines);box-shadow:1px 2px 6px rgba(0,0,0,.3);transform:rotate(-1deg);animation:promise-in .45s cubic-bezier(.3,.1,.2,1)}.promise-card .tape{width:17%}.promise-card .tape-bl,.promise-card .tape-tl{left:-7%}.promise-card .tape-br,.promise-card .tape-tr{right:-7%}.promise-count{font-size:3.6cqw;line-height:1.5;color:#6c7680}.promise-text{margin:auto 0;font-size:5.6cqw;line-height:1.5;text-align:center}.promise-heart{align-self:flex-end;width:6cqw;height:6cqw;color:var(--red)}.page-promises .hint{margin-bottom:1cqw}@keyframes promise-in{0%{opacity:0;transform:translateY(-7cqw) rotate(4deg)}to{opacity:1;transform:rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.promise-card{animation:none}}.page-heart{align-items:center;justify-content:center}.scatter-heart{position:absolute;height:auto;aspect-ratio:1;color:var(--pen)}.big-heart{position:relative;width:68cqw;aspect-ratio:1;display:grid;place-items:center;transform:rotate(-3deg);transition:transform .2s ease}.big-heart:active{transform:rotate(-3deg) scale(.97)}.big-heart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.big-heart-ring{fill:none;stroke:var(--pen);stroke-width:.3}.big-heart-fill{fill:var(--red);transform:scale(.86);transform-origin:12px 12px;filter:drop-shadow(0 .3px .4px rgba(0,0,0,.35))}.big-heart-text{position:relative;margin-top:-8cqw;max-width:34cqw;text-align:center;font-family:var(--cursive);font-size:5.2cqw;line-height:1.5;color:var(--pen)}.letter{position:absolute;inset:4cqw 4cqw 4cqw 9cqw;z-index:10;display:flex;flex-direction:column;gap:3cqw;padding:5cqw 5cqw 4cqw;background-color:#fbfbf8;background-image:var(--lines);box-shadow:2px 4px 12px rgba(0,0,0,.4);opacity:0;transform:scale(.25) rotate(-8deg);pointer-events:none;transition:transform .55s cubic-bezier(.3,.1,.2,1),opacity .3s ease}.letter.is-open{opacity:1;transform:none;pointer-events:auto}.letter-body{flex:1 1;min-height:0;overflow-y:auto;display:grid;align-content:start;grid-gap:1.5em;gap:1.5em;font-size:4.4cqw;line-height:1.5}.letter-signoff{font-family:var(--cursive);font-size:4.6cqw;line-height:1.5;color:var(--red)}.letter-close{align-self:center;background:var(--mint);padding:1.6cqw 5cqw;font-size:4.2cqw;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1deg)}.notes{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3.5cqw;margin:2cqw 0 3cqw;padding:1.5cqw 2cqw 2cqw .5cqw}.notes-empty{color:var(--pen);font-size:5cqw;margin-top:6cqw;max-width:80%}.slip{align-self:flex-start;max-width:84%;display:grid;grid-gap:1.5cqw;gap:1.5cqw;padding:3cqw 3.5cqw 2cqw;font-size:4.3cqw;line-height:1.5;box-shadow:1px 2px 5px rgba(0,0,0,.28);transform:rotate(-1.2deg)}.slip-right{align-self:flex-end;transform:rotate(1deg)}.slip p{white-space:pre-wrap;overflow-wrap:anywhere}.slip img{width:100%;max-height:62cqw;object-fit:cover;border:.8cqw solid #fbfbf8}.slip footer{display:flex;justify-content:space-between;align-items:baseline;gap:4cqw;font-size:3.5cqw}.slip footer span{font-family:var(--marker);font-size:3.2cqw}.slip footer button{text-decoration:underline;opacity:.7;padding:1cqw 0 1cqw 2cqw}.notes-add{align-self:center;background:var(--mint);padding:1.8cqw 6cqw;font-size:4.6cqw;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1.5deg)}.page-notes :focus-visible{outline-color:var(--ink)}.composer{gap:2.2cqw;font-size:4.3cqw}.composer-from{display:flex;align-items:center;gap:2.5cqw}.composer-from button{padding:.8cqw 3.5cqw;border:.4cqw solid var(--ink);background:#fbfbf8}.composer-from button.is-chosen{background:var(--ink);color:var(--pen)}.composer-label{font-size:3.8cqw}.composer textarea{flex:1 1;min-height:0;width:100%;font:inherit;font-size:max(16px,4.4cqw);line-height:1.5;color:var(--ink);background:rgba(255,255,255,.7);border:.4cqw solid var(--ink);border-radius:0;padding:2cqw 2.5cqw;resize:none}.composer-photo{display:flex;align-items:center;gap:2.5cqw;min-width:0}.composer-photo button{text-decoration:underline;flex:none}.composer-photo span{font-size:3.4cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-error{min-height:1.4em;font-size:3.8cqw;color:#a3161d}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-actions>button:first-child{text-decoration:underline}.composer-actions .letter-close{align-self:auto}.composer-actions button:disabled{opacity:.6}.page-end{align-items:center;justify-content:center;gap:6cqw}.end-frame{position:relative;width:46cqw;aspect-ratio:4/5;display:grid;place-items:center;border:.5cqw dashed var(--pen);color:var(--pen)}.end-text{text-align:center;font-size:5.4cqw}.lock{position:relative;width:min(88vw,24rem);display:grid;grid-gap:.75rem;gap:.75rem;padding:2.75rem 1.75rem 2.5rem;background-color:var(--kraft);background-image:var(--grain);border-radius:3px;box-shadow:2px 4px 14px rgba(0,0,0,.45)}.lock-title{font-family:var(--cursive);word-spacing:.3em;color:var(--pen);font-size:1.5rem;line-height:1.6;margin-bottom:.75rem}.lock label{font-size:1.375rem;line-height:1.2}.lock input{width:100%;font:inherit;font-size:1.25rem;color:var(--ink);background:#fbfbf8;border:0;border-radius:0;padding:.7rem .9rem;box-shadow:1px 2px 4px rgba(0,0,0,.25)}.lock input[aria-invalid=true]{box-shadow:0 0 0 3px var(--red)}.lock-error{min-height:1.5rem;font-size:1.0625rem}.lock button[type=submit]{justify-self:start;background:var(--mint);padding:.6rem 1.4rem;font-size:1.25rem;box-shadow:1px 2px 4px rgba(0,0,0,.3);transform:rotate(-1.5deg)}.lock button:disabled{opacity:.6;cursor:default}.lock :focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;transition-delay:0s!important}}.album{min-height:100svh;max-width:40rem;margin:0 auto;padding:calc(1.5rem + env(safe-area-inset-top, 0px)) 1rem calc(4rem + env(safe-area-inset-bottom, 0px));background-color:var(--kraft);background-image:var(--grain)}.album-head{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.album-back{justify-self:start;color:var(--ink);background:var(--mint);padding:.4rem .9rem;text-decoration:none;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1.5deg)}.album h1{font-family:var(--cursive);color:var(--pen);font-size:1.5rem;line-height:1.6;word-spacing:.25em}.album-note{font-size:1.25rem}.album-month{margin-top:2rem}.album-month h2{font-family:var(--marker);font-size:1.375rem;line-height:1.3;margin-bottom:.6rem;-webkit-text-decoration:underline wavy var(--pen) 2px;text-decoration:underline wavy var(--pen) 2px;text-underline-offset:.3rem}.album-month ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.4rem;gap:.4rem}@media (min-width:34rem){.album-month ul{grid-template-columns:repeat(4,1fr);gap:.55rem}}.album-month button{display:block;width:100%;aspect-ratio:1;background:#fbfbf8;padding:3px;box-shadow:1px 2px 4px rgba(0,0,0,.28)}.album-month img{width:100%;height:100%;object-fit:cover}.album :focus-visible{outline-color:var(--ink)}.viewer{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:1fr auto;grid-gap:.75rem;gap:.75rem;padding:calc(1rem + env(safe-area-inset-top, 0px)) 1rem calc(1rem + env(safe-area-inset-bottom, 0px));background:rgba(20,17,17,.94)}.viewer img{width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none}.viewer-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--pen);font-size:1.125rem}.viewer-bar span{font-family:var(--marker);min-width:5.5rem;text-align:center}.viewer-bar button{background-color:var(--kraft);background-image:var(--grain);color:var(--ink);padding:.45rem .9rem;box-shadow:1px 2px 4px rgba(0,0,0,.4)}.viewer-bar button:disabled{opacity:.3;cursor:default}.viewer-bar .viewer-close{background:var(--mint);margin-left:.5rem}.album-link{color:var(--ink);background:var(--mint);padding:1.6cqw 5cqw;font-size:4.6cqw;text-decoration:none;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1.5deg)}.admin{min-height:100svh;display:grid;align-content:start;justify-items:center;grid-gap:1.25rem;gap:1.25rem;padding:1.5rem 1rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}.admin-card{width:min(100%,44rem);display:grid;grid-gap:.9rem;gap:.9rem;padding:1.5rem;background:#fbfbf8;border-radius:6px}.admin h1,.admin h2{font-size:1.375rem;font-weight:650;line-height:1.25}.admin a{color:#0b5cad}.admin :focus-visible{outline-color:#0b5cad}.admin label{font-weight:600}.admin input[type=password]{font:inherit;padding:.6rem .75rem;border:1.5px solid #5c5757;border-radius:4px;max-width:22rem}.admin-button{justify-self:start;background:var(--ink);color:#fff;padding:.6rem 1.1rem;border-radius:4px;font-weight:600}.admin-button:disabled{opacity:.5;cursor:default}.admin-error{color:#b3261e;min-height:1.5rem}.admin-drop{display:grid;justify-items:center;grid-gap:.75rem;gap:.75rem;padding:2rem 1rem;border:2px dashed #8a8484;border-radius:6px}.admin-drop.is-over{border-color:#0b5cad;background:#eef5fc}.admin-drop .admin-button{justify-self:center}.admin-progress{display:grid;grid-gap:.5rem;gap:.5rem}.admin-progress progress{width:100%;height:.75rem}.admin-failed{display:grid;grid-gap:.25rem;gap:.25rem;font-size:.9375rem;color:#b3261e}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));grid-gap:.6rem;gap:.6rem}.admin-grid li{display:grid;grid-gap:.25rem;gap:.25rem}.admin-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;background:#ddd}.admin-grid button{font-size:.875rem;color:#b3261e;text-decoration:underline;justify-self:start}.page-meet{padding-bottom:4cqw}.meet-title{margin-bottom:2cqw}.meet-body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;gap:4cqw;padding:4cqw 2cqw 6cqw}.meet-body:focus-visible{outline-offset:-3px}.polaroid{position:relative;margin:2cqw 0 1cqw;width:54cqw;flex:none;padding:3cqw 3cqw 0;background:#fbfbf8;box-shadow:1px 3px 8px rgba(0,0,0,.32);transform:rotate(-2.5deg)}.polaroid .print-empty,.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover}.polaroid figcaption{font-family:var(--marker);font-size:5cqw;text-align:center;padding:2.5cqw 0 3cqw}.polaroid:not(:has(figcaption)){padding-bottom:9cqw}.tape-top{top:-4cqw;left:50%;width:26cqw;aspect-ratio:2.6/1;transform:translateX(-50%) rotate(-4deg)}.meet-things{width:100%;display:grid;grid-gap:4.5cqw;gap:4.5cqw}.meet-scrap{position:relative;padding:3.5cqw 4.5cqw;font-size:4.4cqw;line-height:1.35;box-shadow:1px 2px 5px rgba(0,0,0,.25);-webkit-clip-path:polygon(0 4%,6% 0,18% 3%,31% 0,45% 2%,58% 0,72% 3%,86% 0,100% 2%,98% 30%,100% 62%,99% 100%,84% 97%,70% 100%,55% 97%,40% 100%,26% 96%,12% 100%,0 97%,2% 66%,0 34%);clip-path:polygon(0 4%,6% 0,18% 3%,31% 0,45% 2%,58% 0,72% 3%,86% 0,100% 2%,98% 30%,100% 62%,99% 100%,84% 97%,70% 100%,55% 97%,40% 100%,26% 96%,12% 100%,0 97%,2% 66%,0 34%)}.meet-scrap.paper-white{background-attachment:local;line-height:1.5}.meet-signoff{align-self:flex-end;margin-top:1cqw}.meet-hint{margin-top:1.5cqw;color:var(--pen);opacity:.8}.page-craft{padding:0}.craft{position:absolute;inset:0;width:100%;height:100%}.craft text{font-family:var(--hand)}.craft-pen{fill:var(--ink)}.chunky text{stroke-linejoin:round;stroke-linecap:round}.chunky-edge{fill:var(--ink);stroke:var(--ink)}.chunky-fill{stroke:var(--red)}.chunky-fill,.cut-red{fill:var(--red)}.cut-edged{stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.page-definition{padding:0;align-items:center;justify-content:center}.ring-heart{position:absolute;height:auto;aspect-ratio:1;color:var(--red)}.ring-heart.is-pink{color:#f5a9b0}.definition{width:58cqw;margin-left:4cqw}.definition-word{font-size:14.5cqw;line-height:1;letter-spacing:.04em;text-align:center;-webkit-text-stroke:.25cqw var(--ink)}.definition-say{font-size:6.2cqw;text-align:center;padding-bottom:1.2cqw;border-bottom:.5cqw solid var(--ink)}.definition-means{margin-top:3cqw;font-size:5cqw;line-height:1.5;letter-spacing:.03em}.page-jar{background-color:#1c1a1b;background-image:var(--grain)}.jar-body,.jar-lid{fill:var(--kraft);stroke:#1c1a1b;stroke-width:1.5}.jar-line{fill:none;stroke:var(--ink);stroke-width:1.5}.jar-word{fill:var(--ink);stroke:var(--ink);stroke-width:2.4;letter-spacing:.06em}.glitter circle{fill:#a9b79f}.glitter .glitter-shine{fill:#f3f7ec}.puzzle-red{fill:var(--red)}.puzzle-cuts{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round}.puzzle-trail{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:5 5}.puzzle-envelope{fill:#f5a9b0}.puzzle-flap{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.puzzle-doodle{fill:none;stroke:var(--red);stroke-width:1.5;stroke-linejoin:round}.page-songs{padding:0}.torn{fill:#a5c6d6;stroke:#cfe1ea;stroke-width:3;stroke-linejoin:round}.songs-bottom,.songs-top{position:absolute;left:11cqw;font-size:10.5cqw;line-height:.95;letter-spacing:.06em;-webkit-text-stroke:.3cqw var(--ink)}.songs-top{top:4cqw}.songs-bottom{bottom:3.5cqw;display:grid}.songs-bottom span:nth-child(2){padding-left:5cqw}.songs-bottom span:nth-child(3){padding-left:14cqw}.songs{position:absolute;left:19cqw;right:6.5cqw;top:29cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5cqw 3.2cqw;gap:5cqw 3.2cqw}.songs-2 li:nth-last-child(2){grid-column:2}.songs-1 li:last-child{grid-column:3}.song{display:grid;grid-gap:1.6cqw;gap:1.6cqw;justify-items:center;align-content:start;min-height:17cqw;padding:1.8cqw 1.6cqw 2cqw;background:#f3cc52;color:var(--ink);text-decoration:none;box-shadow:.3cqw .5cqw 1cqw rgba(0,0,0,.22)}.song-title{font-size:4cqw;line-height:1.05;text-align:center;overflow-wrap:anywhere}.song-bar{position:relative;width:82%;height:.5cqw;margin-top:auto;background:var(--ink);border-radius:1cqw}.song-bar:after{content:"";position:absolute;left:var(--at,40%);top:50%;width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}.song-controls{width:62%;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.mat{fill:#a9c4cf}.sheet-white{fill:#f7f5f1}.stitch{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-dasharray:11 8}.plaster{fill:#c48652;stroke:#a96f40;stroke-width:1}.plaster-pad{fill:#b97a48;opacity:.55}.plaster-face circle{fill:var(--ink)}.arm,.plaster-face path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.tiny-heart{fill:none;stroke:var(--red);stroke-width:2.2;stroke-linejoin:round}.stuck-line{letter-spacing:.1em}