:root{--ink:#481f27;--muted-ink:#80555b;--paper:#fff3ef;--blush:#e66f79;--deep-rose:#a52d45;--serif:Iowan Old Style, Baskerville, Times New Roman, serif;--hand:Bradley Hand, Segoe Print, Comic Sans MS, cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--serif);margin:0}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--deep-rose);outline-offset:4px}.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}.lock-screen{isolation:isolate;background:radial-gradient(circle at 50% 42%,#fff8f4f2 0 20%,#0000 57%),linear-gradient(135deg,#efc4c1,#fae9e4 50%,#e9b7b8);place-items:center;min-height:100svh;padding:48px 20px 76px;display:grid;position:relative;overflow:hidden}.lock-screen:before,.lock-screen:after{content:"";border:1px solid #9b4f552e;border-radius:50%;width:32vw;height:32vw;position:absolute}.lock-screen:before{top:-20vw;right:-12vw;box-shadow:0 0 0 28px #ffffff1a,0 0 0 70px #9b4f550a}.lock-screen:after{bottom:-22vw;left:-12vw;box-shadow:0 0 0 28px #ffffff1a,0 0 0 70px #9b4f550a}.lock-grain,.paper-noise{z-index:-1;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E");position:fixed;inset:0}.lock-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2db;border:1px solid #61443a29;width:min(460px,100%);padding:78px 54px 48px;animation:.9s cubic-bezier(.2,.8,.2,1) both card-arrival;position:relative;box-shadow:0 30px 90px #5d383329}.lock-card:before{content:"";pointer-events:none;border:1px solid #9b4f5526;position:absolute;inset:10px}.wax-seal{background:#9d283f;border-radius:45% 55% 48% 52%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:-36px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-6deg);box-shadow:inset 0 0 0 5px #ffffff14,0 5px 10px #48121f3d}.wax-seal img,.surprise-seal img{object-fit:contain;opacity:.9;width:86%;height:86%}.eyebrow{color:var(--deep-rose);letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px;font:700 11px ui-sans-serif,system-ui,sans-serif}.lock-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,6vw,54px);font-weight:400;line-height:.96}.lock-copy{max-width:310px;color:var(--muted-ink);margin:24px auto 30px;font-size:17px;line-height:1.65}.google-button{cursor:pointer;width:100%;min-height:54px;color:var(--ink);background:#fffdf9;border:1px solid #3f332f38;border-radius:2px;justify-content:center;align-items:center;gap:13px;font:600 14px ui-sans-serif,system-ui,sans-serif;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 3px #3f332f12}.google-button:hover{border-color:var(--deep-rose);transform:translateY(-2px);box-shadow:0 7px 16px #5837321a}.google-button span{color:#4285f4;background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.privacy-note{color:#8f7d76;margin:18px 0 0;font:11px ui-sans-serif,system-ui,sans-serif}.privacy-note span{color:var(--blush);margin-right:5px}.botanical{z-index:-1;color:#54684c47;transform-origin:50%;font-size:clamp(76px,12vw,160px);display:flex;position:absolute}.botanical span:nth-child(2){transform:translate(-35%,28%)rotate(35deg)}.botanical span:nth-child(3){transform:translate(-75%,65%)rotate(75deg)}.botanical-left{bottom:0;left:-3vw;transform:rotate(-20deg)}.botanical-right{top:-3vw;right:-4vw;transform:rotate(155deg)}.lock-footer{text-align:center;color:#9a8780;width:100%;font:13px var(--hand);letter-spacing:.04em;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.opening-sequence{z-index:100;isolation:isolate;perspective:1400px;color:var(--ink);background:radial-gradient(circle at 50% 48%,#fff9f3 0 12%,#f7ded8 48%,#dca5aa 100%);place-items:center;animation:4.35s both opening-finish;display:grid;position:fixed;inset:0;overflow:hidden}.opening-sequence:before{z-index:-1;content:"";opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.opening-envelope-stage{z-index:2;aspect-ratio:1.48;width:clamp(260px,48vw,430px);transform-style:preserve-3d;animation:.7s cubic-bezier(.18,.8,.24,1) both envelope-arrive,.9s cubic-bezier(.4,0,.2,1) 1.7s forwards envelope-yield;position:relative}.opening-envelope{transform-style:preserve-3d;filter:drop-shadow(0 28px 30px #5b2a2d38);position:absolute;inset:0}.opening-envelope-back{background:#f4d6cb;border:1px solid #683f3726;position:absolute;inset:0}.opening-letter-card{z-index:2;height:88%;color:var(--ink);background:#fffaf0;border:1px solid #61443a21;justify-content:center;align-items:center;gap:11px;font-size:28px;animation:1.05s cubic-bezier(.2,.75,.2,1) 1.08s both letter-rise;display:flex;position:absolute;bottom:8%;left:7%;right:7%;box-shadow:0 8px 18px #542c2a1f}.opening-letter-card:after{content:"";border:1px solid #a52d451f;position:absolute;inset:10px}.opening-letter-card i{color:var(--deep-rose);font-size:15px;font-style:normal}.opening-letter-card small{color:var(--deep-rose);letter-spacing:.2em;text-transform:uppercase;font:700 8px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:18%}.opening-envelope-pocket{z-index:3;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:#efd0c5;position:absolute;inset:0;overflow:hidden}.opening-envelope-pocket:after{content:"";opacity:.45;background:linear-gradient(145deg,#0000 49.5%,#854d4329 50%,#0000 50.5%),linear-gradient(215deg,#0000 49.5%,#854d4329 50%,#0000 50.5%);position:absolute;inset:0}.opening-envelope-flap{z-index:5;transform-origin:50% 0;transform-style:preserve-3d;clip-path:polygon(0 0,100% 0,50% 100%);-webkit-backface-visibility:visible;backface-visibility:visible;background:linear-gradient(165deg,#f9e1d7,#e7bdb5);animation:.8s cubic-bezier(.4,0,.2,1) .65s both flap-open;position:absolute;inset:0 0 41%}.opening-seal{z-index:6;background:#9d283f;border-radius:46% 54% 48% 52%;place-items:center;width:62px;height:62px;animation:.65s cubic-bezier(.2,.8,.2,1) .69s both seal-break;display:grid;position:absolute;top:43%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:inset 0 0 0 4px #ffffff14,0 7px 14px #48121f3d}.opening-seal img{object-fit:contain;width:88%;height:88%}.opening-page{z-index:7;opacity:0;color:var(--ink);clip-path:inset(45% 38% 44%);transform-origin:50%;background:linear-gradient(#ffefeb4d,#fff3efe6),radial-gradient(circle at 50% 35%,#fff9f5 0 16%,#0000 48%),linear-gradient(120deg,#efb9ba,#fbe4df 46%,#e7adb1);place-items:center;animation:1.35s cubic-bezier(.68,0,.18,1) 1.72s both page-unfold;display:grid;position:fixed;inset:0;overflow:hidden;transform:translateY(9vh)scale(.78)}.opening-page:before,.opening-page:after{content:"";border:1px solid #9b4f5524;border-radius:50%;width:32vw;height:32vw;position:absolute}.opening-page:before{top:-20vw;right:-12vw}.opening-page:after{bottom:-22vw;left:-12vw}.opening-page-fold{z-index:3;pointer-events:none;background:#fff9f426;height:50%;position:absolute;left:0;right:0}.opening-page-fold-top{transform-origin:bottom;animation:.72s cubic-bezier(.4,0,.2,1) 1.84s both unfold-top;top:0}.opening-page-fold-bottom{transform-origin:top;animation:.72s cubic-bezier(.4,0,.2,1) 1.84s both unfold-bottom;bottom:0}.opening-page-mark{opacity:0;margin:0;font-size:17px;animation:.5s 2.75s both opening-copy-in;position:absolute;top:24px;left:clamp(22px,5vw,72px)}.opening-page-mark span{color:var(--deep-rose);font-size:11px}.opening-page-message{z-index:2;text-align:center;opacity:0;padding:24px;animation:.6s 2.7s both opening-copy-in;position:relative}.opening-page-message small{color:var(--deep-rose);letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px;font:700 10px ui-sans-serif,system-ui,sans-serif;display:block}.opening-page-message p,.opening-page-message strong{letter-spacing:-.065em;margin:0;font-size:clamp(54px,9.2vw,126px);font-weight:400;line-height:.86;display:block}.opening-page-message strong{color:var(--deep-rose);margin-top:12px;font-style:italic}.opening-skip{z-index:10;cursor:pointer;color:#6d5152;letter-spacing:.08em;text-transform:uppercase;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf49e;border:1px solid #481f2733;border-radius:999px;padding:10px 13px;font:600 10px ui-sans-serif,system-ui,sans-serif;animation:.3s .7s both opening-skip-in;position:fixed;bottom:22px;right:22px}.opening-skip:hover{color:var(--deep-rose);background:#fffaf4e6}.opening-ambient{z-index:1;pointer-events:none;position:absolute;inset:0}.opening-ambient i{color:#912a3e38;font-family:var(--serif);opacity:0;font-size:22px;font-style:normal;animation:2.4s ease-in-out both opening-heart;position:absolute}.opening-ambient i:first-child{animation-delay:.25s;top:14%;left:15%}.opening-ambient i:nth-child(2){font-size:15px;animation-delay:.48s;top:24%;right:17%}.opening-ambient i:nth-child(3){font-size:28px;animation-delay:.36s;bottom:18%;left:22%}.opening-ambient i:nth-child(4){animation-delay:.62s;bottom:24%;right:12%}.opening-ambient i:nth-child(5){font-size:13px;animation-delay:.7s;top:47%;left:7%}.opening-ambient i:nth-child(6){font-size:18px;animation-delay:.18s;top:10%;right:38%}.memory-book.is-opening{pointer-events:none}.memory-book{scroll-behavior:smooth;scroll-snap-type:y proximity;overscroll-behavior-y:contain;background:var(--paper);height:100svh;overflow:hidden auto}.paper-noise{z-index:10;mix-blend-mode:multiply}.hero,.memories,.letter-section,.surprise-section{scroll-snap-align:start;scroll-snap-stop:normal}.hero>:not(.heart-field,.scroll-note),.memories>:not(.heart-field),.letter-section>:not(.heart-field),.surprise-section>:not(.heart-field){z-index:1;position:relative}.memory-nav{z-index:20;color:#6b5953;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:24px clamp(22px,5vw,72px);font-family:ui-sans-serif,system-ui,sans-serif;animation:.9s cubic-bezier(.2,.8,.2,1) both nav-arrive;display:grid;position:absolute;top:0;left:0}.memory-nav p{letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.wordmark{color:var(--ink);font-family:var(--serif);justify-self:start;font-size:17px;text-decoration:none}.wordmark span{color:var(--deep-rose);font-size:11px}.sound-toggle{cursor:pointer;color:#6b5953;font:12px var(--hand);background:0 0;border:0;justify-self:end;align-items:center;gap:9px;display:inline-flex}.sound-bars{align-items:end;gap:2px;height:14px;display:flex}.sound-bars i{background:var(--deep-rose);width:2px;height:7px;display:block}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:9px}.is-playing .sound-bars i{animation:.7s ease-in-out infinite alternate sound}.is-playing .sound-bars i:nth-child(2){animation-delay:-400ms}.is-playing .sound-bars i:nth-child(3){animation-delay:-200ms}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#ffefeb4d,#fff3efe6),radial-gradient(circle at 50% 35%,#fff9f5 0 16%,#0000 48%),linear-gradient(120deg,#efb9ba,#fbe4df 46%,#e7adb1);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:112% 112%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:130px 24px 100px;animation:12s ease-in-out infinite alternate hero-breathe;display:flex;position:relative}.hero:before,.hero:after{content:"";border:1px solid #697b642b;border-radius:50% 50% 20% 20%;width:clamp(120px,19vw,290px);height:clamp(210px,37vw,520px);position:absolute;top:21%;transform:rotate(28deg)}.hero:before{left:-11vw}.hero:after{right:-11vw;transform:scaleX(-1)rotate(28deg)}.hero h1{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(58px,9.2vw,128px);font-weight:400;line-height:.86}.hero h1 span{color:var(--deep-rose);margin-top:12px;font-style:italic;display:block}.hero-note{max-width:520px;color:var(--muted-ink);margin:35px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.65}.heart-reveal{width:50px;height:50px;margin-top:35px}.stitched-heart-wrap{width:50px;height:50px;position:relative}.heart-tap-cue{color:#8f7d76;pointer-events:none;transform-origin:0;align-items:center;gap:3px;width:132px;animation:2.8s ease-in-out infinite tap-cue-float;display:flex;position:absolute;top:18px;left:43px;transform:rotate(-4deg)}.heart-tap-cue svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;width:76px;height:38px;overflow:visible}.heart-tap-cue span{font:12px var(--hand);white-space:nowrap;margin-top:8px}.stitched-heart{cursor:pointer;width:50px;height:50px;color:var(--deep-rose);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.stitched-heart:before{z-index:0;content:"";background:#fff8f538;border:1px dashed #9b4f558c;transition:background .22s,box-shadow .22s;animation:14s linear infinite heart-idle-spin;position:absolute;inset:0}.stitched-heart-wrap.is-spinning .stitched-heart:before{animation:.76s cubic-bezier(.2,.75,.25,1) heart-tap-spin}.stitched-heart:hover:before{background:#fff8f58c;box-shadow:0 8px 24px #7d25351f}.stitched-heart:active:before{background:#fff8f5bf}.heart-symbol{z-index:1;position:relative}.heart-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.heart-burst i{color:var(--blush);font-family:var(--serif);font-size:var(--burst-size);opacity:0;filter:drop-shadow(0 3px 2px #79233226);animation:heart-pop var(--burst-duration) cubic-bezier(.18,.76,.25,1) var(--burst-delay) both;font-style:normal;position:absolute;top:0;left:0}.heart-burst i:nth-child(3n){color:var(--deep-rose)}.heart-burst i:nth-child(4n){color:#ef9da0}.scroll-note{z-index:1;color:#8f7d76;font:12px var(--hand);flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-note span{animation:1.8s ease-in-out infinite bob}.memories{isolation:isolate;background:#f4d8d6;grid-template-columns:minmax(0,1fr);gap:52px;min-height:100svh;padding:88px 0 96px;display:grid;position:relative}.section-copy{text-align:center;max-width:520px;margin:auto;padding-inline:24px}.section-copy h2,.letters-intro h2{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(48px,12vw,78px);font-weight:400;line-height:.95}.section-copy>p:not(.eyebrow){color:var(--muted-ink);font-size:18px;line-height:1.75}.handwritten-note{color:var(--deep-rose);font:18px var(--hand);margin-top:22px;display:inline-block;transform:rotate(-4deg)}.album-wrap{min-width:0}.album-count{color:#9d6268;font:13px var(--hand);text-align:center;margin:0 24px 26px}.photo-album{width:min(76vw,320px);height:min(97vw,410px);margin:0 auto 34px;animation:5.5s ease-in-out infinite album-float;position:relative}.polaroid{width:100%;height:max-content;transform:translate(calc(var(--stack-position) * 5px),calc(var(--stack-position) * 7px)) rotate(var(--card-tilt));opacity:calc(1 - var(--stack-position) * .12);background:#fffaf7;padding:12px 12px 28px;transition:transform .52s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .35s;position:absolute;inset:0;box-shadow:0 18px 30px #5c253033}.polaroid.is-active{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translateX(var(--drag-x)) rotate(calc(var(--card-tilt) + var(--drag-rotation)));animation:4.5s ease-in-out infinite photo-glow}.polaroid.is-active:not(.is-dragging):not(.is-swiping-left):not(.is-swiping-right):hover{transform:translateY(-8px)rotate(0)scale(1.025);box-shadow:0 24px 40px #5c253040}.polaroid.is-active.is-dragging{cursor:grabbing;transition:none}.polaroid.is-active.is-swiping-left{opacity:0;transition:transform .32s cubic-bezier(.45,0,.8,.4),opacity .26s;transform:translate(-130vw)rotate(-18deg)}.polaroid.is-active.is-swiping-right{opacity:0;transition:transform .32s cubic-bezier(.45,0,.8,.4),opacity .26s;transform:translate(130vw)rotate(18deg)}.polaroid.is-buried{pointer-events:none;opacity:0}.polaroid>p{overflow-wrap:anywhere;min-height:20px;font:15px var(--hand);margin:14px 30px 0 5px}.memory-frame{aspect-ratio:.92;background:#eadbd6;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.memory-frame>img,.memory-frame>video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.photo-placeholder{text-align:center;color:#fffc;background:radial-gradient(circle at 60% 35%,#fff2db73 0 10%,#0000 11%),linear-gradient(145deg,#b98b82,#8b6e68 55%,#6e7666);place-content:center;display:grid}.placeholder-2{background:linear-gradient(145deg,#c7a97d,#9f7668 50%,#716458)}.placeholder-3{background:linear-gradient(145deg,#839184,#777468 50%,#9e766f)}.photo-placeholder span{font-size:44px}.photo-placeholder small{letter-spacing:.18em;text-transform:uppercase;margin-top:8px;font:9px ui-sans-serif,system-ui,sans-serif}.video-memory-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#230d14b8;border-radius:999px;padding:6px 9px;font:700 9px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:10px;right:10px}.photo-number{color:#b09d95;letter-spacing:.08em;font:10px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:12px;right:14px}.photo-focus-trigger{z-index:3;cursor:grab;background:0 0;border:0;position:absolute;inset:0}.photo-focus-trigger:active{cursor:grabbing}.album-controls{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.album-controls p{color:#9b6067;text-align:center;min-width:58px;margin:0;font:13px ui-sans-serif,system-ui,sans-serif}.album-controls strong{color:var(--deep-rose);font-size:17px}.album-controls button{cursor:pointer;width:42px;height:42px;color:var(--deep-rose);background:#fffaf7a3;border:1px solid #a52d4547;border-radius:50%;place-items:center;font-size:18px;transition:transform .18s,background .18s;display:grid}.album-controls button:hover{background:#fffaf7;transform:scale(1.08)}.album-controls button:disabled{cursor:default;opacity:.35}.album-controls .album-undo{width:34px;height:34px;font-size:16px}.album-empty{color:var(--deep-rose);font:18px var(--hand);text-align:center;margin:auto;padding:50px 24px}.focused-memory-backdrop{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080406e0;place-items:center;padding:54px 22px 32px;display:grid;position:fixed;inset:0;overflow:auto}.focused-memory{width:min(92vw,920px);color:var(--ink);transform-origin:50%;background:#fffaf7;padding:12px 12px 18px;position:relative;box-shadow:0 34px 100px #0000007a}.focused-memory .memory-frame{aspect-ratio:auto;background:#170c10;height:min(72svh,720px)}.focused-memory .memory-frame>img,.focused-memory .memory-frame>video{pointer-events:auto}.focused-memory-copy{justify-content:space-between;align-items:center;gap:20px;min-height:42px;padding:13px 8px 0;display:flex}.focused-memory-copy p{overflow-wrap:anywhere;font:17px var(--hand);margin:0}.focused-memory-copy span{color:#9b6067;flex:none;font:11px ui-sans-serif,system-ui,sans-serif}.focused-memory-close,.focused-memory-download{z-index:2;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14080c85;border:1px solid #ffffff57;border-radius:999px;place-items:center;height:36px;font-family:ui-sans-serif,system-ui,sans-serif;transition:transform .18s,background .18s;display:grid;position:fixed;top:16px}.focused-memory-close{border-radius:50%;width:36px;padding:0 0 3px;font:300 26px/1 ui-sans-serif,system-ui,sans-serif;right:18px}.focused-memory-download{letter-spacing:.04em;grid-auto-flow:column;gap:7px;padding:0 13px;font-size:11px;font-weight:700;text-decoration:none;right:66px}.focused-memory-download span{font-size:17px;font-weight:400}.focused-memory-close:hover,.focused-memory-download:hover{background:#a52d45bf;transform:scale(1.06)}.letter-section{isolation:isolate;background:linear-gradient(90deg,#0000 49.8%,#771f3014 50%,#0000 50.2%),#d99395;min-height:100svh;padding:94px 16px 110px;position:relative}.letters-intro{text-align:center;max-width:620px;margin:0 auto 68px;padding-inline:12px}.letters-intro>p:not(.eyebrow){color:#713f46;margin:0;font-size:17px}.letters-list{gap:72px;width:min(780px,100%);margin:auto;display:grid}.letter-paper{width:100%;min-width:0;transform:rotate(var(--letter-tilt));overflow-wrap:anywhere;background:repeating-linear-gradient(#0000 0 37px,#758d991c 38px),#fffaf0;padding:58px 34px 54px 48px;position:relative;box-shadow:0 28px 80px #4a302a38}.letter-paper:before{content:"";background:#bf646538;width:1px;position:absolute;inset-block:0;inset-inline-start:30px}.letter-date{color:var(--deep-rose);font:14px var(--hand);margin:0 0 35px}.letter-paper h3{letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(44px,12vw,72px);font-weight:400;line-height:1}.letter-copy p{white-space:pre-line;margin:0 0 26px;font-size:clamp(18px,4.8vw,20px);line-height:1.9}.letter-copy p:last-child{margin-bottom:0}.signature{color:var(--deep-rose);font:23px var(--hand);margin:42px 0 0}.tape{z-index:2;opacity:.7;background:#e4d3a8;width:138px;height:40px;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:inset 0 0 8px #705a381a}.letter-reveal.is-visible .tape{animation:tape-settle .85s cubic-bezier(.2,.8,.2,1) var(--reveal-delay) both}.letter-paper[dir=rtl]{font-family:Geeza Pro,Tahoma,Arial,sans-serif}.letter-paper[dir=rtl]:before{inset-inline-start:30px}.letter-paper[dir=rtl] .letter-date{font-family:Geeza Pro,Tahoma,Arial,sans-serif;font-size:16px}.letter-paper[dir=rtl] h3{letter-spacing:0;line-height:1.25}.letter-paper[dir=rtl] .letter-copy p{line-height:2.05}.letter-paper[dir=rtl] .signature{font-family:Geeza Pro,Tahoma,Arial,sans-serif}.surprise-section{isolation:isolate;color:#fff1ee;background:radial-gradient(circle at 50% 32%,#b94355 0,#0000 38%),linear-gradient(145deg,#8f1f37,#621426);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:100px 20px 0;display:flex;position:relative;overflow:hidden}.surprise-copy{text-align:center;width:min(640px,100%)}.surprise-copy .eyebrow{color:#f4b7b7}.surprise-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(50px,13vw,90px);font-weight:400;line-height:.92}.surprise-copy>p:not(.eyebrow){color:#f2cbca;max-width:520px;margin:28px auto 0;font-size:18px;line-height:1.7}.surprise-frame{background:#3e08164d;border:1px solid #ffe6e233;width:min(720px,100%);margin:48px auto 30px;box-shadow:0 30px 70px #23050d4d}.surprise-frame>button{cursor:pointer;color:#fff0eb;width:100%;min-height:260px;font-family:var(--serif);background:radial-gradient(circle,#dc636a40,#0000 60%);border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:38px 24px;display:flex}.surprise-frame>button:disabled{cursor:default}.surprise-frame strong{font-size:clamp(25px,6vw,34px);font-weight:400}.surprise-frame small{color:#e8b8b6;letter-spacing:.17em;text-transform:uppercase;font:10px ui-sans-serif,system-ui,sans-serif}.surprise-seal{background:#9f2941;border:1px solid #ffd7d159;border-radius:45% 55% 48% 52%;place-items:center;width:76px;height:76px;margin-bottom:10px;animation:2.4s ease-in-out infinite seal-pulse;display:grid;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff12,0 0 0 8px #ffe0da0f}.surprise-frame.is-ready .surprise-seal{background:#d74d5e;box-shadow:inset 0 0 0 5px #ffffff14,0 12px 30px #1f040b40}.surprise-video{aspect-ratio:16/9;object-fit:contain;background:#21060d;width:100%;max-height:min(70svh,720px);display:block}.illustrated-footer{background:0 0;width:calc(100% + 40px);margin:54px -20px 0;line-height:0;overflow:hidden}.illustrated-footer-art{width:100%;height:auto;display:block}.heart-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.heart-field span{color:#99243921;font-family:var(--serif);font-size:clamp(18px,3vw,42px);animation:7s ease-in-out infinite alternate heart-drift;position:absolute}.heart-field span:first-child{top:8%;left:7%;transform:rotate(-18deg)}.heart-field span:nth-child(2){animation-delay:-2s;top:17%;right:9%;transform:rotate(12deg)}.heart-field span:nth-child(3){animation-delay:-4s;top:42%;left:3%;transform:rotate(20deg)}.heart-field span:nth-child(4){top:52%;right:5%;transform:rotate(-12deg)}.heart-field span:nth-child(5){animation-delay:-1s;bottom:13%;left:12%;transform:rotate(8deg)}.heart-field span:nth-child(6){animation-delay:-3s;bottom:7%;right:16%;transform:rotate(-22deg)}.heart-field span:nth-child(7){font-size:16px;animation-delay:-5s;top:30%;left:21%}.heart-field span:nth-child(8){font-size:20px;animation-delay:-1.5s;top:36%;right:23%}.heart-field span:nth-child(9){font-size:14px;bottom:30%;left:27%}.heart-field span:nth-child(10){font-size:15px;animation-delay:-2.5s;top:4%;left:48%}.heart-field span:nth-child(11){font-size:18px;animation-delay:-4.5s;bottom:23%;right:31%}.heart-field span:nth-child(12){font-size:13px;animation-delay:-3.5s;top:72%;left:51%}.surprise-section .heart-field span{color:#ffcbc824}.story-audio{display:none}.now-playing{z-index:30;color:#fff5e9;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3f332ff0;border:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(380px,100% - 44px);padding:12px 14px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(140%);box-shadow:0 16px 40px #241b1838}.now-playing.visible{opacity:1;transform:translateY(0)}.now-playing small{color:#cfbcb1;letter-spacing:.16em;text-transform:uppercase;font:9px ui-sans-serif,system-ui,sans-serif}.now-playing-copy{min-width:0}.now-playing p{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.now-playing button{cursor:pointer;color:inherit;background:0 0;border:0}.record{background:var(--blush);border:9px solid #2d2725;border-radius:50%;width:34px;height:34px;animation:3s linear infinite spin}.record.paused{animation-play-state:paused}.playback-controls{align-items:center;gap:2px;display:flex}.playback-controls button{place-items:center;width:28px;height:32px;padding:0;font:15px ui-sans-serif,system-ui,sans-serif;display:grid}.message-editor{background:#f8e9e4;min-height:100svh;padding:clamp(36px,7vw,80px) 20px 120px}.editor-header{justify-content:space-between;align-items:end;gap:28px;width:min(920px,100%);margin:0 auto 48px;display:flex}.editor-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(44px,8vw,76px);font-weight:400;line-height:.95}.editor-header div>p:last-child{max-width:560px;color:var(--muted-ink);margin:18px 0 0;font-size:17px;line-height:1.6}.editor-header>a{color:var(--deep-rose);background:#fffaf299;border:1px solid #9b4f5547;flex:none;padding:12px 16px;font:600 13px ui-sans-serif,system-ui,sans-serif;text-decoration:none}.editor-form{width:min(920px,100%);margin:auto}.editor-section{background:#fffaf29e;border:1px solid #61443a29;margin-top:36px;padding:clamp(24px,5vw,44px)}.editor-section:first-child{margin-top:0}.editor-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.editor-section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,6vw,58px);font-weight:400;line-height:1}.editor-section-heading div>p:last-child{max-width:560px;color:var(--muted-ink);margin:12px 0 0;font-size:15px;line-height:1.55}.upload-button,.secondary-upload{cursor:pointer;border:1px solid var(--deep-rose);color:#fffaf2;background:var(--deep-rose);flex:none;justify-content:center;align-items:center;padding:14px 18px;font:700 12px ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:relative}.secondary-upload{color:var(--deep-rose);background:0 0;padding:10px 13px}.upload-button input,.secondary-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-button.disabled,.secondary-upload.disabled{cursor:wait;opacity:.55}.photo-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.photo-editor-card{background:#fffaf2;border:1px solid #61443a29;min-width:0;overflow:hidden;box-shadow:0 14px 36px #5d383317}.photo-editor-card>img,.photo-editor-card>video{aspect-ratio:4/3;object-fit:contain;background:#2e171b;width:100%;display:block}.photo-editor-fields{gap:14px;padding:18px;display:grid}.photo-editor-fields label{color:#765d55;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:700 10px ui-sans-serif,system-ui,sans-serif;display:grid}.photo-editor-fields input{width:100%;color:var(--ink);font:15px/1.4 var(--serif);text-transform:none;background:#fffdfa;border:1px solid #61443a33;border-radius:0;padding:10px 11px}.photo-editor-fields input:focus{border-color:var(--deep-rose);outline:2px solid #9b4f551f}.media-card-actions{flex-wrap:wrap;gap:8px;padding:0 18px 18px;display:flex}.media-card-actions button,.video-editor-buttons button{cursor:pointer;color:#765d55;background:0 0;border:1px solid #61443a2e;padding:9px 11px;font:600 11px ui-sans-serif,system-ui,sans-serif}.media-card-actions button:disabled{cursor:default;opacity:.35}.media-card-actions .remove-media,.video-editor-buttons .remove-media{color:#9b354a;border-color:#9b354a40;margin-left:auto}.editor-empty-state{color:#8f7d76;font:16px/1.55 var(--serif);text-align:center;background:#fffdfa73;border:1px dashed #9b4f554d;padding:44px 22px}.editor-help{color:#9a8780;margin:16px 0 0;font:11px ui-sans-serif,system-ui,sans-serif}.video-editor-card{background:#fffaf2;border:1px solid #61443a29;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);display:grid;overflow:hidden}.video-editor-card>video{object-fit:contain;background:#2e171b;width:100%;height:100%;min-height:280px}.video-editor-details{flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.video-editor-details>p{gap:5px;margin:0;display:grid}.video-editor-details>p strong{font:400 24px var(--serif)}.video-editor-details>p span{color:#9a8780;text-overflow:ellipsis;white-space:nowrap;font:10px ui-sans-serif,system-ui,sans-serif;overflow:hidden}.video-editor-details>img,.poster-placeholder{aspect-ratio:16/9;object-fit:cover;color:#9a8780;background:#ead9d2;place-items:center;width:100%;font:11px ui-sans-serif,system-ui,sans-serif;display:grid}.video-editor-buttons{flex-wrap:wrap;gap:9px;margin-top:auto;display:flex}.song-editor-list{gap:14px;display:grid}.song-editor-card{background:#fffaf2;border:1px solid #61443a29;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 10px 28px #5d383314}.song-editor-number{width:34px;height:34px;color:var(--deep-rose);font:16px var(--serif);border:1px solid #9b4f553d;border-radius:50%;place-items:center;display:grid}.song-editor-content{grid-template-columns:minmax(180px,1fr) minmax(240px,1.25fr);align-items:end;gap:18px;min-width:0;display:grid}.song-editor-content label{color:#765d55;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:700 10px ui-sans-serif,system-ui,sans-serif;display:grid}.song-editor-content input{width:100%;color:var(--ink);font:15px/1.4 var(--serif);text-transform:none;background:#fffdfa;border:1px solid #61443a33;border-radius:0;padding:10px 11px}.song-editor-content input:focus{border-color:var(--deep-rose);outline:2px solid #9b4f551f}.song-editor-content audio{width:100%;height:40px}.song-editor-actions{grid-template-columns:repeat(2,32px);gap:6px;display:grid}.song-editor-actions button{cursor:pointer;color:#765d55;background:0 0;border:1px solid #61443a2e;min-height:32px;padding:6px;font:600 12px ui-sans-serif,system-ui,sans-serif}.song-editor-actions button:disabled{cursor:default;opacity:.35}.song-editor-actions .remove-media{color:#9b354a;border-color:#9b354a40;grid-column:1/-1}.editor-cards{gap:32px;display:grid}.editor-card{background:#fffaf2;border:1px solid #61443a29;gap:22px;min-width:0;padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 20px 60px #5d38331a}.editor-card legend{color:var(--deep-rose);letter-spacing:.18em;text-transform:uppercase;padding:0 10px;font:700 11px ui-sans-serif,system-ui,sans-serif}.editor-card label{color:#765d55;letter-spacing:.08em;text-transform:uppercase;gap:8px;font:700 11px ui-sans-serif,system-ui,sans-serif;display:grid}.editor-card input,.editor-card textarea,.editor-card select{width:100%;color:var(--ink);font:17px/1.5 var(--serif);text-transform:none;background:#fffdfa;border:1px solid #61443a33;border-radius:0;padding:13px 14px}.editor-card textarea{resize:vertical;min-height:190px}.editor-card input:focus,.editor-card textarea:focus,.editor-card select:focus{border-color:var(--deep-rose);outline:2px solid #9b4f551f}.editor-card small{color:#9a8780;letter-spacing:0;text-transform:none;font-size:10px;font-weight:400}.editor-row{grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);gap:18px;display:grid}.remove-letter{cursor:pointer;color:#9b354a;background:0 0;border:0;width:max-content;padding:0;font:600 12px ui-sans-serif,system-ui,sans-serif}.add-letter{cursor:pointer;color:var(--deep-rose);background:#fffaf280;border:1px dashed #9b4f5573;margin-top:24px;padding:14px 18px;font:600 13px ui-sans-serif,system-ui,sans-serif}.editor-actions{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf2eb;border:1px solid #61443a24;justify-content:flex-end;align-items:center;gap:18px;margin-top:34px;padding:14px;display:flex;position:sticky;bottom:18px;box-shadow:0 14px 40px #5d383324}.editor-actions>button{cursor:pointer;color:#fffaf2;letter-spacing:.04em;background:var(--deep-rose);border:0;min-width:160px;padding:15px 22px;font:700 12px ui-sans-serif,system-ui,sans-serif}.editor-actions>button:disabled{cursor:wait;opacity:.65}.editor-feedback{color:var(--muted-ink);margin:0 auto 0 0;font:13px/1.4 ui-sans-serif,system-ui,sans-serif}.editor-feedback.saved{color:#55704c}.editor-feedback.error{color:#a12a43}.reveal{animation:.9s cubic-bezier(.2,.8,.2,1) both reveal}.reveal-two{animation-delay:.12s}.reveal-three{animation-delay:.25s}.reveal-four{animation-delay:.36s}[data-reveal]{opacity:0;transition:opacity .8s ease var(--reveal-delay,0s), transform .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0s);transform:translateY(42px)}[data-reveal=left]{transform:translate(-48px)}[data-reveal=right]{transform:translate(48px)}[data-reveal=scale]{transform:translateY(24px)scale(.94)}[data-reveal].is-visible{opacity:1;transform:translate(0)scale(1)}@keyframes card-arrival{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes sound{to{height:3px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes seal-pulse{50%{transform:scale(1.06)}}@keyframes heart-drift{to{translate:0 -10px}}@keyframes heart-idle-spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes heart-tap-spin{0%{transform:rotate(45deg)}to{transform:rotate(765deg)}}@keyframes hero-breathe{0%{background-position:46% 48%}to{background-position:54% 52%}}@keyframes album-float{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-10px)rotate(.35deg)}}@keyframes photo-glow{0%,to{box-shadow:0 18px 30px #5c253033}50%{box-shadow:0 24px 42px #7b233445}}@keyframes tape-settle{0%{opacity:0;transform:translate(-50%)translateY(-18px)rotate(-5deg)}}@keyframes nav-arrive{0%{opacity:0;transform:translateY(-18px)}}@keyframes envelope-arrive{0%{opacity:0;transform:translateY(34px)rotateX(8deg)scale(.86)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes envelope-yield{to{opacity:0;transform:translateY(16vh)scale(.72)}}@keyframes flap-open{0%{z-index:5;filter:brightness();transform:rotateX(0)}49%{z-index:5}50%,to{z-index:1}to{filter:brightness(.93);transform:rotateX(178deg)}}@keyframes seal-break{0%,20%{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}55%{opacity:1;transform:translate(-50%,-50%)rotate(5deg)scale(1.12)}to{opacity:0;transform:translate(-35%,-85%)rotate(24deg)scale(.65)}}@keyframes letter-rise{0%,12%{transform:translateY(0)scale(.96)}to{transform:translateY(-69%)scale(1)}}@keyframes page-unfold{0%{opacity:0;clip-path:inset(45% 38% 44%);transform:translateY(9vh)scale(.78)}10%{opacity:1}48%{clip-path:inset(28% 11%);transform:translateY(0)scale(.92)}to{opacity:1;clip-path:inset(0);transform:translateY(0)scale(1)}}@keyframes unfold-top{0%{filter:brightness(.9);transform:perspective(900px)rotateX(-90deg)}to{filter:brightness();transform:rotateX(0)}}@keyframes unfold-bottom{0%{filter:brightness(.9);transform:perspective(900px)rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@keyframes opening-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-skip-in{to{opacity:1}}@keyframes opening-heart{0%{opacity:0;transform:translateY(24px)rotate(-12deg)scale(.6)}30%,70%{opacity:1}to{opacity:0;transform:translateY(-34px)rotate(12deg)scale(1.1)}}@keyframes opening-finish{0%,84%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-spin)) scale(.25)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) rotate(var(--burst-spin)) scale(1.15)}}@keyframes tap-cue-float{0%,to{transform:rotate(-4deg)translate(0)}50%{transform:rotate(-6deg)translate(-3px)}}@media (max-width:780px){.lock-card{padding:72px 28px 42px}.memory-nav{grid-template-columns:1fr 1fr}.memory-nav p{display:none}.hero:before,.hero:after{opacity:.5}.illustrated-footer-art{width:160%;max-width:none;margin-left:-30%}.editor-header,.editor-section-heading{flex-direction:column;align-items:start}.photo-editor-grid,.video-editor-card{grid-template-columns:1fr}.video-editor-card>video{min-height:220px}.song-editor-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.song-editor-content{grid-template-columns:1fr}.song-editor-actions{grid-column:2;display:flex}.song-editor-actions .remove-media{margin-left:auto}.editor-row{grid-template-columns:1fr}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions>button{width:100%}}@media (max-width:460px){.hero h1{font-size:52px}.hero-note{font-size:16px}.polaroid{padding:9px 9px 22px}.lock-footer{font-size:11px}.illustrated-footer-art{width:175%;margin-left:-37.5%}.opening-page-message p,.opening-page-message strong{font-size:50px}.opening-envelope-stage{width:min(78vw,330px)}.opening-skip{bottom:14px;right:14px}}@media (min-width:900px){.memories{grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);align-items:center;gap:clamp(54px,7vw,110px);padding:128px clamp(42px,7vw,120px)}.section-copy{text-align:start;margin:0;padding:0}.photo-album{width:min(400px,32vw);height:min(510px,41vw)}.letter-section{padding:130px 28px 150px}.letters-intro{margin-bottom:88px}.letter-paper{padding:88px 88px 82px}.letter-paper:before,.letter-paper[dir=rtl]:before{inset-inline-start:52px}.surprise-frame>button{min-height:340px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}