.little-favorites{--fav-gap:var(--s-5);--fav-icon:3rem;justify-content:center;gap:var(--fav-gap);margin:var(--s-4) auto var(--s-8);grid-template-columns:repeat(auto-fit,minmax(10rem,14rem));display:grid}@media (max-width:750px){.little-favorites{--fav-gap:var(--s-4)}}@media (max-width:500px){.little-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}}.favorite{--rest-angle:0deg;--fav-tint:#fff;box-sizing:border-box;width:100%;min-height:14rem;padding:var(--s-4) var(--s-3);justify-content:center;align-items:center;gap:var(--s-3);text-align:center;text-wrap:balance;border:1px solid var(--c-line-soft);border-radius:var(--r-lg);background:linear-gradient(140deg, color-mix(in srgb, var(--fav-tint) 34%, transparent), color-mix(in srgb, var(--fav-tint) 10%, transparent));-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);box-shadow:var(--rim), var(--shadow-1);transform:rotate(var(--rest-angle));flex-direction:column;display:flex}@media (max-width:750px){.favorite{min-height:12.5rem}}.favorite:hover{box-shadow:var(--rim), var(--shadow-2)}.favorite:active{scale:.96}.favorite>span{width:1em;min-width:1em;height:1em;font-size:var(--fav-icon);place-items:center;line-height:1;display:grid}.favorite>span svg,.favorite-symbol svg{margin:0 auto;display:block}.custom-favorite>img{width:var(--fav-icon);height:var(--fav-icon);object-fit:cover;border-radius:var(--r-sm)}.favorite i{font-size:var(--fs-xs);color:var(--c-ink-3);font-style:normal}.favorite strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-ink);overflow-wrap:break-word;font-style:italic;font-weight:400}@media (max-width:750px){.favorite strong{font-size:var(--fs-md)}}@media (max-width:500px){.favorite{padding-inline:var(--s-2)}}@media (max-width:380px){.favorite strong{font-size:var(--fs-base)}}.pink-favorite{--rest-angle:-5deg;--fav-tint:var(--candy)}.strawberry-favorite{--rest-angle:3deg;--fav-tint:var(--berry);margin-top:var(--s-5)}.candy-favorite{--rest-angle:-3deg;--fav-tint:var(--butter)}.lotus-favorite{--rest-angle:4deg;--fav-tint:var(--lotus);margin-top:var(--s-5)}.favorite-tone-0{--rest-angle:-4deg;--fav-tint:var(--candy)}.favorite-tone-1{--rest-angle:3deg;--fav-tint:var(--lilac)}.favorite-tone-2{--rest-angle:-3deg;--fav-tint:var(--butter)}@media (prefers-reduced-motion:reduce){.favorite{transform:rotate(var(--rest-angle));translate:none}}.favorite-story{min-width:0;max-width:780px;min-height:75vh;margin:var(--s-7) auto;padding:var(--s-7) var(--s-5);text-align:center;border:1px solid var(--c-line-soft);border-radius:var(--r-lg);background:linear-gradient(130deg, color-mix(in srgb, var(--fav-tint,#fff) 30%, transparent), color-mix(in srgb, var(--fav-tint,#fff) 8%, transparent));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:var(--rim), var(--shadow-2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.favorite-page.gobblers .favorite-story{--fav-tint:var(--butter)}.favorite-page.lotus .favorite-story{--fav-tint:var(--lotus)}.favorite-page.strawberries .favorite-story{--fav-tint:var(--berry)}.favorite-page.pink .favorite-story{--fav-tint:var(--candy)}.favorite-symbol{width:1.15em;height:1.15em;margin:0 auto var(--s-4);border-radius:var(--r-lg);color:var(--candy);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;font-size:clamp(100px,18vw,190px);line-height:1;animation:7s ease-in-out infinite keepsake-drift;display:grid}.favorite-symbol:focus-visible{outline:2px solid var(--c-focus);outline-offset:var(--s-1)}.favorite-story h1{width:100%;min-width:0;max-width:100%;margin:var(--s-5) 0;font-size:clamp(2.4rem,6vw,4.4rem);line-height:var(--lh-tight);letter-spacing:-.015em;overflow-wrap:break-word;text-wrap:balance}.favorite-story p{max-width:430px;color:var(--c-ink-2);text-wrap:balance}@media (max-width:500px){.favorite-story{min-height:70vh;padding:var(--s-6) var(--s-4)}.favorite-story h1{margin:var(--s-4) 0;font-size:clamp(2rem,9vw,3rem)}.favorite-story p{font-size:var(--fs-sm)}.favorite-story .signature{font-size:var(--fs-hand)}}.custom-favorite-story{padding:var(--s-7) var(--s-5);margin:0 auto}.custom-favorite-story>p{text-align:center}.custom-favorite-story form{width:100%}html[data-theme=night] .favorite i{color:var(--c-ink-3)}html[data-theme=night] .favorite strong{color:var(--c-ink)}@media (prefers-reduced-motion:reduce){.favorite-symbol{animation:none}}.art{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:visible}.art g,.art path,.art ellipse{transform-box:view-box}.art-pink .art-beat{transform-origin:32px 27px}.art-pink .art-shadow{transform-origin:32px 54px}.is-delighted .art-pink .art-beat{animation:1.2s ease-in-out art-pulse}.is-delighted .art-pink .art-shadow{animation:1.2s ease-in-out art-shadow}@keyframes art-pulse{18%{transform:scale(1.12)}34%{transform:scale(.97)}52%{transform:scale(1.08)}70%{transform:scale(1)}}@keyframes art-shadow{18%,52%{opacity:.7;transform:scale(.86)}}.art-strawberries .art-wobble{transform-origin:32px 12px}.art-strawberries .art-seeds ellipse{transform-box:fill-box;transform-origin:50%}.is-delighted .art-strawberries .art-wobble{animation:.9s ease-in-out art-wobble}.is-delighted .art-strawberries .art-seeds ellipse{animation:.45s ease-in-out 2 alternate art-twinkle}.art-seeds ellipse:nth-child(3n+1){animation-delay:.1s}.art-seeds ellipse:nth-child(3n+2){animation-delay:.3s}.art-seeds ellipse:nth-child(3n){animation-delay:.5s}@keyframes art-wobble{20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}@keyframes art-twinkle{to{opacity:.5;transform:scale(1.7)}}.art-strawberries.is-shedding .art-seeds ellipse{animation:1.8s cubic-bezier(.5,0,.75,0) both art-shed}@keyframes art-shed{55%{opacity:0;transform:translateY(26px)rotate(40deg)}56%{opacity:0;transform:none}to{opacity:1}}.art-gobblers .art-lid{transform-origin:32px 29px}.art-gobblers .art-candy{transform-box:fill-box;transform-origin:50%}.is-delighted .art-gobblers .art-lid{animation:1.1s cubic-bezier(.3,1.4,.5,1) art-lid}.is-delighted .art-gobblers .art-candy{animation:1s ease-in-out .15s art-roll}.is-delighted .art-gobblers .art-candy:nth-child(2n){animation-direction:reverse}@keyframes art-lid{25%{transform:translateY(-7px)rotate(-8deg)}50%{transform:translateY(-3px)rotate(3deg)}75%{transform:translateY(-1px)}}@keyframes art-roll{35%{transform:translate(-3px,-5px)rotate(-200deg)}70%{transform:translate(2px)rotate(-330deg)}to{transform:rotate(-360deg)}}.art-lotus .art-petal{transform-origin:32px 44px}.art-lotus .art-petal-0{--open:rotate(-16deg)}.art-lotus .art-petal-1{--open:rotate(16deg)}.art-lotus .art-petal-2{--open:rotate(-9deg)}.art-lotus .art-petal-3{--open:rotate(9deg)}.art-lotus .art-petal-4{--open:scale(1.07)}.art-lotus .art-ripple,.art-lotus .art-bloom{transform-origin:32px 50px}.art-lotus .art-ripple+.art-ripple{opacity:0}.is-delighted .art-lotus .art-petal{animation:.7s cubic-bezier(.2,.7,.2,1) 2 alternate both art-open}.is-delighted .art-lotus .art-ripple{animation:1.6s ease-out art-ripple}.is-delighted .art-lotus .art-ripple+.art-ripple{animation-delay:.5s}.art-lotus .art-petal-1{animation-delay:.12s}.art-lotus .art-petal-2{animation-delay:.24s}.art-lotus .art-petal-3{animation-delay:.36s}.art-lotus .art-petal-4{animation-delay:.48s}@keyframes art-open{0%{transform:none}to{transform:var(--open)}}@keyframes art-ripple{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}@media (hover:hover) and (pointer:fine){.favorite:hover .art-pink .art-beat{animation:1.2s ease-in-out art-pulse}.favorite:hover .art-strawberries .art-wobble{animation:.9s ease-in-out art-wobble}.favorite:hover .art-strawberries .art-seeds ellipse{animation:.45s ease-in-out 2 alternate art-twinkle}.favorite:hover .art-gobblers .art-lid{animation:1.1s cubic-bezier(.3,1.4,.5,1) art-lid}.favorite:hover .art-gobblers .art-candy{animation:1s ease-in-out .15s art-roll}.favorite:hover .art-lotus .art-petal{animation:.7s cubic-bezier(.2,.7,.2,1) 2 alternate both art-open}}.fruit-note>.art,.sweet-aside>span>.art{vertical-align:-.125em;display:inline-block}.sweet-aside>span>.art{display:block}.favorite-page.lotus[data-bloom=blooming] .art-bloom{animation:1.4s cubic-bezier(.2,.7,.2,1) both art-rise}.favorite-page.lotus[data-bloom=blooming] .art-petal{animation:1.3s cubic-bezier(.2,.7,.2,1) .35s both art-open}.favorite-page.lotus[data-bloom=blooming] .art-petal-1{animation-delay:.5s}.favorite-page.lotus[data-bloom=blooming] .art-petal-2{animation-delay:.7s}.favorite-page.lotus[data-bloom=blooming] .art-petal-3{animation-delay:.85s}.favorite-page.lotus[data-bloom=blooming] .art-petal-4{animation-delay:1s}.favorite-page.lotus[data-bloom=blooming] .art-ripple{animation:1.8s ease-out .2s 2 art-ripple}.favorite-page.lotus[data-bloom=blooming] .art-ripple+.art-ripple{animation-delay:1.1s}.favorite-page.lotus[data-bloom=blooming] .favorite-story>p{animation:1.2s ease-out 1.1s both rise-line}.favorite-page.lotus[data-bloom=open] .art-petal{transform:var(--open)}.favorite-page.lotus[data-bloom=open] .is-delighted .art-petal{animation:none}@keyframes art-rise{0%{transform:translateY(6px)scale(.92)}}@keyframes rise-line{0%{opacity:0;transform:translateY(var(--s-3))}}.pink-tint{z-index:-1;pointer-events:none;position:fixed;inset:0}.pink-tint>i{opacity:0;position:absolute;inset:0}.pink-tint>i:first-child{background:radial-gradient(ellipse at 50% 20%, var(--rose-1), transparent 75%);opacity:.8}.pink-tint>i:nth-child(2){background:radial-gradient(ellipse at 50% 50%, var(--rose-2), transparent 80%)}.pink-tint>i:nth-child(3){background:radial-gradient(ellipse at 50% 85%, var(--rose-3), transparent 80%)}.pink-tint.is-moving>i{will-change:opacity}.pink-shades{max-width:780px;margin:0 auto var(--s-7);text-align:center}.pink-shades>ul{gap:var(--s-3);margin:var(--s-4) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.pink-shades li{align-items:center;gap:var(--s-2);font-size:var(--fs-xs);color:var(--c-ink-3);flex-direction:column;display:flex}.pink-shades li>span{aspect-ratio:1;border:1px solid var(--c-line-soft);border-radius:var(--r-md);width:100%;max-width:6rem;box-shadow:var(--rim), var(--shadow-1)}.shade-blush{background:var(--blush)}.shade-rose{background:var(--rose)}.shade-bubblegum{background:var(--candy)}.shade-berry{background:var(--berry)}@media (prefers-reduced-motion:reduce){.pink-tint>i:first-child,.pink-tint>i:nth-child(3){opacity:0}.pink-tint>i:nth-child(2){opacity:.7}}
:root{--gutter:clamp(16px, 4vw, 32px);--edge-l:max(calc(var(--sal) + var(--gutter)), calc((100% - 1100px) / 2 + var(--gutter)));--edge-r:max(calc(var(--sar) + var(--gutter)), calc((100% - 1100px) / 2 + var(--gutter)))}html{scroll-padding-top:calc(var(--header-h) + var(--sat) + var(--s-2));-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);overflow-x:clip}.love-main,.keepsake-main{padding-inline:var(--gutter);scroll-margin-top:calc(var(--header-h) + var(--sat) + var(--s-3))}.love-world{min-height:100dvh;padding-bottom:calc(var(--dock-h) + var(--sab) + var(--s-4))}.love-footer{padding-bottom:var(--s-5)}html[data-theme=night]{background-color:var(--c-bg);background-image:radial-gradient(circle at 18% 22%, var(--c-star) 0 1px, transparent 1.6px), radial-gradient(circle at 71% 64%, var(--c-star) 0 .8px, transparent 1.4px), radial-gradient(circle at 44% 88%, var(--c-star) 0 1.1px, transparent 1.7px), linear-gradient(180deg, var(--c-sky-0), var(--c-sky-1) 55%, var(--c-sky-2));background-size:331px 297px,457px 389px,577px 521px,100% 100%}html[data-theme=night] body{background:0 0}.love-world .dedication h1,.love-world .page-dedication h1{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.25rem,10.5vw,6rem);line-height:1.08}.page-dedication h1{font-size:clamp(2.5rem,9vw,5rem)}.tiny-note{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:lowercase}.love-passage p,.sweet-aside p{line-height:var(--lh-snug)}button,input,textarea{font-family:var(--font-body)}.writing-label textarea{font-family:var(--font-display)}.love-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--s-3);box-sizing:border-box;width:100%;max-width:none;min-height:calc(var(--header-h) + var(--sat));padding:var(--sat) var(--edge-r) 0 var(--edge-l);border:0;border-bottom:1px solid var(--c-line-soft);background:var(--c-plate);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);box-shadow:var(--shadow-1);border-radius:0;margin:0;display:flex;position:sticky;top:0}.love-brand{align-items:center;gap:var(--s-1);min-height:var(--tap);font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);letter-spacing:-.015em;white-space:nowrap;color:var(--c-ink);line-height:1;display:inline-flex}.love-brand span{font-size:var(--fs-md);color:var(--berry);margin:0}.love-header nav{isolation:isolate;align-items:center;gap:var(--s-1);width:auto;min-width:0;max-width:100%;padding:var(--s-1);border:1px solid var(--c-line-soft);border-radius:var(--r-pill);background:var(--c-surface-2);box-shadow:var(--rim);-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;position:relative}.love-header nav a{z-index:1;min-width:var(--tap);height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-sm);white-space:nowrap;color:var(--c-ink-2);box-shadow:none;background:0 0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;transform:none}.love-header nav a[aria-current],.love-header nav a:hover,.love-header nav a:focus-visible{color:var(--c-accent);box-shadow:none;background:0 0;transform:none}.nav-glass-pill{z-index:0;pointer-events:none;border-radius:var(--r-pill);border:1px solid var(--c-line-soft);background:var(--c-pill);box-shadow:var(--shadow-1), var(--rim);opacity:0;will-change:transform;transition:transform .38s cubic-bezier(.22,.8,.2,1),width .38s cubic-bezier(.22,.8,.2,1),height .25s,opacity .2s;position:absolute;top:0;left:0}.nav-glass-pill.ready{opacity:1}.nav-icon{display:none}.sr-only,.nav-label.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:699px){.love-header nav a{padding:0}.nav-icon{display:block}.nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (max-width:360px){.love-brand{font-size:var(--fs-md)}.love-brand span{font-size:var(--fs-base)}.love-header{gap:var(--s-2)}}body:has(.sound-toggle):after{content:"";z-index:30;height:calc(var(--dock-h) + var(--sab));pointer-events:none;border-top:1px solid var(--c-line-soft);background:var(--c-plate);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);position:fixed;inset:auto 0 0;box-shadow:0 -6px 24px #0000000d}.sound-toggle,.night-toggle,.leave-love{bottom:calc(var(--sab) + (var(--dock-h) - var(--tap)) / 2);z-index:31;box-sizing:border-box;height:var(--tap);min-width:var(--tap);border:1px solid var(--c-line-soft);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);box-shadow:var(--shadow-1), var(--rim);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:fixed}.sound-toggle,.night-toggle{width:var(--tap);left:var(--edge-l)}body:has(.sound-toggle) .night-toggle{left:calc(var(--edge-l) + var(--tap) + var(--s-2))}.leave-love{right:var(--edge-r);gap:var(--s-2);padding:0 var(--s-4);font-size:var(--fs-sm);white-space:nowrap;color:var(--c-accent);font-weight:500;left:auto}@media (max-width:359px){.leave-love{width:var(--tap);padding:0}.leave-love span{display:none}}.signin-world,.boundary-world{padding-bottom:calc(var(--dock-h) + var(--sab) + var(--s-4))}.signin-private{margin-bottom:var(--s-5)}.favorite{text-align:center}.little-favorites{gap:var(--s-5)}.keepsake-main{padding-top:calc(var(--s-5) + var(--sat))}.back-to-us{min-height:var(--tap);background:var(--c-surface-2);color:var(--c-ink-2);border-color:var(--c-line-soft)}html{-webkit-tap-highlight-color:transparent}@media (display-mode:standalone){html,body{overscroll-behavior-y:none}}a,button,input,select,textarea,label,summary,[role=button]{touch-action:manipulation}.love-header,.sound-toggle,.night-toggle,.leave-love,.back-to-us{-webkit-touch-callout:none}@media (pointer:coarse){:where(input:not([type=hidden],[type=radio],[type=checkbox]),select,textarea){font-size:max(var(--fs-base), 1em)}.attach-photo input,.edit-media .attach-photo input{font-size:var(--fs-base)}}@media (prefers-reduced-motion:reduce){.nav-glass-pill{transition:none}}@media (forced-colors:active){.love-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}body:has(.sound-toggle):after{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.sound-toggle,.night-toggle,.leave-love{color:buttontext;background:buttonface;border:2px solid buttontext}}
.love-passage a,.sweet-aside a,.quiet-page button{position:relative}.love-passage a:after,.sweet-aside a:after,.quiet-page button:after{content:"";inset:calc((100% - var(--tap)) / 2) calc(var(--s-1) * -1);min-height:var(--tap);position:absolute}button.sign-out{min-height:var(--tap)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){*,:before,:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.moment,.unfilled-photo,.little-thought,.favorite,.favorite-story,.keepsake-photo,.boundary-card,.back-to-us,.folded-letter,.word-moment,.photo-air,.photo-air.blush{background:var(--c-surface)!important}.love-header,.love-header nav{background:var(--c-plate)!important}body:has(.sound-toggle):after{background:var(--c-plate)!important}.love-world:after{display:none!important}}@media (prefers-contrast:more){html:not([data-theme=night]){--c-ink-2:var(--c-ink);--c-ink-3:#5a2343;--c-accent:#7d1446;--c-focus:#7d1446;--c-line:#8f4d70;--c-line-soft:#8f4d70;--c-lotus-text:#123f4c;--c-berry-text:#741227}html:root[data-theme=night]{--c-ink-2:var(--c-ink);--c-ink-3:#eedcee;--c-accent:#ffc6e3;--c-focus:#ffd6ec;--c-line:#c9a3d0;--c-line-soft:#c9a3d0;--c-lotus-text:#b5e6ef;--c-berry-text:#ffb0c2}.moment,.unfilled-photo,.little-thought,.favorite,.favorite-story,.keepsake-photo,.folded-letter,.story-link,.story-card,.surprise-card,.jar-note,.celebration{border:1px solid var(--c-line)!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid var(--c-focus)!important}}
