@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,44rem,calc((100svh - 21rem) * .8));aspect-ratio:4/5;perspective:2400px;transition:transform .9s ease}.controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.9rem}@media (min-width:46rem) and (min-height:60rem){html{font-size:118.75%}}@media (min-width:62rem) and (min-aspect-ratio:1/1){.book{width:min(43vw,40rem,calc((100svh - 16rem) * .8))}.book.is-open{transform:translateX(50%)}.controls{flex-direction:row;gap:2.5rem}.controls .thinking{position:relative;margin-top:0;min-height:0}.controls .thinking-note{position:absolute;top:calc(100% + .3rem);left:50%;width:max-content;max-width:22rem;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{inset:0;color:var(--pen);text-transform:uppercase;-webkit-tap-highlight-color:transparent}.cover,.peek{position:absolute;display:block;cursor:pointer}.peek{aspect-ratio:21/19.5;text-transform:none;color:var(--ink);filter:drop-shadow(1px 2px 2px rgba(0,0,0,.45));z-index:1}.peek:active{filter:drop-shadow(0 1px 1px rgba(0,0,0,.45)) brightness(.94)}.peek-cut{inset:0;background:var(--kraft);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat}.peek-cut,.peek-page{position:absolute;overflow:hidden}.peek-page{left:-4%;top:-14%;width:108%;aspect-ratio:4/5;container-type:inline-size;background-color:var(--kraft);background-image:var(--grain);pointer-events:none;text-align:left}.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{left:13cqw;bottom:12cqw;font-size:4.6cqw}.cover-days,.cover-line{position:absolute;text-transform:none;font-family:var(--cursive)}.cover-days{right:9cqw;bottom:13cqw;text-align:right;font-size:3.9cqw;line-height:1.7;transform:rotate(-4deg)}.cover-hint{position:absolute;left:13cqw;bottom:5.5cqw;text-transform:none;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{font-size:5.4cqw}.days,.days-next{text-align:center}.days-next{font-size:4.6cqw;color:var(--ink);margin-top:-2cqw}.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}.print-back-photo{padding:0}.print-back-photo img{width:100%;height:100%;object-fit:cover}.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-red{display:block;margin-top:.4em;font-family:var(--marker);font-size:4cqw;line-height:1.3;color:var(--red);transform:rotate(-1.5deg)}.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{--row:min(7cqw,calc(99cqw / var(--rows, 12)));display:grid;grid-auto-rows:var(--row);max-width:94%;min-height:0;overflow:hidden;font-size:min(4.1cqw,calc(var(--row) * .74));line-height:1.1}.contents button{display:flex;align-items:baseline;gap:1.5cqw;width:100%;height:var(--row);padding:calc(var(--row) * .1) 0 0}.contents-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contents-dots{flex:1 1;min-width:4cqw;border-bottom:.5cqw dotted var(--ink);opacity:.55;transform:translateY(-.22em)}.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)}.heart-hint{position:absolute;left:5cqw;right:0;top:78%;justify-content:center;font-size:4.4cqw}.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)}.letters-title{margin-bottom:1cqw}.folded-pile{flex:1 1;min-height:0;justify-content:space-evenly}.folded,.folded-pile{display:flex;flex-direction:column}.folded{position:relative;width:56cqw;aspect-ratio:56/25;align-items:center;justify-content:center;gap:.6cqw;padding:2cqw 3cqw;text-align:center;color:var(--ink);background-image:linear-gradient(90deg,transparent 0 94%,rgba(0,0,0,.16) 94% 100%);box-shadow:1px 3px 7px rgba(0,0,0,.32);transition:transform .2s ease}.folded:nth-child(odd){align-self:flex-start;transform:rotate(-2deg)}.folded:nth-child(2n){align-self:flex-end;transform:rotate(1.6deg)}.folded:active{transform:scale(.97)}.folded-red{background-color:var(--red);color:var(--pen)}.folded-mint{background-color:var(--mint)}.folded-purple{background-color:var(--purple)}.folded-blue{background-color:var(--blue)}.folded-tape{position:absolute;top:-2.2cqw;left:50%;width:15cqw;height:4.4cqw;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);transform:translateX(-50%) rotate(-3deg)}.folded-label{font-family:var(--marker);font-size:5cqw;line-height:1.15}.folded-date{font-size:4.2cqw;line-height:1.2}.folded-heart{position:absolute;right:6.5cqw;bottom:2cqw;width:4.2cqw;height:4.2cqw}.page-letters .hint{margin-bottom:1cqw}.letter-from{font-size:3.6cqw;color:#6c7680}.letter-printed{font-family:var(--cursive);font-size:3.9cqw;line-height:1.7;text-align:center;color:#55606a}.letter-ps{font-size:4cqw}.page-letters .letter-signoff{word-spacing:.25em}.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-three,.notes-two{display:grid;grid-template-columns:1fr 1fr;align-items:start;align-content:start;grid-gap:2.5cqw;gap:2.5cqw}.notes-three{grid-template-columns:1fr 1fr 1fr;gap:2cqw}.notes-three .slip,.notes-two .slip{align-self:start;max-width:none;min-width:0;cursor:pointer}.notes-two .slip:not(.is-big){gap:1cqw;padding:2cqw 2cqw 1.2cqw;font-size:3.2cqw;line-height:1.35}.notes-three .slip:not(.is-big){gap:.8cqw;padding:1.5cqw 1.5cqw 1cqw;font-size:2.6cqw;line-height:1.3}.notes-two .slip:not(.is-big) img{max-height:30cqw;border-width:.5cqw}.notes-three .slip:not(.is-big) img{max-height:20cqw;border-width:.4cqw}.notes-three .slip:not(.is-big) p,.notes-two .slip:not(.is-big) p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.notes-three .slip:not(.is-big) p{-webkit-line-clamp:3}.notes-two .slip:not(.is-big) footer span{font-size:2.6cqw}.notes-three .slip:not(.is-big) footer span{font-size:2.1cqw}.notes-three .slip:not(.is-big) footer button,.notes-two .slip:not(.is-big) footer button{display:none}.slip.is-big{grid-column:1/-1}.notes-hint{font-size:3.4cqw}.notes-hint,.notes-three,.notes-two{margin-bottom:1.5cqw}.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:60cqw;aspect-ratio:4/5;display:grid;place-items:center;align-content:center;grid-gap:6cqw;gap:6cqw;padding:4cqw;border:.5cqw dashed var(--pen);color:var(--pen)}.end-frame .end-album{position:relative;z-index:1;font-size:7.4cqw;line-height:1.2;padding:3.4cqw 4cqw;text-align:center}.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}.meet-solo .meet-body{overflow:visible;justify-content:center}.meet-solo .polaroid{width:46cqw}.page-scraps{padding-top:5cqw;padding-bottom:4cqw;gap:3cqw}.scraps{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.8cqw 3cqw;gap:1.8cqw 3cqw;align-content:space-evenly}.scraps .meet-scrap{display:grid;align-items:center;padding:2cqw 3cqw;font-size:3.6cqw;line-height:1.18}.scraps .meet-scrap.paper-white{line-height:1.18;background-image:none}.page-collage{padding:0}.collage-title{position:absolute;top:4cqw;left:12cqw}.collage-photo{position:absolute;display:block;background:#fbfbf8;box-shadow:1px 3px 8px rgba(0,0,0,.32)}.collage-photo img{width:100%;height:auto}.collage-photo-border{padding:1.2cqw}.collage-tape{top:-2.2cqw;left:50%;width:13cqw;aspect-ratio:2.6/1;transform:translateX(-50%) rotate(-4deg)}.collage-photo:nth-of-type(2n) .collage-tape{transform:translateX(-50%) rotate(3deg)}.collage-hint{left:60cqw;right:6cqw;bottom:1.5cqw}.collage-hint,.collage-zoom{position:absolute;justify-content:center}.collage-zoom{inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3cqw;padding:6cqw 5cqw 6cqw 10cqw;background:rgba(29,26,26,.84);opacity:0;pointer-events:none;transition:opacity .3s ease}.collage-zoom.is-open{opacity:1;pointer-events:auto}.collage-zoom img{max-width:100%;max-height:100cqw;border:1.5cqw solid #fbfbf8;box-shadow:2px 4px 12px rgba(0,0,0,.5);transform:scale(.6) rotate(-4deg);transition:transform .45s cubic-bezier(.3,.1,.2,1)}.collage-zoom.is-open img{transform:none}.collage-zoom-hint{color:var(--pen);font-size:3.9cqw}@media (prefers-reduced-motion:reduce){.collage-zoom,.collage-zoom img{transition:none}}button.song{width:100%;transition:transform .15s ease,box-shadow .15s ease}.song.is-playing{transform:scale(1.06);box-shadow:.5cqw .9cqw 1.8cqw rgba(0,0,0,.35)}.song.is-missing{opacity:.6}.song-bar:after{transition:left .25s linear}.song-play{fill:var(--ink)}.songs-hint{position:absolute;right:6cqw;bottom:14cqw;display:block;width:40cqw;text-align:right;line-height:1.15}.songs-playlist{position:absolute;right:7cqw;bottom:6cqw;padding:1.2cqw 3.5cqw;background:#f3cc52;color:var(--ink);font-size:4.2cqw;text-decoration:none;transform:rotate(-2deg);box-shadow:.3cqw .5cqw 1cqw rgba(0,0,0,.22)}.today-streak{justify-self:start;font-family:var(--marker);font-size:1.0625rem;background:var(--orange);padding:.15rem .7rem;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(1.5deg)}.today-lede{font-size:1.25rem;max-width:30rem}.today-ask{font-family:var(--marker);font-size:1.375rem;margin:2rem 0 .8rem}.today-who{display:flex;gap:1rem}.today-nudge>button:first-child,.today-stick,.today-take,.today-who button{background:var(--mint);padding:.6rem 1.4rem;font-size:1.25rem;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1.5deg)}.today-who button:last-child{background:var(--purple);transform:rotate(1.5deg)}.today-day{margin-top:2rem}.today-day h2{font-family:var(--marker);font-size:1.375rem;line-height:1.3;margin-bottom:1rem;-webkit-text-decoration:underline wavy var(--pen) 2px;text-decoration:underline wavy var(--pen) 2px;text-underline-offset:.3rem}.today-take{display:block;margin:1.5rem auto 1rem;font-size:1.375rem;padding:.9rem 1.8rem}.today-status{margin-top:1rem;text-align:center}.snaps{display:grid;grid-template-columns:1fr 1fr;grid-gap:.9rem;gap:.9rem;align-items:start}.snap{position:relative;margin:0;background:#fbfbf8;padding:.4rem .4rem .5rem;box-shadow:1px 3px 6px rgba(0,0,0,.3)}.snap-left{transform:rotate(-1.6deg)}.snap-right{transform:rotate(1.4deg);margin-top:.6rem}.snap-tape{width:34%;aspect-ratio:3.2/1;top:-.55rem;left:33%;transform:rotate(-3deg)}.snap-right .snap-tape{transform:rotate(4deg)}.snap-photo{display:block;width:100%;aspect-ratio:4/5;background:#e9e4d8;overflow:hidden}.snap-photo img{width:100%;height:100%;object-fit:cover}.snap-empty{display:grid;place-items:center;padding:.75rem;text-align:center;color:#5b5148;background:repeating-linear-gradient(135deg,#e9e4d8 0 10px,#e2dccd 10px 20px)}.snap figcaption{display:grid;grid-gap:.1rem;gap:.1rem;padding:.4rem .15rem 0}.snap-name{font-family:var(--marker);font-size:1rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.snap-name small{font-family:var(--hand);font-size:.9375rem}.snap-caption{overflow-wrap:anywhere;line-height:1.25}.today-form{display:grid;grid-gap:.5rem;gap:.5rem;max-width:22rem;margin:0 auto}.snap-preview{width:78%;justify-self:center;margin-bottom:.6rem}.today-form label{font-size:1.0625rem}.today-form input[type=text]{width:100%;font:inherit;font-size:1.1875rem;color:var(--ink);background:#fbfbf8;border:0;border-radius:0;padding:.55rem .7rem;box-shadow:1px 2px 3px rgba(0,0,0,.25)}.today-error{min-height:1.4em;color:#7d0f15}.today-actions{display:flex;justify-content:space-between;align-items:center}.today-actions>button:first-child{text-decoration:underline;padding:.6rem 0}.today-actions button:disabled{opacity:.6}.today-nudge{display:grid;justify-items:start;grid-gap:.6rem;gap:.6rem;margin-top:2.5rem;padding-top:1.2rem;border-top:2px dashed rgba(27,24,24,.45)}.today-switch{text-decoration:underline;padding:.4rem 0}.today-tab{position:absolute;top:-2rem;left:38.5%;z-index:0;padding:.3rem .9rem .9rem;background:var(--orange);color:var(--ink);font-size:1.0625rem;line-height:1.2;text-decoration:none;border-radius:3px 3px 0 0;box-shadow:1px 0 3px rgba(0,0,0,.35);transform:rotate(-.5deg)}.page-hearts{padding:4cqw 3cqw 3cqw 10cqw}.paper-hearts{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-content:center}.paper-heart{position:relative;aspect-ratio:21/19.5;margin-bottom:-5cqw}.paper-heart:nth-child(2n){top:2cqw}.paper-heart svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.3))}.heart-mint path{fill:var(--mint)}.heart-purple path{fill:var(--purple)}.heart-blue path{fill:var(--blue)}.heart-white path{fill:#fbfbf8}.paper-heart span{position:absolute;left:14%;right:14%;top:14%;height:47%;display:grid;place-items:center;text-align:center;line-height:1.12}.search{position:relative;z-index:40;width:min(13rem,60vw);margin-bottom:1rem}.search input{display:block;width:100%;font:inherit;font-size:1rem;line-height:1.2;color:var(--ink);background-color:var(--kraft);background-image:var(--grain);border:0;border-radius:2px;padding:.3rem .7rem;text-align:center;box-shadow:1px 2px 5px rgba(0,0,0,.4);transform:rotate(-.8deg);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search input::placeholder{color:rgba(27,24,24,.6)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-results{position:absolute;top:calc(100% + .4rem);left:50%;width:min(19rem,84vw);transform:translateX(-50%);background:#fbfbf8;box-shadow:2px 4px 12px rgba(0,0,0,.45);font-size:1rem}.search-results button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.5rem .8rem}.search-results li+li{border-top:1px solid #c9d3dc}.search-number{font-family:var(--marker);color:var(--red)}.search-none{padding:.5rem .8rem;text-align:center;color:#6c7680}.search :focus-visible{outline-offset:1px}.polaroid.meet-small{position:absolute;left:36.5cqw;top:44.5cqw;width:35cqw;margin:0;padding:2.2cqw 2.2cqw 0;transform:rotate(-2deg)}.meet-small figcaption{font-size:4.2cqw;padding:1.4cqw 0 1.8cqw}.meet-small .tape-top{top:-3cqw;width:16cqw}.heart-stuck{position:absolute;display:block;width:23cqw;margin:0;z-index:2}.heart-stuck span{left:11%;right:11%;top:13%;height:50%;line-height:1.08}.meet-hearts-hint{position:absolute;left:40cqw;width:26cqw;top:115.5cqw;justify-content:center}.heart-big{display:block;width:84cqw;margin:0;top:0!important;transform:scale(.5) rotate(-6deg);transition:transform .45s cubic-bezier(.3,.1,.2,1)}.heart-zoom.is-open .heart-big{transform:none}@media (prefers-reduced-motion:reduce){.heart-big{transition:none}}.feed{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:calc(1.5rem + env(safe-area-inset-top, 0px)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom, 0px)) 2.1rem;overflow:hidden;background-color:var(--kraft);background-image:var(--grain)}.feed-top{align-self:stretch;display:flex}.feed-note{color:var(--ink);font-size:1.25rem;text-align:center}.feed-stage{flex:1 1;min-height:0;width:100%;display:grid;place-items:center}.feed-print{position:relative;margin:0;max-width:min(100%,30rem);max-height:100%;display:flex;padding:.6rem;background:#fbfbf8;box-shadow:2px 4px 14px rgba(0,0,0,.5);transform:rotate(-1.2deg);animation:feed-in .6s ease both}.feed-print img{display:block;max-width:100%;max-height:calc(100svh - 14.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));object-fit:contain}.feed-tape{top:-.8rem;left:50%;width:6.5rem;aspect-ratio:2.8/1;transform:translateX(-50%) rotate(-3deg)}@keyframes feed-in{0%{opacity:0;transform:rotate(-1.2deg) scale(.96)}to{opacity:1;transform:rotate(-1.2deg)}}.feed-bar{display:flex;align-items:center;gap:1.25rem;color:var(--ink)}.feed-bar button{background:#fbfbf8;color:var(--ink);padding:.45rem .9rem;border-radius:2px;box-shadow:1px 2px 5px rgba(0,0,0,.4);transform:rotate(-1.5deg)}.feed-bar button:last-child{transform:rotate(1.2deg)}.feed-bar svg{display:block;width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.feed-count{min-width:6.5rem;display:grid;text-align:center;font-size:1.125rem;line-height:1.2}.feed-count small{font-size:.9375rem;opacity:.75}.feed-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.feed-print{animation:none}}.puzzle-piece{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.3,.1,.2,1)}.puzzle-piece.is-dragging{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.puzzle-piece.is-home{cursor:pointer}.puzzle-piece path{fill:var(--red);stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.4))}.puzzle-piece.is-home path{filter:none}.rose-fall{position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none}.rose-fall span{position:absolute;top:-6rem;aspect-ratio:21/19.5;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.45));animation:rose-fall linear both}.rose-fall i{display:block;width:100%;height:100%;background:var(--red) center /cover no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat}@keyframes rose-fall{0%{transform:translateY(0) rotate(var(--from))}to{transform:translateY(calc(100vh + 8rem)) rotate(var(--to))}}@media (prefers-reduced-motion:reduce){.rose-fall{display:none}}.upload{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.upload .album-head{margin-bottom:0}.upload-note{font-size:1.1875rem}.upload-button{background:#fbfbf8;color:var(--ink);font-size:1.25rem;padding:.6rem 1.4rem;border-radius:2px;box-shadow:1px 2px 5px rgba(0,0,0,.35);transform:rotate(-1.2deg)}.upload-button:disabled{opacity:.55;cursor:default}.upload-progress{width:100%;display:grid;grid-gap:.75rem;gap:.75rem}.upload-progress progress{width:100%;height:.9rem;accent-color:var(--red)}.upload-progress a{color:var(--ink)}.upload-failed{display:grid;grid-gap:.4rem;gap:.4rem;font-size:1rem}.messages{height:100svh;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px))!important}.messages .album-head{margin-bottom:.5rem}.msg-list{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem .25rem .75rem}.msg-list,.msg-row{display:flex;flex-direction:column;gap:.6rem}.msg-day{align-self:center;font-size:.9375rem;color:var(--pen)}.msg{max-width:80%;padding:.45rem .8rem .35rem;border-radius:.9rem;box-shadow:1px 2px 3px rgba(0,0,0,.22);font-size:1.125rem;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;-moz-user-select:text;user-select:text}.msg small{display:block;font-size:.8125rem;opacity:.65;text-align:right}.msg-mine{align-self:flex-end;background:var(--blue);border-bottom-right-radius:.2rem}.msg-theirs{align-self:flex-start;background:#fbfbf8;border-bottom-left-radius:.2rem}.msg-form{flex:none;display:grid;grid-gap:.4rem;gap:.4rem}.msg-error{font-size:1rem;color:#7a1418}.msg-write{display:flex;gap:.5rem;align-items:flex-end}.msg-write textarea{flex:1 1;min-width:0;font:inherit;font-size:1.125rem;line-height:1.3;color:var(--ink);background:#fbfbf8;border:0;border-radius:.9rem;padding:.5rem .8rem;resize:none;field-sizing:content;max-height:7rem;box-shadow:inset 1px 2px 3px rgba(0,0,0,.22)}.msg-write button{background:var(--mint);padding:.5rem 1rem;font-size:1.125rem;border-radius:2px;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(1.2deg)}.msg-write button:disabled{opacity:.5;cursor:default}.messages :focus-visible{outline-color:var(--ink)}.album-links{display:flex;flex-wrap:wrap;gap:.75rem}.album-other{background:var(--purple);transform:rotate(1.2deg)}.video-tile{position:relative;overflow:hidden}.video-tile img{width:100%;height:100%;object-fit:cover}.video-play{left:50%;width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(29,26,26,.6)}.video-play,.video-play:after{position:absolute;top:50%;transform:translate(-50%,-50%)}.video-play:after{content:"";left:54%;border-left:.75rem solid var(--pen);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent}.video-length{position:absolute;right:.35rem;bottom:.3rem;padding:0 .3rem;font-size:.875rem;color:var(--pen);background:rgba(29,26,26,.6);border-radius:2px}.viewer-video{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.upload-video{font-size:1rem;overflow-wrap:anywhere}.ribbons{position:absolute;top:calc(100% - .7rem);left:11%;right:5%;z-index:0;display:flex;gap:.45rem;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.4))}.ribbon{flex:1 1;min-width:0;padding:1.3rem .1rem 1.1rem;color:var(--ink);font-size:.9375rem;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.ribbon-blue{background:var(--blue);transform:rotate(-1.5deg)}.ribbon-purple{background:var(--purple);transform:rotate(1deg)}.ribbon-orange{background:var(--orange);transform:rotate(-.6deg)}.ribbon-mint{background:var(--mint);transform:rotate(1.6deg)}.page-rings{position:fixed;top:calc(1.25rem + env(safe-area-inset-top, 0px));bottom:calc(1.25rem + env(safe-area-inset-bottom, 0px));left:-.6rem;width:1.75rem;z-index:5;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.album:has(.page-rings){padding-left:2.1rem}.album .page-rings{left:max(-.6rem,calc(50% - 20rem - .6rem))}.album,.feed{transform-origin:left center;animation:page-open .6s cubic-bezier(.3,.1,.2,1) backwards}@keyframes page-open{0%{transform:perspective(1800px) rotateY(-78deg);opacity:.2}to{transform:perspective(1800px) rotateY(0deg);opacity:1}}@media (prefers-reduced-motion:reduce){.album,.feed{animation:none}}.puzzle-sheet{touch-action:none}.puzzle-piece:not(.is-home):not(.is-dragging) path{animation:piece-wiggle 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes piece-wiggle{0%,70%,to{transform:rotate(0deg)}78%{transform:rotate(-7deg)}86%{transform:rotate(6deg)}94%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.puzzle-piece path{animation:none!important}}.uploader{display:grid;justify-items:start;grid-gap:.75rem;gap:.75rem;margin-bottom:.5rem}.upload-small{font-size:1rem}html:has(.album),html:has(.feed){background-color:var(--kraft);background-image:var(--grain)}.upload-refused{color:#7a1418}.msg-media{padding:.35rem .35rem .3rem}.msg-media small{padding:0 .45rem}.msg-pic{display:block;width:min(62vw,15rem);max-width:100%;min-height:5rem;margin-bottom:.3rem;border-radius:.65rem;overflow:hidden;background:rgba(29,26,26,.85)}.msg-pic img{width:100%;height:100%;object-fit:cover}.msg-pic.is-tall{width:min(48vw,11.5rem)}.msg-pic:not([style]){aspect-ratio:4/3}.msg-words{display:block;padding:0 .45rem}.msg-voice{display:flex;align-items:center;gap:.6rem;width:min(58vw,13rem);padding:.25rem .45rem .1rem}.msg-voice button{flex:none;position:relative;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--ink)}.msg-voice button:after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-left:.8rem solid var(--ink);border-top:.52rem solid transparent;border-bottom:.52rem solid transparent}.msg-voice button.is-playing:after{left:50%;width:.8rem;height:.9rem;border:0;border-left:.27rem solid var(--ink);border-right:.27rem solid var(--ink)}.msg-voice-bar{flex:1 1;height:3px;border-radius:2px;background:rgba(27,24,24,.25);overflow:hidden}.msg-voice-bar span{display:block;height:100%;background:var(--ink)}.msg-voice-time{flex:none;font-size:.9375rem;min-width:2.2rem;text-align:right}.msg-busy{font-size:1rem}.msg-write .msg-tool{flex:none;width:2.6rem;height:2.6rem;padding:0;display:grid;place-items:center;background:#fbfbf8;border-radius:50%;transform:none}.msg-write .msg-mic{background:var(--mint)}.msg-tool svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.msg-recording,.msg-recording p{align-items:center}.msg-recording p{flex:1 1;margin:0;display:flex;justify-content:center;gap:.45rem;font-size:1.125rem}.msg-recording i{width:.7rem;height:.7rem;border-radius:50%;background:var(--red);animation:msg-blink 1.2s ease-in-out infinite}.msg-write .msg-cancel{background:#fbfbf8;transform:rotate(-1.2deg)}@keyframes msg-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.msg-recording i{animation:none}}.msg-earlier{align-self:center}.msg-earlier button{background:#fbfbf8;padding:.35rem .9rem;font-size:1rem;box-shadow:1px 2px 3px rgba(0,0,0,.22)}.page-tracks{padding-top:5cqw;padding-bottom:4cqw;gap:2.5cqw}.tracks-head{display:flex;align-items:center;justify-content:space-between;gap:3cqw}.tracks-link{flex:none;padding:.8cqw 3cqw;background:#f3cc52;color:var(--ink);font-size:3.8cqw;text-decoration:none;transform:rotate(1.5deg);box-shadow:.3cqw .5cqw 1cqw rgba(0,0,0,.22)}.tracks-sheet{position:relative;padding:2.2cqw 3cqw 2.2cqw 2cqw;background:#fbfbf8;box-shadow:1px 3px 8px rgba(0,0,0,.3);transform:rotate(-.6deg)}.tracks-sheet .tape{width:16%}.tracks{font-size:2.95cqw;line-height:1.5em;background-image:var(--lines)}.tracks li{display:flex;align-items:baseline;gap:1.8cqw;height:1.5em;white-space:nowrap}.tracks li>span{font-size:1.2em;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.track-number{flex:none;width:5.5cqw;text-align:right;opacity:.55}.track-title{flex:0 1 auto;min-width:0}.track-artist{flex:1 1;min-width:18%;text-align:right;opacity:.6;font-size:1.02em!important}.page-tracks.is-dense{padding:3.5cqw 4cqw 3cqw 10cqw;gap:1.6cqw}.is-dense .pen-caps{font-size:5.4cqw}.is-dense .tracks-link{font-size:3.4cqw;padding:.5cqw 2.6cqw}.is-dense .tracks-sheet{padding:1.4cqw 2cqw 1.4cqw 1cqw;transform:none}.is-dense .tracks-sheet .tape{display:none}.is-dense .tracks{column-count:2;column-gap:2.4cqw;column-rule:.3cqw dashed rgba(27,24,24,.3);font-size:2.22cqw}.is-dense .tracks li{gap:1cqw;page-break-inside:avoid;break-inside:avoid}.is-dense .tracks li>span{font-size:1.2em;line-height:1.2}.is-dense .track-number{width:3.6cqw}.is-dense .track-title{flex:0 0 auto;max-width:calc(100% - 4.6cqw)}.is-dense .track-artist{min-width:0;font-size:1em!important}.cal-all{margin-top:2.5rem}.cal-title{font-family:var(--cursive);color:var(--pen);font-size:1.25rem;line-height:1.6;word-spacing:.25em}.cal-key{font-size:1rem;margin-top:.2rem}.cal-month{margin-top:1.6rem}.cal-month h2{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;font-family:var(--marker);font-size:1.375rem;line-height:1.3;margin-bottom:.5rem}.cal-month h2 small{font-family:var(--hand);font-size:1rem}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.45rem .3rem;gap:.45rem .3rem}.cal-weekday{font-family:var(--marker);font-size:.8125rem;text-align:center;opacity:.7}.cal-day,.cal-day button{display:grid;grid-gap:.1rem;gap:.1rem;width:100%}.cal-number{font-family:var(--marker);font-size:.8125rem;line-height:1.1;text-align:center}.cal-strip{display:grid;grid-gap:2px;gap:2px;width:100%;grid-template-rows:minmax(0,1fr) minmax(0,1fr);aspect-ratio:1/2;padding:2px}.is-filled .cal-strip{background:#fbfbf8;box-shadow:1px 2px 3px rgba(0,0,0,.3)}.is-filled:nth-child(odd) .cal-strip{transform:rotate(-1.2deg)}.is-filled:nth-child(2n) .cal-strip{transform:rotate(1deg)}.cal-square{display:block;width:100%;height:100%;min-height:0;object-fit:cover;background:#e9e4d8}.cal-blank{background:repeating-linear-gradient(135deg,#e9e4d8 0 4px,#d9d2c1 4px 8px)}.is-empty .cal-strip{border:1.5px dashed rgba(27,24,24,.4)}.is-ahead .cal-strip{border:1.5px dashed rgba(27,24,24,.16)}.is-ahead .cal-number{opacity:.4}.is-today .cal-number{color:var(--pen);background:var(--red);border-radius:999px;justify-self:center;padding:0 .4rem}.day-sheet{position:fixed;inset:0;z-index:40;overflow-y:auto;display:grid;align-content:start;grid-gap:1.2rem;gap:1.2rem;padding:calc(1.5rem + env(safe-area-inset-top, 0px)) 1rem calc(1.5rem + env(safe-area-inset-bottom, 0px));background-color:var(--kraft);background-image:var(--grain)}.day-sheet>*{width:100%;max-width:30rem;justify-self:center}.day-sheet h2{font-family:var(--marker);font-size:1.375rem;line-height:1.3;-webkit-text-decoration:underline wavy var(--pen) 2px;text-decoration:underline wavy var(--pen) 2px;text-underline-offset:.3rem}.day-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem}.day-bar button{background:#fbfbf8;padding:.45rem .8rem;box-shadow:1px 2px 4px rgba(0,0,0,.3)}.day-bar button:disabled{opacity:.3;cursor:default}.day-bar .viewer-close{background:var(--mint)}.day-sheet :focus-visible{outline-color:var(--ink)}.thinking{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:-.4rem;min-height:4.6rem}.thinking-stamp{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.45rem 1.3rem;background:var(--red);color:var(--pen);font-size:1.125rem;line-height:1.2;box-shadow:1px 2px 3px rgba(0,0,0,.35);transform:rotate(-1.2deg);transition:transform .15s ease}.thinking-stamp:active{transform:rotate(-1.2deg) scale(.95)}.thinking-stamp.is-sending{opacity:.6}.thinking-stamp.is-sent .heart{animation:thinking-beat .9s ease 2}@keyframes thinking-beat{0%,to{transform:scale(1)}30%{transform:scale(1.45)}60%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.thinking-stamp.is-sent .heart{animation:none}}.thinking-who{display:flex;align-items:center;gap:.7rem;min-height:2.75rem;color:var(--pen);font-size:1.0625rem}.thinking-who button{min-height:2.75rem;padding:.4rem 1.1rem;background:var(--mint);color:var(--ink);font-size:1.125rem;box-shadow:1px 2px 3px rgba(0,0,0,.25);transform:rotate(-1.5deg)}.thinking-who button:last-child{background:var(--purple);transform:rotate(1.5deg)}.thinking-note{max-width:20rem;min-height:1.3rem;color:var(--pen);font-size:1rem;line-height:1.3;text-align:center}.peek-has-photo:before{content:"";position:absolute;inset:-5%;background:#fbfbf8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 2.5 21 19.5'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center /contain no-repeat}.peek-photo{position:absolute;inset:0;background:var(--kraft) center /cover no-repeat}