:root{--color-parchment-cream: #faf2ec;--color-warm-ink: #4e2a1e;--color-carbon: #000000;--color-paper-white: #ffffff;--color-mist-gray: #e5e5e5;--color-ash: #6d6d6d;--color-slate-lavender: #9894a8;--color-iron: #3a2318;--color-fuchsia: #d6478d;--color-fuchsia-deep: #c2397c;--vintage-brown: 58, 35, 24;--font-display: "DM Serif Display", Georgia, serif;--font-script: "Great Vibes", cursive;--font-body: "Raleway", system-ui, sans-serif;--radius-cards: 12px;--radius-buttons: 16px;--shadow-subtle: rgba(0, 0, 0, .08) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 1px 4px 0px;--paper-washes: radial-gradient(62% 46% at 50% 6%, rgba(255, 241, 201, .6), transparent 70%), radial-gradient(58% 42% at 14% 30%, rgba(255, 236, 214, .35), transparent 72%), radial-gradient(54% 40% at 86% 24%, rgba(206, 186, 146, .22), transparent 74%), radial-gradient(60% 44% at 12% 82%, rgba(150, 172, 122, .13), transparent 72%), radial-gradient(52% 40% at 90% 74%, rgba(226, 158, 158, .12), transparent 72%), radial-gradient(120% 100% at 50% 100%, rgba(var(--vintage-brown), .05), transparent 55%);--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.42'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--color-paper-white);color:var(--color-warm-ink);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden;overflow-x:clip}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}figure{margin:0}.edge{position:fixed;left:0;right:0;height:56px;z-index:80;pointer-events:none;opacity:0;transition:opacity 1.2s ease .4s}body.opened .edge{opacity:1}.edge-top{top:0;background:linear-gradient(to bottom,rgba(var(--vintage-brown),.17),rgba(var(--vintage-brown),0))}.edge-bot{bottom:0;background:linear-gradient(to top,rgba(var(--vintage-brown),.19),rgba(var(--vintage-brown),0))}.wash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,transparent 55%,rgba(var(--vintage-brown),.07))}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/blue-sky-with-ground-bg-t_hwcj6H.webp) 50% 100% / cover no-repeat}.page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:linear-gradient(to top,#faf2ec66,#faf2ec00 55%);mask-image:linear-gradient(to top,#000 14%,transparent 56%);-webkit-mask-image:linear-gradient(to top,#000 14%,transparent 56%)}.cover{position:relative;height:100vh;height:100dvh;z-index:10;overflow:hidden;display:grid;place-items:center;background:var(--color-parchment-cream)}.cover-zoom{position:absolute;top:0;right:0;bottom:0;left:0;will-change:filter}.cover-sky,.cover-ground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;will-change:transform}.cover-sky{transform-origin:50% 88%}.cover-ground{transform-origin:50% 100%}.cover-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.cover-layer img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;animation:windSway var(--dur, 7s) ease-in-out var(--del, 0s) infinite alternate}.tree-far-l{transform-origin:12% 92%}.tree-far-r{transform-origin:88% 92%}.tree-close-l{transform-origin:6% 80%}.tree-close-r{transform-origin:94% 80%}.tree-far-l img{transform-origin:18% 82%;--sway: 1deg;--dur: 8.4s;--del: -3.6s}.tree-far-r img{transform-origin:80% 84%;--sway: 1.1deg;--dur: 9s;--del: -5.4s}.tree-close-l img{transform-origin:10% 76%;--sway: 1.6deg;--dur: 7.2s;--del: -1.8s}.tree-close-r img{transform-origin:82% 70%;--sway: 1.5deg;--dur: 7.8s;--del: -4.6s}.cover-text{position:relative;text-align:center;padding:24px;max-width:340px;z-index:2}.cover-text:before{content:"";position:absolute;top:-36px;right:-40px;bottom:-36px;left:-40px;z-index:-1;background:radial-gradient(52% 52% at 50% 50%,rgba(255,255,255,.6),transparent 72%);pointer-events:none}.cover-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--vintage-brown),.72);margin:0;animation:hintBob 2.2s ease-in-out infinite}@keyframes hintBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.cover-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--vintage-brown),.75);margin:0 0 12px}.cover-title{font-family:var(--font-display);font-weight:400;font-size:52px;line-height:1.08;margin:0}.cover-name{font-family:var(--font-script);font-size:40px;line-height:1.25;color:rgba(var(--vintage-brown),.92);margin:18px 0 6px}.cover-date{font-size:14px;color:var(--color-ash);margin:0 0 28px}.btn-open{font-family:var(--font-body);font-weight:600;font-size:16px;color:#fff;background:var(--color-fuchsia);border:none;border-radius:var(--radius-buttons);padding:13px 30px;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-open:hover{background:var(--color-fuchsia-deep)}.btn-open:active{box-shadow:#e879ad 0 2px inset;transform:translateY(1px)}.inner{position:relative;z-index:2;margin-top:-100vh;margin-top:-100dvh}body.rm .inner{margin-top:0}main{max-width:480px;margin:0 auto;padding:0 20px 72px}.stacked-hero{position:relative;width:min(100%,460px);aspect-ratio:4 / 3;margin:-6% auto -15%;pointer-events:none}.stacked-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sh-1{transform-origin:46% 62%;animation:windSway 5.8s ease-in-out -1.2s infinite alternate;--sway: 2.8deg}.sh-2{transform-origin:50% 56%;animation:windSway 7.4s ease-in-out -3.1s infinite alternate;--sway: 2deg}.sh-3{transform-origin:54% 49%;animation:quarterTurn 6.5s ease-in-out infinite alternate}.sh-4{transform-origin:50% 55%;animation:windSway 8.2s ease-in-out -5s infinite alternate;--sway: 2.4deg}@keyframes quarterTurn{0%{transform:rotate(0)}to{transform:rotate(30deg)}}section{margin:0 0 64px}.sec-title{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.08;text-align:center;margin:0 0 20px}.script{font-family:var(--font-script)}.stars-sep{display:block;width:min(72%,300px);margin:26px auto 0;opacity:.75;pointer-events:none}.foot .stars-sep{margin:0 auto 20px}.music-btn{position:fixed;right:16px;bottom:18px;z-index:90;width:44px;height:44px;display:grid;place-items:center;padding:0;color:#fff;background:#d6478dd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:-4px -4px 10px #fff6,5px 6px 14px rgba(var(--vintage-brown),.22);cursor:pointer;transition:transform .2s ease,color .2s ease}.music-btn:active{transform:scale(.92)}.music-btn.is-playing{animation:musicSpinPulse 3.2s ease-in-out infinite}@keyframes musicSpinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.sakura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-5vh;background:linear-gradient(135deg,#ffd0e2,#ff9ac6);border-radius:78% 22% 76% 24%/62% 38%;box-shadow:0 0 6px #ff9ac659;animation:petalFall var(--dur, 12s) linear var(--del, 0s) infinite}@keyframes petalFall{0%{transform:translateY(-6vh) rotate(0)}25%{transform:translate(calc(var(--drift, 40px) * .6),22vh) rotate(calc(var(--spin, 1) * 90deg))}50%{transform:translate(calc(var(--drift, 40px) * .1),48vh) rotate(calc(var(--spin, 1) * 180deg))}75%{transform:translate(var(--drift, 40px),76vh) rotate(calc(var(--spin, 1) * 265deg))}to{transform:translate(calc(var(--drift, 40px) * .4),110vh) rotate(calc(var(--spin, 1) * 345deg))}}.flora{pointer-events:none;transform-origin:50% 92%;animation:windSway var(--dur, 6.5s) ease-in-out var(--del, 0s) infinite alternate}@keyframes windSway{0%{transform:rotate(calc(var(--tilt, 0deg) - var(--sway, 2.5deg))) translateY(0)}to{transform:rotate(calc(var(--tilt, 0deg) + var(--sway, 2.5deg))) translateY(-3px)}}.arrangement{position:relative;width:min(24%,80px);aspect-ratio:1;margin:-8px auto 38px;transform-origin:50% 96%;animation:windSway 8.5s ease-in-out infinite alternate;--sway: 1.8deg;pointer-events:none}.arrangement img{position:absolute}.arr-leaves{left:18%;bottom:10%;width:66%;--tilt: -4deg;--sway: 2deg;--dur: 7.4s;--del: -3s}.arr-lavender{left:-4%;bottom:4%;width:54%;--tilt: -16deg;--sway: 3deg;--dur: 6.2s;--del: -1.6s}.arr-yellow{right:-22%;bottom:-14%;width:92%;--tilt: 18deg;--sway: 2.6deg;--dur: 6.8s;--del: -4.2s}.arr-hibiscus{left:30%;bottom:-2%;width:40%;--tilt: 6deg;--sway: 2deg;--dur: 5.4s;--del: -2.4s}.intro{text-align:center;padding-top:28px}.greeting-art{display:block;width:min(52%,210px);height:auto;margin:0 auto 14px}.greeting{font-family:var(--font-script);font-size:34px;color:rgba(var(--vintage-brown),.9);margin:0 0 16px}.intro-body{font-size:15px;color:var(--color-ash);margin:0 auto 36px;max-width:40ch}.photo-wrap{position:relative;width:min(74%,258px);margin:4px auto 22px}.photo-back-l{position:absolute;left:-19%;bottom:-8%;width:62%;z-index:0;--tilt: -12deg;--sway: 3deg;--dur: 7.2s;--del: -2.1s}.photo-back-r{position:absolute;right:-17%;top:-9%;width:46%;z-index:0;--tilt: 14deg;--sway: 2.4deg;--dur: 5.6s;--del: -.8s}.baby-photo{position:relative;width:100%;margin:0;z-index:1}.photo-frame{position:absolute;left:-36%;top:-6.5%;width:174%;height:113%;z-index:2;pointer-events:none}.baby-photo img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 32%;border-radius:130px 130px 12px 12px;filter:sepia(.12) saturate(.96) brightness(1.02);box-shadow:0 12px 28px rgba(var(--vintage-brown),.22)}.baby-name{font-family:var(--font-script);font-size:42px;line-height:1.3;color:var(--color-warm-ink);margin:0 0 10px}.family-detail{font-size:15px;margin:0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}.cd-cell{background:var(--color-paper-white);border:1px solid var(--color-mist-gray);border-radius:var(--radius-cards);padding:12px 4px;text-align:center}.cd-num{font-family:var(--font-display);font-size:28px;line-height:1.08;font-variant-numeric:tabular-nums}.cd-lab{font-size:11px;color:var(--color-ash);margin-top:4px;letter-spacing:.06em;text-transform:uppercase}.event-card{position:relative;background:var(--color-paper-white);border:1px solid var(--color-mist-gray);border-radius:var(--radius-cards);box-shadow:var(--shadow-subtle);padding:24px 20px;border-style:double;text-align:center}.ec-deco{position:absolute;pointer-events:none}.ec-deco img{display:block;width:100%;height:auto}.ec-tl{top:-2px;left:-4px;width:74%}.ec-br{bottom:-12px;right:-18px;width:80%}.ec-tl img{transform-origin:8% 6%;--sway: 2.2deg;--dur: 6.6s;--del: -1.4s}.ec-br img{transform-origin:94% 92%;--sway: 2deg;--dur: 7.8s;--del: -3.2s}.date-display{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0 0 18px}.date-side{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warm-ink);border-top:1px solid var(--color-ash);border-bottom:1px solid var(--color-ash);padding:7px 0;white-space:nowrap}.date-mid{display:flex;flex-direction:column;align-items:center}.date-month,.date-year{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ash)}.date-num{font-family:var(--font-display);font-size:52px;font-weight:500;line-height:1.05;color:var(--color-warm-ink)}.event-row{margin:0 0 14px}.event-row:last-of-type{margin:0}.event-lab{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ash);margin:0 0 2px}.event-val{font-size:16px;font-weight:500;margin:0}.honorary{font-size:14px;color:var(--color-ash);text-align:center;max-width:38ch;margin:20px auto 0}.btn-ghost{display:inline-block;margin-top:18px;font-family:var(--font-body);font-weight:600;font-size:14px;color:#fff;background:var(--color-fuchsia);border:none;border-radius:var(--radius-buttons);padding:10px 22px;text-decoration:none;cursor:pointer;transition:background .2s ease}.btn-ghost:hover{background:var(--color-fuchsia-deep)}.line-scroll{margin:0 -20px;padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;background:transparent}.line-scroll::-webkit-scrollbar{display:none}.line-scroll.dragging{cursor:grabbing}.line-strip{display:flex;gap:20px;width:max-content;padding:34px 44px 30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='44'%3E%3Cpath d='M0,10 Q80,36 160,10' fill='none' stroke='%238a6b4a' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M0,10 Q80,36 160,10' fill='none' stroke='%23604a30' stroke-width='1' stroke-dasharray='1 6' opacity='.6'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:0 6px}.hang{position:relative;flex:0 0 auto;width:140px;background:var(--color-paper-white);border:1px solid var(--color-mist-gray);border-radius:4px;padding:8px 8px 10px;box-shadow:0 4px 10px rgba(var(--vintage-brown),.16);transform-origin:50% -14px;animation:sway var(--dur, 5.2s) ease-in-out var(--del, 0s) infinite alternate}.hang img{width:100%;display:block;border-radius:2px}.hang figcaption{font-family:var(--font-script);font-size:17px;text-align:center;color:rgba(var(--vintage-brown),.85);padding-top:6px}.peg{position:absolute;top:-19px;left:50%;width:11px;height:27px;transform:translate(-50%);background:linear-gradient(to right,#c69c6d 45%,#a67c4d 55%);border-radius:4px 4px 2px 2px;box-shadow:0 1px 2px #00000040}.peg:after{content:"";position:absolute;left:50%;top:13px;width:1.5px;height:11px;transform:translate(-50%);background:#3c2a168c}@keyframes sway{0%{transform:rotate(calc(var(--amp, 1.6deg) * -1))}to{transform:rotate(var(--amp, 1.6deg))}}.hang:nth-child(odd){--amp: 1.4deg;--dur: 5.8s;--del: -1.2s}.hang:nth-child(2n){--amp: 1.9deg;--dur: 4.6s;--del: -2.8s}.hang:nth-child(3n){--amp: 1.1deg;--dur: 6.4s;--del: -.6s}.gallery-hint{text-align:center;font-size:12px;color:var(--color-slate-lavender);margin:8px 0 0}.card{background:#ffffff61;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:22px;box-shadow:-8px -8px 20px #ffffff8c,10px 12px 26px rgba(var(--vintage-brown),.16),inset 0 1px #ffffffa6;padding:24px 20px}.card .sec-title{margin-bottom:16px}.field{margin:0 0 14px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.field input[type=text],.field input[type=number],.field textarea{width:100%;font-family:var(--font-body);font-size:16px;color:var(--color-iron);background:#ffffff80;border:1px solid rgba(255,255,255,.65);border-radius:12px;padding:12px 16px;box-shadow:inset 2px 2px 6px rgba(var(--vintage-brown),.1),inset -2px -2px 6px #ffffffb3}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus{outline:none;box-shadow:var(--color-fuchsia) 0 0 0 2px inset}.field ::placeholder{color:var(--color-ash)}.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.radio-pill{position:relative}.radio-pill input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.radio-pill span{display:block;text-align:center;font-size:13.5px;font-weight:500;border:1px solid var(--color-slate-lavender);border-radius:12px;padding:10px 6px;color:var(--color-warm-ink);transition:all .15s ease}.radio-pill input:checked+span{background:var(--color-fuchsia);border-color:var(--color-fuchsia);color:#fff}.btn-primary{width:100%;font-family:var(--font-body);font-weight:600;font-size:16px;color:#fff;background:var(--color-fuchsia);border:none;border-radius:var(--radius-buttons);padding:13px 24px;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:var(--color-fuchsia-deep)}.btn-primary:active{box-shadow:#e879ad 0 2px inset}.btn-dark{width:100%;font-family:var(--font-body);font-weight:600;font-size:16px;color:#fff;background:var(--color-fuchsia);border:none;border-radius:var(--radius-buttons);padding:13px 24px;cursor:pointer;transition:background .2s ease}.btn-dark:hover{background:var(--color-fuchsia-deep)}.form-done{text-align:center;padding:18px 8px;font-size:15px}.form-done .script{font-size:30px;display:block;margin-bottom:6px;color:rgba(var(--vintage-brown),.9)}.wish-feed{margin-top:22px;max-height:320px;overflow-y:auto}.wish{border-top:1px solid var(--color-mist-gray);padding:14px 2px}.wish-name{font-family:var(--font-script);font-size:22px;color:rgba(var(--vintage-brown),.9);margin:0 0 2px}.wish-text{font-size:14px;color:var(--color-ash);margin:0}.foot{text-align:center;padding-top:8px}.foot-thanks{font-size:15px;color:var(--color-ash);max-width:36ch;margin:0 auto 22px}.foot-shanti{font-family:var(--font-script);font-size:30px;color:rgba(var(--vintage-brown),.9);margin:0 0 26px}.foot-sign{font-size:14px;color:var(--color-ash);margin:0 0 4px}.foot-photo{position:relative;margin:4px -20px 26px;overflow:hidden}.foot-photo img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 30%;filter:sepia(.12) saturate(.96) brightness(1.02);mask-image:linear-gradient(to top,transparent 0%,rgba(0,0,0,.45) 14%,rgba(0,0,0,.85) 32%,#000 50%);-webkit-mask-image:linear-gradient(to top,transparent 0%,rgba(0,0,0,.45) 14%,rgba(0,0,0,.85) 32%,#000 50%)}.foot-wave{position:absolute;top:-1px;left:0;width:100%;display:block;pointer-events:none}.foot-wave-back{height:70px}.foot-wave-front{height:48px}.foot-mist{position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:linear-gradient(to top,#faf2ec00,#faf2ec73 14%,#faf2ec8c 34%,#faf2ec47 62%,#faf2ec00);mask-image:linear-gradient(to top,#000 35%,transparent 100%);-webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%)}.foot-family{font-family:var(--font-script);font-size:32px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.family-icon{width:34px;height:34px;object-fit:contain}.family-icon-flip{transform:scaleX(-1)}.stack-sec{margin-top:72px}.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mcard{margin:0;padding:7px 7px 9px;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:-4px -4px 10px #fff6,6px 8px 18px rgba(var(--vintage-brown),.14)}.mcard img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;border-radius:9px}@media(prefers-reduced-motion:reduce){.hang,.cover-hint,.flora,.arrangement,.stacked-hero img,.cover-layer img{animation:none}}@media(min-width:520px){:root{--frame-w: 480px}#root{position:relative;max-width:var(--frame-w);margin:0 auto;box-shadow:0 0 0 1px rgba(var(--vintage-brown),.14),0 0 70px rgba(var(--vintage-brown),.3)}.page-bg,.wash,.sakura,.edge{left:50%;right:auto;width:var(--frame-w);transform:translate(-50%)}.music-btn{right:calc(50% - var(--frame-w) / 2 + 16px)}}