*{box-sizing:border-box}html,body{background:#020705;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}main{isolation:isolate;position:fixed;inset:0;overflow:hidden}canvas{touch-action:pan-x pan-y;width:100%;height:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:AnniversarySerif;src:url(/fonts/anniversary-serif-v2.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.bouquet-scene{padding:clamp(24px,5vh,54px) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(at 50% 40%,#fff9f2 0%,#f7ece6 55%,#eedcda 100%);flex-direction:column;justify-content:center;align-items:center;animation:1.8s both bouquet-enter;display:flex;position:absolute;inset:0;overflow:hidden}.bouquet-caption{z-index:1;text-align:center;color:#893d4a;letter-spacing:.012em;flex:none;margin:0 0 clamp(12px,2vh,28px);padding:0 12px;font-family:AnniversarySerif,Georgia,serif;font-size:clamp(30px,4.4vw,54px);font-weight:400;line-height:1.2;animation:2s both caption-enter;position:relative}.bouquet-picture{perspective:1000px;touch-action:none;cursor:grab;isolation:isolate;outline:none;flex:1;width:100%;max-width:740px;min-height:0;margin:0;position:relative}.bouquet-picture[data-dragging=true]{cursor:grabbing}.bouquet-picture:focus-visible{outline-offset:4px;border-radius:28px;outline:1px dashed #a57078}.bouquet-entrance{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:none;animation:2.6s cubic-bezier(.22,.65,.3,1) both bouquet-rise;position:absolute;inset:0}.bouquet-object{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50% 55%;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.bouquet-object img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bouquet-front{filter:drop-shadow(0 20px 26px #74303429);transform:translateZ(12px)}.bouquet-depth{opacity:.14;filter:brightness(.6)blur(2px);transform:translate3d(0,3px,-12px)}.bouquet-hint{text-align:center;letter-spacing:.04em;color:#ab8b8f;flex:none;margin:18px 0 0;font:10px/1.5 system-ui,sans-serif}@keyframes bouquet-enter{0%{opacity:0}to{opacity:1}}@keyframes caption-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bouquet-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-height:600px) and (min-width:700px){.bouquet-scene{padding-top:20px;padding-bottom:20px}.bouquet-caption{margin-bottom:8px;font-size:32px}}@media (prefers-reduced-motion:reduce){.bouquet-scene,.bouquet-caption,.bouquet-entrance{animation:none}.bouquet-object{transition:none}}.bouquet-front,.bouquet-back{-webkit-backface-visibility:hidden;backface-visibility:hidden}.bouquet-front{transform:translateZ(1px)}.bouquet-back{filter:drop-shadow(0 20px 26px #74303429);transform:rotateY(180deg)translateZ(1px)}.bouquet-picture[data-dragging=true] .bouquet-object{transition:none}.scene-actions{flex:none;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.soft-button,.next-button{cursor:pointer;touch-action:manipulation;color:#88636c;background:#fff8f080;border:1px solid #d9bfba;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:12px 22px;font:13px/1.4 system-ui,sans-serif;transition:background .2s,transform .2s;display:inline-flex}.next-button{color:#fff7f1;background:#92505d;border-color:#92505d;box-shadow:0 5px 18px #77394515}.soft-button:active,.next-button:active{transform:scale(.97)}:is(.soft-button:focus-visible,.next-button:focus-visible,.envelope-card:focus-visible){outline-offset:5px;outline:2px solid #92505d}.letters-scene,.letter-reader,.keepsake-scene{color:#74535c;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(at 50% 25%,#fffaf3,#f5e8e2 65%,#eddbd7);font-family:Georgia,serif;animation:.6s both bouquet-enter;position:absolute;inset:0;overflow-y:auto}.letters-scene{flex-direction:column;align-items:center;min-height:0;padding:26px 28px 54px;display:flex}.letters-back{align-self:flex-start}.letters-header{text-align:center;margin:28px 0 44px}.letters-eyebrow{letter-spacing:.22em;color:#ad8985;font:9px/1.4 system-ui,sans-serif}.letters-header h2{letter-spacing:-.03em;margin:14px 0 10px;font-size:clamp(38px,5vw,60px);font-style:italic;font-weight:400}.letters-header p{color:#a48785;margin:0;font:13px/1.6 system-ui,sans-serif}.envelope-grid{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);width:100%;max-width:1000px;margin:auto 0;display:grid}.envelope-card{cursor:pointer;text-align:center;color:#7c5761;touch-action:manipulation;perspective:900px;background:0 0;border:0;border-radius:12px;min-width:0;padding:0}.envelope-card:disabled{cursor:default}.envelope-art{width:100%;height:clamp(138px,20vw,210px);transform-style:preserve-3d;background:linear-gradient(145deg,#e9d4c3,#dbc0b3);border-radius:5px;transition:transform .3s;display:block;position:relative;box-shadow:0 14px 23px -10px #9f746b48,0 2px 4px #9f746b10}.tone-1 .envelope-art{background:linear-gradient(140deg,#eccdd1,#d6afb8)}.tone-2 .envelope-art{background:linear-gradient(140deg,#e9dcb9,#d7c39e)}.envelope-art:after{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(2deg,#0000 0 2px,#fff 3px,#0000 4px);border-radius:5px;position:absolute;inset:0}.envelope-letter{z-index:1;transform-origin:50% 90%;background:#fffaf2;border:1px solid #e6d7c7;border-radius:2px;flex-direction:column;gap:9px;width:82%;height:82%;padding:25px 18px;display:flex;position:absolute;top:12%;left:9%;transform:translateY(16px);box-shadow:0 2px 5px #6f4c5f16}.envelope-letter span{background:#d6bfaf;width:85%;height:1px}.envelope-letter span:last-child{width:58%}.envelope-pocket{z-index:3;clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:linear-gradient(115deg,#f0dfcf,#dfc2b4);border-radius:5px;position:absolute;inset:0}.tone-1 .envelope-pocket{background:linear-gradient(115deg,#f2dadd,#dfbbc3)}.tone-2 .envelope-pocket{background:linear-gradient(115deg,#f3e7cb,#e2ccaa)}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);z-index:4;transform-origin:50% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(#f3e4d6,#e7cdbf);height:58%;position:absolute;inset:0 0 auto}.tone-1 .envelope-flap{background:linear-gradient(#f6e1e4,#e4c0c9)}.tone-2 .envelope-flap{background:linear-gradient(#f5ecd5,#e5d0ac)}.envelope-seal{z-index:5;color:#f5d5d8;background:radial-gradient(circle at 35% 25%,#ad6876,#844251);border:3px double #b77886;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid;position:absolute;top:calc(55% - 19px);left:calc(50% - 19px);box-shadow:1px 3px 4px #713c4c33}.envelope-number{z-index:6;letter-spacing:.08em;opacity:.4;font:italic 17px Georgia,serif;position:absolute;bottom:17px;right:20px}.envelope-title{overflow-wrap:anywhere;margin-top:26px;font-size:clamp(17px,2vw,22px);font-style:italic;line-height:1.5;display:block}.envelope-status{letter-spacing:.08em;color:#ac8683;margin-top:9px;font:10px/1.5 system-ui,sans-serif;display:block}.is-opening .envelope-flap{animation:.6s forwards flap-open}.is-opening .envelope-seal{animation:.3s forwards seal-open}.is-opening .envelope-letter{animation:.85s cubic-bezier(.2,.7,.25,1) .2s forwards letter-unfold}@keyframes flap-open{0%{z-index:4;transform:rotateX(0)}to{z-index:0;transform:rotateX(180deg)}}@keyframes seal-open{to{opacity:0;transform:scale(.85)}}@keyframes letter-unfold{0%{transform:translateY(16px)rotateX(0)}65%{transform:translateY(-65px)rotateX(-16deg)scale(1.02)}to{transform:translateY(-78px)rotateX(0)scale(1.06)}}.letters-progress{color:#a38382;flex:none;margin:40px 0 0;font:11px/1.5 system-ui,sans-serif}.keepsake-invitation{text-align:center;flex:none;margin-top:22px;animation:.7s both caption-enter}.keepsake-invitation p{color:#aa8585;font-size:13px;font-style:italic}.letter-reader{padding:0 24px 45px}.reader-nav{z-index:10;-webkit-backdrop-filter:blur(10px);background:#f9eee8eb;justify-content:space-between;align-items:center;gap:16px;max-width:780px;margin:0 auto;padding:16px 0;display:flex;position:sticky;top:0}.reader-nav span{color:#a58681;font:11px system-ui,sans-serif}.letter-paper{color:#665053;background:linear-gradient(100deg,#fffbf4,#fffaf1);border:1px solid #e4d2c124;border-radius:3px;max-width:760px;min-height:65vh;margin:24px auto;padding:clamp(30px,6vw,70px);position:relative;box-shadow:0 16px 55px -20px #9d77663a}.letter-paper:before{content:"";pointer-events:none;border:1px solid #ead9c54d;position:absolute;inset:12px}.paper-ornament{text-align:center;color:#b8908e;margin-bottom:24px;font-size:32px;display:block}.letter-paper h2{overflow-wrap:anywhere;outline:none;margin:0 0 38px;font-size:clamp(26px,4vw,36px);font-style:italic;font-weight:400;line-height:1.4}.letter-greeting,.letter-signature,.letter-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.85}.letter-greeting{margin:0 0 28px}.letter-signature{margin:38px 0 0;font-style:italic}.reader-back-bottom{margin:24px auto 0;display:flex}.keepsake-scene{justify-content:center;align-items:center;padding:28px;display:flex}.keepsake-paper{text-align:center;background:#fffaf2;border:1px solid #e7d4c4;border-radius:5px;width:min(100%,600px);padding:48px 30px;box-shadow:0 20px 55px #88605412}.keepsake-paper h2{font-size:38px;font-style:italic;font-weight:400}.keepsake-paper p{white-space:pre-wrap;font-size:17px;line-height:1.8}.keepsake-date{color:#ae8684;margin:30px 0;font-size:12px;display:block}@media (max-width:600px){.envelope-grid{grid-template-columns:1fr;gap:40px;max-width:290px;margin:0}.envelope-art{height:188px}.letters-header{margin:25px 0 34px}.letters-scene{padding:20px 20px 44px}.envelope-title{margin-top:20px}.reader-nav span{display:none}.letter-reader{padding-left:14px;padding-right:14px}.letter-paper{margin-top:14px}.letter-body,.letter-greeting,.letter-signature{font-size:17px}.bouquet-hint{font-size:9px}.scene-actions{margin-top:10px}}@media (max-height:600px) and (min-width:700px){.letters-header{margin:10px 0 26px}.letters-header h2{font-size:38px}.envelope-art{height:148px}.envelope-title{margin-top:16px}.letters-progress{margin-top:24px}.bouquet-hint,.scene-actions{margin-top:8px}}@media (prefers-reduced-motion:reduce){.letters-scene,.letter-reader,.keepsake-scene,.is-opening .envelope-flap,.is-opening .envelope-seal,.is-opening .envelope-letter,.keepsake-invitation{animation:none}.envelope-art,.soft-button,.next-button{transition:none}}.letters-scene{padding:26px clamp(20px,4vw,58px) 50px;animation:none}.envelope-grid{align-items:start;gap:clamp(22px,3vw,40px);max-width:1200px;margin:44px 0 0}.envelope-card{perspective:1400px;text-align:center}.envelope-art{aspect-ratio:3/4;height:auto;max-height:none;transform-style:preserve-3d;background:#fcf7ee;border-radius:1px;transition:none;transform:none;box-shadow:1px 2px 3px #75535214,8px 14px 22px -10px #76565a35}.envelope-art:after{display:none}.tone-1 .envelope-art,.tone-2 .envelope-art{background:#fcf7ee}.card-cover{z-index:3;transform-origin:0;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#eac4c5;border:1px solid #c3a8a049;position:absolute;inset:0;box-shadow:inset -2px 0 2px #79565016}.card-cover img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-cover-title{text-align:left;color:#644e4d;letter-spacing:-.015em;overflow-wrap:anywhere;text-shadow:none;font:italic clamp(18px,2.2vw,27px)/1.35 Georgia,serif;position:absolute;top:9%;left:11%;right:11%}.card-inner-paper{z-index:1;background:linear-gradient(90deg,#eee5d5 0,#fffaf0 5%,#fcf7ed 100%);border:1px solid #deccba6b;flex-direction:column;align-items:flex-start;gap:13px;padding:20% 12%;display:flex;position:absolute;inset:2px 3px 2px 2px;box-shadow:inset 2px 0 5px #94745a15}.card-inner-paper>span:not(.paper-print){background:#cbb7a24f;width:82%;height:1px}.card-inner-paper>span:last-child{width:56%}.paper-print{color:#b6998b;margin-bottom:20px;font-size:24px}.envelope-status{letter-spacing:.025em;margin-top:17px;font-size:11px}.is-opening .envelope-art{transform:none}.is-opening .card-cover{animation:.8s cubic-bezier(.3,.1,.35,1) both physical-card-open}@keyframes physical-card-open{0%{transform:rotateY(0)}to{transform:rotateY(-106deg)}}@keyframes physical-paper-open{0%{transform:translate(0)}to{transform:translate(6px)}}.letter-reader{background:#f1e6de;animation:none}.letter-paper{color:#514645;background:repeating-linear-gradient(1deg,#b1987605 0 1px,#0000 1px 4px),linear-gradient(92deg,#f0e7d7 0%,#fffbf1 4%,#fcf7ec 99%);border:1px solid #d2bc9d4d;border-radius:0;max-width:860px;min-height:75vh;padding:clamp(38px,6.5vw,80px);box-shadow:2px 3px 5px #76543f12,10px 20px 38px -20px #76543f30}.letter-paper:before{display:none}.letter-paper h2{color:#5b4b48;margin-bottom:42px;font-size:clamp(25px,3.5vw,34px);font-style:normal}.letter-paper .paper-ornament{color:#b19786;margin-bottom:34px;font-size:25px}.letter-body,.letter-greeting,.letter-signature{font-size:19px;line-height:1.95}.letter-signature{font-size:21px}@media (min-width:601px) and (max-width:950px){.envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px;max-width:800px}.envelope-card-wrap:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 15px)}.card-cover-title{font-size:25px}}@media (max-width:600px){.envelope-grid{grid-template-columns:1fr;gap:34px;max-width:350px;margin-top:32px}.envelope-art{height:auto}.card-cover-title{font-size:25px}.letter-body,.letter-greeting{font-size:18px}.letter-signature{font-size:20px}.letter-paper{padding:36px 26px}.letter-paper .paper-ornament{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.is-opening .card-cover,.is-opening .card-inner-paper{animation:none}}.bouquet-scene{background:linear-gradient(#fbefea9e 0%,#fae8e247 42%,#f2dfdf8f 100%),url(/images/romantic-garden.webp) 50%/cover no-repeat}.bouquet-caption{color:#783843;text-shadow:0 2px 14px #fff8f0;max-width:100%;font-size:clamp(26px,3.5vw,46px)}.theater-transition{z-index:100;pointer-events:all;isolation:isolate;background:0 0;position:absolute;inset:0;overflow:hidden}.theater-curtain{will-change:transform;background:repeating-linear-gradient(90deg,#3d1524 0%,#6b293a 9%,#873b4b 14%,#542030 21%,#36111f 29%,#692637 39%,#873d4d 46%);width:51%;position:absolute;top:0;bottom:0;box-shadow:inset -12px 0 16px #1e061c66,0 0 35px #21071955}.theater-curtain:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#ffffff05 1px,#0000 2px);position:absolute;inset:0}.curtain-left{border-right:2px solid #c19a633d;left:0;transform:translate(-102%)}.curtain-right{border-left:2px solid #c19a633d;right:0;transform:translate(102%)}.theater-closing .curtain-left{animation:.95s cubic-bezier(.5,0,.2,1) forwards curtain-close-left}.theater-closing .curtain-right{animation:.95s cubic-bezier(.5,0,.2,1) forwards curtain-close-right}.theater-opening .curtain-left{animation:1.3s cubic-bezier(.35,.05,.2,1) forwards curtain-open-left}.theater-opening .curtain-right{animation:1.3s cubic-bezier(.35,.05,.2,1) forwards curtain-open-right}.theater-light{pointer-events:none;background:radial-gradient(at 50% 0,#fff0ba18,#0000 55%);animation:2.4s both theater-glimmer;position:absolute;inset:0}@keyframes curtain-close-left{to{transform:translate(0)}}@keyframes curtain-close-right{to{transform:translate(0)}}@keyframes curtain-open-left{0%{transform:translate(0)}to{transform:translate(-103%)}}@keyframes curtain-open-right{0%{transform:translate(0)}to{transform:translate(103%)}}@keyframes theater-glimmer{0%,to{opacity:0}40%,60%{opacity:1}}.letter-with-photo{isolation:isolate;width:100%;max-width:860px;margin:24px auto;position:relative}.letter-with-photo.has-tucked-photo{width:calc(100% - 58px);margin-top:64px}.letter-with-photo .letter-paper{z-index:2;max-width:none;margin:0;position:relative}.tucked-photo{z-index:1;color:#8d7370;transform-origin:80% 75%;cursor:pointer;touch-action:manipulation;background:#fffdf6;border:0;border-radius:1px;width:190px;padding:9px 9px 34px;transition:transform .45s;position:absolute;top:-23px;right:-45px;transform:rotate(9deg);box-shadow:1px 4px 12px #48302b29}.polaroid-image{aspect-ratio:4/3;background:#eee5dc;display:block;overflow:hidden}.polaroid-image img{object-fit:contain;width:100%;height:100%;display:block}.polaroid-caption{overflow-wrap:anywhere;margin-top:10px;font:italic 12px/1.3 Georgia,serif;display:block}.tucked-photo:focus-visible{outline-offset:5px;outline:2px solid #945864}.photo-pulling{z-index:3;transform:translate(55px,-40px)rotate(2deg)}.photo-placeholder{color:#a08485;text-align:center;background:radial-gradient(at 50% 25%,#f5e5df,#dcd9d0);flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;padding:10px;font:10px/1.4 Georgia,serif;display:flex}.photo-placeholder>span:first-child{font-size:29px;font-weight:400}.photo-dialog{color:#75555d;background:#f1e6dd;border:0;border-radius:6px;width:min(860px,100vw - 32px);max-width:none;height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:20px 24px 24px;animation:.3s both photo-enlarge;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 100px #271c2966}.photo-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#34232c99}.photo-modal-content{flex-direction:column;align-items:center;gap:18px;display:flex}.photo-close{background:#fffaf2;align-self:flex-end;min-height:44px}.polaroid-expanded{background:#fffdf6;max-width:100%;margin:0;padding:14px 14px 26px;box-shadow:0 4px 16px #583d3024}.expanded-photo-image{justify-content:center;align-items:center;max-width:100%;display:flex}.expanded-photo-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:65dvh;display:block}.photo-placeholder-large{width:min(570px,70vw);height:min(400px,49dvh);font-size:16px}.photo-placeholder-large>span:first-child{font-size:64px}.polaroid-expanded figcaption{text-align:center;color:#816361;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 5px 0;font:italic clamp(15px,2vw,21px)/1.6 Georgia,serif}@keyframes photo-enlarge{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.letter-with-photo.has-tucked-photo{width:calc(100% - 38px);margin-top:62px}.tucked-photo{width:156px;padding:7px 7px 26px;top:-21px;right:-29px}.polaroid-caption{font-size:10px}.photo-dialog{padding:14px 14px 20px}.polaroid-expanded{padding:9px 9px 20px}.photo-close{align-self:center}.photo-pulling{transform:translate(14px,-24px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.theater-closing .curtain-left,.theater-closing .curtain-right,.theater-opening .curtain-left,.theater-opening .curtain-right{animation:none;transform:translate(0)}.theater-light,.photo-dialog{animation:none}.tucked-photo{transition:none}}@font-face{font-family:KeepsakeHand;src:url(/fonts/keepsake-handwriting.woff)format("woff");font-display:swap}.polaroid-caption,.polaroid-expanded figcaption{font-family:KeepsakeHand,Georgia,serif;font-style:normal}.scene-content{position:absolute;inset:0}.photo-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.expanded-photo-image img{max-height:65vh;max-height:65dvh}.kitkat-memory{mix-blend-mode:multiply;pointer-events:none;filter:drop-shadow(2px 5px 5px #7b423a24);transform-origin:50% 70%}.kitkat-crop{aspect-ratio:.43;width:100%;display:block;position:relative;overflow:hidden}.kitkat-crop img{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:100%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.kitkat-gold-glimmer{z-index:1;clip-path:polygon(10% 4%,88% 4%,88% 96%,10% 96%);opacity:0;background:linear-gradient(115deg,#0000 32%,#fff3bd55 47%,#0000 60%);animation:5.5s ease-in-out 1.2s infinite kitkat-glint;position:absolute;inset:0}.kitkat-reveal{float:right;width:clamp(72px,13vw,108px);margin:0 -3px 24px 28px;animation:1.1s both kitkat-settle,5.5s ease-in-out 1.1s infinite kitkat-breathe;display:block;position:relative;transform:rotate(7deg)}.letter-signature{clear:both}@keyframes kitkat-settle{0%{opacity:0;transform:rotate(15deg)translate(18px,-16px)}to{opacity:1;transform:rotate(7deg)translate(0)}}@keyframes kitkat-breathe{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(5deg)translateY(-3px)}}@keyframes kitkat-glint{0%,65%,to{opacity:0;transform:translate(-20%)}75%{opacity:.45}90%{opacity:0;transform:translate(25%)}}@media (max-width:600px){.kitkat-reveal{width:78px;margin-left:20px}}@media (prefers-reduced-motion:reduce){.kitkat-reveal,.kitkat-gold-glimmer{animation:none}.kitkat-gold-glimmer{display:none}}.music-start-screen{z-index:110;text-align:center;color:#d9eacb;background:radial-gradient(at 50% 42%,#143021,#040b07 58%,#020503);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:28px;display:flex;position:absolute;inset:0}.music-start-heart{color:#adcca1;text-shadow:0 0 30px #65bd6c35;font:56px Georgia,serif}.music-start-button{color:#e7efd9;cursor:pointer;touch-action:manipulation;background:#1a3929a6;border:1px solid #719f6b88;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:17px 30px;font:15px/1.4 Georgia,serif;transition:background .2s,transform .2s;display:flex;box-shadow:0 0 35px #77b57812}.music-start-button:active{background:#234c35;transform:scale(.98)}.music-start-button:disabled{opacity:.65;cursor:wait}:is(.music-start-button:focus-visible,.music-control:focus-visible,.music-without:focus-visible){outline-offset:5px;outline:2px solid #cebca1}.music-start-song{letter-spacing:.08em;color:#85a58c;font:11px/1.5 system-ui,sans-serif}.music-error{color:#e2c5ba;max-width:280px;margin:0;font:13px/1.6 system-ui,sans-serif}.music-without{color:#bdd0b2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-bottom:1px solid #93ab8c;min-height:44px;padding:8px 0;font:12px system-ui,sans-serif}.music-control-wrap{z-index:90;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.music-control{pointer-events:auto;color:#77575e;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(6px);background:#fff8eddf;border:1px solid #bb9c8855;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font:10px/1.3 system-ui,sans-serif;display:inline-flex;box-shadow:0 2px 10px #422c2912}main[data-scene=greeting] .music-control{color:#c6d9b7;background:#101b14d9;border-color:#6c8f6066}.music-control:disabled{opacity:.6;cursor:wait}.music-control-error{color:#8f4d59;text-align:right;background:#fff8efed;border-radius:6px;max-width:220px;padding:6px 10px;font:10px/1.5 system-ui,sans-serif}@media (max-width:600px){.music-control{gap:0;min-width:42px;padding:10px}.music-control span{display:none}}@media (prefers-reduced-motion:reduce){.music-start-button{transition:none}}@media (min-width:601px){.reader-nav{padding-right:124px}}.kitkat-tucked{z-index:1;pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:94px;min-height:44px;padding:0;animation:6s ease-in-out infinite kitkat-tucked-float;display:block;position:absolute;top:-86px;right:28px;transform:rotate(12deg)}.kitkat-tucked:focus-visible{outline-offset:6px;border-radius:8px;outline:2px solid #b68a45}.kitkat-tucked:hover{filter:drop-shadow(2px 7px 7px #7b423a44)}@keyframes kitkat-tucked-float{0%,to{transform:rotate(13deg)translateY(0)}50%{transform:rotate(11deg)translateY(-3px)}}.special-letter-dialog{width:min(700px,100vw - 28px);max-width:none;max-height:calc(100vh - 28px);color:#684952;background:#f3e1dd;border:0;border-radius:18px;height:fit-content;max-height:calc(100dvh - 28px);margin:auto;padding:18px;animation:.65s cubic-bezier(.2,.7,.3,1) both special-note-open;position:fixed;inset:0;overflow:auto;box-shadow:0 22px 90px #40242c66}.special-letter-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#3e263499}.special-letter-close{background:#fff8f1;min-height:44px;margin:0 0 24px auto;display:flex}.special-letter-paper{transform-origin:50% 0;background:repeating-linear-gradient(1deg,#af967308 0 1px,#0000 1px 4px),linear-gradient(110deg,#fff9ed,#fff3ee);border:1px solid #d8b88388;border-radius:7px;padding:40px clamp(24px,6vw,65px) 30px;position:relative;box-shadow:0 5px 14px #6b433c18}.special-letter-paper:before{content:"";pointer-events:none;border:1px dashed #cfac9955;border-radius:4px;position:absolute;inset:10px}.special-ribbon{text-align:center;color:#b77887;margin-bottom:20px;font:54px/1 Georgia,serif;display:block}.special-seal{color:#ac7539;background:#f3deb5;border:1px solid #c9a065;border-radius:50%;place-items:center;width:35px;height:35px;font-size:24px;display:grid;position:absolute;top:24px;right:23px;transform:rotate(12deg)}.special-letter-paper h2{text-align:center;color:#9c6271;overflow-wrap:anywhere;margin:0 0 34px;font:clamp(30px,5vw,42px)/1.3 KeepsakeHand,Georgia,serif}.special-letter-paper .letter-body,.special-letter-paper .letter-greeting{font-size:18px;line-height:1.85}.special-letter-hearts{text-align:center;color:#bd8991;letter-spacing:8px;margin-top:35px;font-size:23px;display:block}@keyframes special-note-open{0%{opacity:0;transform:translateY(26px)scale(.94)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (max-width:600px){.kitkat-tucked{width:82px;top:-76px;right:22px}.letter-with-photo.has-tucked-kitkat{margin-top:96px}.special-letter-dialog{padding:12px}.special-letter-paper{padding-top:34px}.special-seal{width:29px;height:29px;font-size:20px;top:18px;right:17px}}@media (prefers-reduced-motion:reduce){.kitkat-tucked,.special-letter-dialog{animation:none}}.letter-reader{background:repeating-linear-gradient(43deg,#ad7e7405 0 1px,#0000 1px 4px),#efe3db}.letter-with-photo .letter-paper{min-height:85vh;color:#56534a;background:radial-gradient(at 0 40%,#bbaa8720,#0000 65%),radial-gradient(at 100% 95%,#d8c9a61a,#0000 50%),repeating-linear-gradient(2deg,#93866b06 0 1px,#0000 1px 3px),#f6f0df;border-color:#c7b99b66;min-height:85dvh;padding:clamp(30px,5vw,58px) clamp(26px,6.5vw,72px) 28px;box-shadow:1px 2px 4px #5747371c,6px 13px 24px #57473718}.stationery-header{color:#797366;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:clamp(60px,9vw,100px);display:flex}.stationery-date{min-width:0;padding-top:3px;display:block}.stationery-date-boxes{gap:7px;display:flex}.stationery-date-boxes>span{color:#696254;border:1px solid #9187758c;place-items:center;width:clamp(25px,3.7vw,37px);height:clamp(29px,4vw,39px);font:22px/1 KeepsakeHand,Georgia,serif;display:grid}.stationery-date-boxes .date-group-start{margin-left:5px}.stationery-date-label{letter-spacing:.04em;color:#958a76;margin-top:12px;font:10px/1.5 Georgia,serif;display:block}.stationery-postage{color:#746d60;border:1px solid #8f877572;flex-direction:column;flex:0 0 92px;justify-content:flex-end;align-items:center;width:92px;height:118px;padding:14px 9px 7px;display:flex;transform:rotate(.6deg)}.stationery-postage svg{flex-shrink:0;width:62px;height:62px}.stationery-postage>span{white-space:nowrap;font:20px/1 KeepsakeHand,Georgia,serif}.letter-paper h2{color:#62594f;margin-bottom:36px;font-family:KeepsakeHand,Georgia,serif;font-size:clamp(30px,4.5vw,42px);font-weight:400;line-height:1.3}.letter-paper .letter-body,.letter-paper .letter-greeting{color:#555147}.stationery-doodles{color:#87806f;pointer-events:none;justify-content:flex-end;align-items:center;gap:13px;min-height:140px;margin-top:65px;padding-top:10px;display:flex}.stationery-star{align-self:flex-start;width:41px;height:41px;margin-top:30px;transform:rotate(-12deg)}.stationery-little-world{font:30px/1.1 KeepsakeHand,Georgia,serif;transform:rotate(-4deg)}.stationery-little-world>span{font-size:44px}.stationery-fish{align-self:flex-end;width:110px;height:65px;transform:rotate(3deg)}@media (max-width:600px){.letter-with-photo .letter-paper{padding:27px 24px 20px}.stationery-header{gap:12px;margin-bottom:58px}.stationery-date-boxes{gap:4px}.stationery-date-boxes>span{width:clamp(17px,5.8vw,23px);height:28px;font-size:20px}.stationery-date-boxes .date-group-start{margin-left:2px}.stationery-postage{flex-basis:60px;width:60px;height:86px;padding:7px 4px}.stationery-postage svg{width:43px;height:44px}.stationery-postage>span{font-size:15px}.stationery-doodles{gap:8px;min-height:115px;margin-top:45px}.stationery-star{width:29px;height:29px}.stationery-little-world{font-size:25px}.stationery-little-world>span{font-size:35px}.stationery-fish{width:74px;height:52px}}.envelope-grid{max-width:1000px}.stationery-header{margin-bottom:42px}.stationery-postage{border:0;flex-basis:62px;justify-content:center;width:62px;height:65px;padding:0;transform:none}.stationery-doodles{min-height:90px;margin-top:36px}.you-acrostic{color:#65534d;flex-direction:column;gap:26px;padding:4px 0 16px;display:flex;position:relative}.you-acrostic-row{grid-template-columns:clamp(80px,12vw,120px) 16px minmax(0,1fr);align-items:center;gap:15px;display:grid}.you-initial{width:100%;height:auto;display:block;overflow:visible;transform:rotate(-2deg)}.you-acrostic-row:nth-child(2) .you-initial{transform:rotate(2deg)}.you-acrostic-dash{color:#b34764;font:32px Georgia,serif}.you-acrostic-row p{white-space:pre-wrap;overflow-wrap:anywhere;color:#674d4e;margin:0;font:clamp(25px,3.9vw,37px)/1.35 KeepsakeHand,Georgia,serif}.you-acrostic-heart{color:#be6179;font:34px Georgia,serif;position:absolute;bottom:-7px;right:-6px;transform:rotate(15deg)}@media (min-width:601px) and (max-width:950px){.envelope-grid{gap:30px 26px;max-width:660px}.envelope-card-wrap:last-child{width:calc(50% - 13px)}}@media (max-width:600px){.envelope-grid{max-width:290px}.card-cover-title{font-size:22px}.letter-with-photo .letter-paper{padding:26px 22px 20px}.stationery-header{margin-bottom:32px}.stationery-postage{flex-basis:43px;width:43px;height:45px;padding:0}.you-acrostic{gap:24px}.you-acrostic-row{grid-template-columns:64px 10px minmax(0,1fr);gap:9px}.you-acrostic-dash{font-size:23px}.you-acrostic-row p{font-size:25px;line-height:1.3}.stationery-doodles{min-height:85px;margin-top:28px}}.reminder-letter{color:#67594f;font-family:KeepsakeHand,Georgia,serif}.reminder-greeting{text-align:center;white-space:pre-wrap;max-width:540px;margin:0 auto 34px;font-size:clamp(30px,4.3vw,42px);line-height:1.2}.reminder-greeting>span{color:#be8190;margin-left:12px;font:25px Georgia,serif;display:inline-block;transform:rotate(12deg)}.reminder-orbit{grid-template-columns:minmax(0,1fr) minmax(120px,.9fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.reminder-letter ul{margin:0;padding:0;list-style:none}.reminder-letter li{overflow-wrap:anywhere;line-height:1.15}.reminder-letter li>span{color:#bc7c87;vertical-align:middle;margin-left:7px;font:15px Georgia,serif;display:inline-block}.reminder-words{flex-direction:column;justify-content:space-around;gap:17px;font-size:clamp(22px,2.6vw,28px);display:flex;padding:24px 0!important}.reminder-left{text-align:right}.reminder-right{text-align:left}.reminder-words li:nth-child(3n+1){transform:rotate(-3deg)}.reminder-words li:nth-child(3n+2){transform:rotate(2deg)}.reminder-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:16px;display:flex}.reminder-loved{font-size:28px;transform:rotate(-3deg)}.reminder-character{width:100%;max-width:185px;height:auto;display:block}.reminder-under{flex-direction:column;gap:15px;font-size:25px;display:flex}.reminder-traits{text-align:center;flex-wrap:wrap;justify-content:center;gap:18px 24px;font-size:27px;display:flex;margin-top:40px!important}.reminder-traits li:nth-child(odd){transform:rotate(-2deg)}.reminder-signature{text-align:center;white-space:pre-wrap;color:#a46c79;margin:30px 0 0;font-size:36px;line-height:1.3}@media (max-width:600px){.reminder-greeting{margin-bottom:24px;font-size:32px}.reminder-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reminder-center{grid-area:1/1/auto/-1;gap:8px;padding-top:0}.reminder-character{width:142px}.reminder-loved,.reminder-under{font-size:26px}.reminder-under{flex-flow:wrap;justify-content:center;gap:10px 18px}.reminder-words{gap:21px;font-size:25px;padding:6px 0!important}.reminder-left,.reminder-right{text-align:center}.reminder-traits{gap:16px 18px;font-size:25px;margin-top:30px!important}.reminder-signature{font-size:32px}}.letter-with-photo{max-width:620px}.letter-with-photo .letter-paper{min-height:55vh;min-height:55dvh;padding:28px clamp(24px,4vw,42px) 22px;animation:.5s cubic-bezier(.22,.65,.3,1) both reading-paper-arrive}.is-opening .card-cover{will-change:transform,opacity;animation:1.25s cubic-bezier(.33,0,.22,1) both gentle-card-open}.is-opening .card-inner-paper{animation:1.25s cubic-bezier(.33,0,.22,1) both gentle-paper-open}@keyframes gentle-card-open{0%{opacity:1;transform:rotateY(0)}72%{opacity:1}to{opacity:0;transform:rotateY(-98deg)}}@keyframes gentle-paper-open{0%{filter:brightness(.96);transform:translate(0)}to{filter:brightness();transform:translate(4px)}}@keyframes reading-paper-arrive{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.letter-with-photo.has-tucked-kitkat{margin-top:258px}.kitkat-tucked{width:112px;top:-238px;right:25px;transform:rotate(8deg)}@media (min-width:601px) and (max-width:950px){.envelope-grid{gap:28px 24px;max-width:560px}.envelope-card-wrap:last-child{width:calc(50% - 12px)}}@media (max-width:600px){.envelope-grid{gap:28px;max-width:240px}.card-cover-title{font-size:20px}.letter-with-photo .letter-paper{padding:24px 22px 20px}.kitkat-tucked{width:104px;top:-220px;right:22px}.letter-with-photo.has-tucked-kitkat{margin-top:242px}}@media (prefers-reduced-motion:reduce){.is-opening .card-cover,.is-opening .card-inner-paper,.letter-with-photo .letter-paper{animation:none}}.envelope-grid{gap:clamp(22px,3vw,40px);max-width:1000px}.letter-with-photo{width:94%;max-width:560px}.letter-with-photo .letter-paper{min-height:48vh;min-height:48dvh;padding:24px 28px 20px}.letter-paper .stationery-header{margin-bottom:25px}.letter-paper .letter-body,.letter-paper .letter-greeting{font-size:17px;line-height:1.85}.letter-paper .you-acrostic{gap:18px}.letter-paper .you-acrostic-row{grid-template-columns:92px 12px minmax(0,1fr);gap:12px}.letter-paper .you-acrostic-row p{font-size:30px}.letter-paper .reminder-greeting{margin-bottom:24px;font-size:32px}.letter-paper .reminder-words{gap:14px;font-size:23px}.letter-paper .reminder-character{max-width:145px}.letter-paper .reminder-traits{gap:14px 18px;font-size:23px;margin-top:27px!important}.letter-paper .reminder-signature{margin-top:24px;font-size:30px}.letter-paper .reminder-under{font-size:22px}.letter-paper .stationery-doodles{min-height:75px;margin-top:24px}.is-opening .card-cover,.is-opening .card-inner-paper{animation-duration:1.1s}.card-real-interior{text-align:left;pointer-events:none;background:#f6f0df;padding:0;display:block;overflow:hidden}.card-inner-preview{box-sizing:border-box;transform-origin:0 0;color:#56534a;background:#f6f0df;width:620px;min-height:790px;padding:28px 42px 22px;position:absolute;top:0;left:0;transform:scale(.3)}.card-inner-preview .stationery-header{margin-bottom:32px}.card-inner-preview h2{color:#62594f;margin:0 0 36px;font:34px/1.3 KeepsakeHand,Georgia,serif}.card-inner-preview .reminder-orbit{grid-template-columns:minmax(0,1fr) minmax(120px,.9fr) minmax(0,1fr)}.card-inner-preview .reminder-center{grid-area:auto;padding-top:16px}.card-inner-preview .reminder-under{flex-direction:column}.card-inner-preview .reminder-left{text-align:right}.card-inner-preview .reminder-right{text-align:left}@media (min-width:601px) and (max-width:950px){.envelope-grid{gap:30px 26px;max-width:660px}.envelope-card-wrap:last-child{width:calc(50% - 13px)}}@media (max-width:600px){.envelope-grid{max-width:290px}.card-cover-title{font-size:22px}.letter-with-photo .letter-paper{padding:22px 20px 18px}.letter-paper .you-acrostic-row{grid-template-columns:58px 10px minmax(0,1fr);gap:8px}.letter-paper .you-acrostic-row p{font-size:25px}.letter-paper .reminder-words{font-size:23px}.letter-paper .reminder-character{width:125px}.letter-paper .reminder-greeting{font-size:30px}}.letter-with-photo .letter-paper.is-you-letter{min-height:0;padding-top:20px;padding-bottom:20px}.letter-paper.is-you-letter .you-acrostic{gap:12px;padding:0 0 8px}.letter-paper.is-you-letter .you-acrostic-row{grid-template-columns:68px 10px minmax(0,1fr);gap:10px}.letter-paper.is-you-letter .you-acrostic-row p{font-size:27px;line-height:1.22}.is-you-letter .stationery-date-boxes>span{height:30px;font-size:20px}.is-you-letter .stationery-postage svg{width:50px;height:50px}.tucked-video .polaroid-image{aspect-ratio:3/4;position:relative}.tucked-video .polaroid-image img{object-fit:cover}.tucked-video-play{color:#fff;text-shadow:0 2px 12px #000;background:#0002;place-items:center;font:28px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.tucked-video .polaroid-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-dialog{width:min(720px,100vw - 28px)}.expanded-photo-image video{max-width:100%;max-height:58vh;object-fit:contain;background:#211b20;width:auto;height:auto;max-height:58dvh;display:block}.video-dialog .polaroid-expanded{width:100%;max-width:100%}.video-dialog .polaroid-expanded figcaption{margin-top:18px;font-size:clamp(20px,3vw,26px);line-height:1.35}@media (max-width:600px){.letter-paper.is-you-letter .you-acrostic-row{grid-template-columns:54px 8px minmax(0,1fr);gap:8px}.letter-paper.is-you-letter .you-acrostic-row p{font-size:24px}.video-dialog .polaroid-expanded figcaption{font-size:22px}}.letter-with-photo .letter-paper.is-you-letter{padding-top:25px;padding-bottom:25px}.is-you-letter .stationery-header{margin-bottom:21px}.letter-paper.is-you-letter .you-acrostic{gap:19px;padding-bottom:12px}.letter-paper.is-you-letter .you-acrostic-row{grid-template-columns:82px 10px minmax(0,1fr)}.letter-paragraphs{text-align:left;white-space:normal}.letter-paragraphs>p{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 1.35em}.letter-paragraphs>p:last-child{margin-bottom:0}@media (max-width:600px){.letter-paper.is-you-letter .you-acrostic-row{grid-template-columns:64px 8px minmax(0,1fr)}}.envelope-card-wrap{isolation:isolate;min-width:0;position:relative}.envelope-card-wrap>.envelope-card{z-index:2;width:100%;display:block;position:relative}.envelope-card-wrap.has-card-keepsake{margin-bottom:52px}.envelope-card-wrap>.kitkat-tucked{z-index:1;width:96px;top:auto;bottom:-47px;right:-29px;transform:rotate(13deg)}.envelope-card-wrap>.kitkat-tucked:disabled{cursor:default}.special-journal-photo{background:#fffaf0;margin:0;padding:7px;transform:rotate(-.4deg);box-shadow:0 3px 12px #68452d1c}.special-journal-photo img{object-fit:contain;border-radius:1px;width:100%;height:auto;display:block}@media (max-width:600px){.envelope-card-wrap>.kitkat-tucked{width:90px;bottom:-49px;right:-20px}.envelope-card-wrap.has-card-keepsake{margin-bottom:46px}.special-journal-photo{padding:4px}}.envelope-card-wrap>.envelope-card{pointer-events:none}.envelope-card-wrap .envelope-art{pointer-events:auto}.keepsake-gallery{background:radial-gradient(at 45% 15%,#fff9ef,#f0e3da 65%,#e6d4cd);padding:0 clamp(18px,5vw,70px) 45px;animation:none}.gallery-nav{z-index:5;-webkit-backdrop-filter:blur(10px);background:#f8eee5e8;justify-content:space-between;align-items:center;gap:15px;max-width:1100px;margin:auto;padding:18px 110px 18px 0;display:flex;position:sticky;top:0}.gallery-nav>span{color:#a1867b;white-space:nowrap;font:11px Georgia,serif}.gallery-heading{text-align:center;color:#805861;margin:35px auto 48px}.gallery-heading>span{color:#b78e8c;font:30px Georgia,serif}.gallery-heading h2{margin:15px 0 0;font:400 clamp(40px,6vw,64px)/1.2 KeepsakeHand,Georgia,serif}.gallery-heading p{white-space:pre-wrap;max-width:600px;margin:20px auto;font:17px/1.7 Georgia,serif}.keepsake-photo-wall{column-count:3;column-gap:30px;max-width:1050px;margin:auto;padding:8px}.gallery-polaroid{break-inside:avoid;cursor:pointer;touch-action:manipulation;color:#a5797d;text-align:left;background:#fffcf3;border:1px solid #d5c7b866;border-radius:1px;width:100%;margin:0 0 28px;padding:10px 10px 8px;transition:box-shadow .2s;display:block;box-shadow:1px 2px 3px #604a3414,5px 9px 18px #604a3420}.gallery-polaroid img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.photo-tilt-0{transform:rotate(-1.3deg)}.photo-tilt-1{transform:rotate(1deg)}.photo-tilt-2{transform:rotate(-.5deg)}.photo-tilt-3{transform:rotate(1.4deg)}.gallery-polaroid:focus-visible{outline-offset:5px;outline:2px solid #ad6d80}.gallery-polaroid:hover{box-shadow:1px 3px 5px #604a3420,5px 12px 22px #604a3430}.gallery-photo-caption{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 3px;font:24px/1.2 KeepsakeHand,Georgia,serif;display:flex}.gallery-photo-caption>span{color:#c7979a;font:18px Georgia,serif}.gallery-ending{flex-direction:column;align-items:center;gap:22px;margin:40px 0 0;display:flex}.gallery-ending>span{color:#bb8e92;font:30px Georgia,serif}.gallery-lightbox{width:min(1000px,100vw - 28px);max-width:none;max-height:calc(100vh - 28px);color:#805861;background:#eee0d6;border:0;border-radius:8px;height:fit-content;max-height:calc(100dvh - 28px);margin:auto;padding:18px;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 90px #241b2566}.gallery-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);background:#2c202bcc}.gallery-lightbox-content{flex-direction:column;align-items:center;gap:16px;display:flex}.gallery-close{background:#fff9ef;align-self:flex-end;min-height:44px}.gallery-expanded-polaroid{background:#fffaf0;max-width:100%;margin:0;padding:10px;box-shadow:0 4px 16px #604a3420}.gallery-image-view{touch-action:pan-y;justify-content:center;align-items:center;display:flex}.gallery-image-view img{max-width:100%;max-height:65vh;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:auto;max-height:65dvh;animation:.25s both gallery-photo-appear;display:block}.gallery-expanded-polaroid figcaption{white-space:pre-wrap;text-align:center;margin:16px 4px 6px;font:25px/1.4 KeepsakeHand,Georgia,serif}.gallery-photo-controls{align-items:center;gap:22px;display:flex}.gallery-photo-controls button{background:#fff8ed;min-width:54px;min-height:46px;font-size:20px}.gallery-photo-controls>span{text-align:center;min-width:55px;font:13px Georgia,serif}.gallery-image-fallback{color:#b4908b;background:#eee1d6;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:min(500px,70vw);height:45vh;font:35px Georgia,serif;display:flex}.gallery-image-fallback>span{font-size:16px}@keyframes gallery-photo-appear{0%{opacity:.4}to{opacity:1}}@media (max-width:950px){.keepsake-photo-wall{column-count:2;column-gap:24px;max-width:740px}}@media (max-width:600px){.keepsake-gallery{padding:0 16px 35px}.gallery-nav{padding-right:56px}.gallery-nav>span{display:none}.gallery-heading{margin:28px auto 35px}.keepsake-photo-wall{column-gap:14px;padding:4px}.gallery-polaroid{margin-bottom:18px;padding:6px 6px 4px}.gallery-photo-caption{padding:8px 2px 2px;font-size:20px}.gallery-lightbox{padding:12px}.gallery-expanded-polaroid{padding:6px}.gallery-photo-controls{gap:18px}}@media (prefers-reduced-motion:reduce){.gallery-polaroid{transition:none}.gallery-image-view img{animation:none}}.keepsake-gallery{display:block}.gallery-polaroid{-webkit-column-break-inside:avoid}.keepsake-closing-message{text-align:center;white-space:pre-wrap;color:#8c6170;max-width:570px;margin:0 0 5px;font:clamp(28px,4vw,37px)/1.4 KeepsakeHand,Georgia,serif}.save-letters{text-align:center;flex-direction:column;align-items:center;gap:15px;max-width:570px;display:flex}.save-letters>.next-button{color:#fff8ed;background:#945b69;border-color:#945b69;min-height:50px;padding:15px 30px}.save-letters>.next-button:disabled{opacity:.65;cursor:wait}.pdf-ready-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pdf-ready-links>a{text-decoration:none}.pdf-save-hint{color:#987b78;margin:0;font:12px/1.6 Georgia,serif}.pdf-export-error{color:#9b425b;margin:0;font:13px/1.6 Georgia,serif}