@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#5d4650;font-synthesis:none;background:#eadfe3;font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0,#fff8f4,#e9dde1 70%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #b097dc}main{background:var(--cream);max-width:430px;min-height:100vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 60px #7a566322}.cover{z-index:100;background:linear-gradient(155deg,#fff9f3 0%,#ffe8e5 48%,#eee8ff 100%);place-items:center;max-width:430px;margin:auto;animation:.7s fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.cover:before,.cover:after{content:"";filter:blur(1px);opacity:.5;border-radius:50%;width:260px;height:260px;position:absolute}.cover:before{background:#ffc5c9;top:-100px;right:-110px}.cover:after{background:#d8cdfa;bottom:-120px;left:-100px}.cover-glow{border:1px solid #fff9;border-radius:50%;width:310px;height:310px;animation:3.5s ease-in-out infinite breathe;position:absolute;box-shadow:0 0 0 25px #fff3,0 0 0 55px #fff2}.cover-stars{color:#d5a74e;letter-spacing:15px;opacity:.65;font-size:24px;line-height:4;position:absolute;top:8%;bottom:auto;left:8%;right:8%}.cover-content{z-index:2;text-align:center;padding:30px;position:relative}.tiny-pill,.age-pill{color:#a66c7b;background:#ffffff94;border:1px solid #fff;border-radius:99px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #95606d12}.cover-orb{background:linear-gradient(145deg,#fff,#fff0f0);border-radius:50%;place-items:center;width:108px;height:108px;margin:30px auto 23px;display:grid;box-shadow:0 20px 50px #c485973d,inset 0 0 0 1px #fff}.cover-orb span{font-size:48px;animation:2.8s ease-in-out infinite float}.cover-kicker{letter-spacing:2.5px;color:#b99d8d!important;font-size:9px!important}.cover h1{color:#5a3f49;letter-spacing:.5px;margin:8px 0 9px;font-family:Playfair Display,Noto Sans SC,serif;font-size:34px}.cover p{color:#9d7b86;margin:0;font-size:15px}.primary,.soft{cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:600;transition:all .25s;display:inline-flex}.primary{color:#fff;background:linear-gradient(120deg,#eb8da2,#c49de7);box-shadow:0 12px 26px #df8fa64d}.primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px #df8fa66b}.cover-button{margin:32px auto 13px;padding:0 28px}.cover small{color:#b699a1;font-size:11px;display:block}.experience{opacity:0;pointer-events:none;background:linear-gradient(#fffaf5,#fff4f1 55%,#f3effd);min-height:100vh;padding:0 16px 36px;transition:opacity .8s,transform .8s;transform:scale(.98)}.experience.visible{opacity:1;pointer-events:auto;transform:none}.topbar{justify-content:space-between;align-items:center;height:64px;padding:0 5px;display:flex}.brand{color:#765765;font-family:Playfair Display,serif;font-size:18px;font-style:italic}.brand i{color:#e78ca2}.round-music{color:#b47790;cursor:pointer;background:#ffffffb8;border:1px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 18px #7c596117}.party-card{background:linear-gradient(#f8e8e8 0%,#f8e9e1 58%,#e9d4cd 58%,#ead8d1 100%);border-radius:28px;min-height:565px;position:relative;overflow:hidden;box-shadow:0 24px 60px #92667825,inset 0 0 0 1px #fff8}.party-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 40%,#fff9,#0000 35%),linear-gradient(90deg,#0000 49.6%,#fff4 50%,#0000 50.4%);position:absolute;top:0;bottom:0;left:0;right:0}.fairy-lights{z-index:2;border-top:2px solid #b3947c99;border-radius:50%;width:110%;height:62px;position:absolute;top:0;left:-5%}.fairy-lights i{background:#ffe4a2;border-radius:50%;width:7px;height:10px;position:absolute;top:11px;box-shadow:0 0 12px #ffca63,0 0 20px #fff}.fairy-lights i:first-child{top:2px;left:8%}.fairy-lights i:nth-child(2){top:12px;left:19%}.fairy-lights i:nth-child(3){top:20px;left:31%}.fairy-lights i:nth-child(4){top:25px;left:43%}.fairy-lights i:nth-child(5){top:25px;left:55%}.fairy-lights i:nth-child(6){top:21px;left:67%}.fairy-lights i:nth-child(7){top:15px;left:78%}.fairy-lights i:nth-child(8){top:5px;left:89%}.fairy-lights i:nth-child(9){top:-3px;left:97%}.hero-copy{z-index:3;text-align:center;padding-top:54px;position:relative}.age-pill{color:#b07082;background:#fff8;padding:6px 11px;font-size:11px}.hero-copy>p{letter-spacing:3.5px;color:#b58a80;margin:13px 0 0;font-size:8px}.hero-copy h2{color:#5e444b;margin:3px 0;font-family:Playfair Display,Noto Sans SC,serif;font-size:31px}.hero-copy small{color:#9b7a7a;font-size:12px}.balloon{z-index:2;animation:4s ease-in-out infinite balloon;position:absolute;top:90px}.balloon span{color:#fff;border-radius:55% 55% 50% 50%;place-items:center;width:49px;height:63px;font-size:20px;display:grid}.balloon i{background:#a7878a80;width:1px;height:65px;margin:auto;display:block}.balloon-left{left:18px;rotate:-9deg}.balloon-left span{background:linear-gradient(130deg,#f7cad1,#e99cad)}.balloon-right{animation-delay:-1.7s;top:75px;right:16px;rotate:8deg}.balloon-right span{background:linear-gradient(130deg,#d8cff7,#b9a5e4)}.party-floor{z-index:3;height:245px;position:absolute;bottom:59px;left:0;right:0}.scene-center{width:190px;height:200px;position:absolute;bottom:15px;left:49%;transform:translate(-43%)}.boy{width:95px;height:174px;position:absolute;bottom:0;left:0}.boy-head{z-index:3;background:#ffd5bc;border-radius:46% 46% 47% 47%;width:67px;height:70px;position:absolute;top:0;left:15px;box-shadow:inset 0 -8px 12px #edac9130}.hair{background:#563e3d;border-radius:55% 55% 35% 20%;width:67px;height:33px;position:absolute;top:-5px;left:0;rotate:-3deg}.hair:after{content:"";background:#563e3d;border-radius:50%;width:19px;height:25px;position:absolute;top:17px;right:-2px}.ear{background:#f4b99f;border-radius:50%;width:10px;height:16px;position:absolute;top:32px}.ear.left{left:-6px}.ear.right{right:-6px}.eye{background:#513c3e;border-radius:50%;width:4px;height:6px;position:absolute;top:36px}.eye.one{left:20px}.eye.two{right:20px}.blush{background:#ed8f9688;border-radius:50%;width:10px;height:5px;position:absolute;top:48px}.blush.one{left:9px}.blush.two{right:9px}.smile{color:#8a555b;font-size:15px;position:absolute;top:43px;left:28px}.boy-body{background:linear-gradient(#f5afbb,#e990a4);border-radius:28px 28px 15px 15px;width:77px;height:94px;position:absolute;top:65px;left:10px;box-shadow:inset 0 -10px #db7f94}.boy-body:after{content:"";background:#7b6675;border-radius:0 0 12px 12px;width:20px;height:30px;position:absolute;bottom:-19px;left:12px;box-shadow:34px 0 #7b6675}.heart-mark{color:#fff;font-size:17px;position:absolute;top:21px;left:31px}.boy-arm{z-index:4;background:#ffd0b8;border-radius:12px;width:18px;height:66px;position:absolute;top:88px}.boy-arm.left{left:1px;rotate:17deg}.boy-arm.right{right:0;rotate:-18deg}.gift{z-index:5;cursor:pointer;background:0 0;border:0;width:92px;height:85px;position:absolute;bottom:0;right:2px}.gift-box{background:linear-gradient(135deg,#bd9eea,#9e7dd2);border-radius:5px;width:72px;height:60px;position:absolute;bottom:0;left:12px;box-shadow:0 10px 20px #745e8845}.gift-box i,.gift-lid i{background:#ffd68f;width:12px;height:100%;position:absolute;left:31px}.gift-lid{z-index:2;transform-origin:15% 80%;background:#a98adb;border-radius:5px;width:82px;height:21px;transition:transform .7s cubic-bezier(.17,.89,.32,1.4);position:absolute;bottom:55px;left:7px;box-shadow:0 4px 10px #6e527f43}.gift-lid i{left:35px}.gift-glow{z-index:-1;opacity:0;background:#fff7ba;border-radius:50%;width:35px;height:35px;transition:all .6s;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 0 25px 20px #fff3a8,0 0 60px 35px #fff9}.gift-stars{z-index:4;color:#edb848;opacity:0;font-size:18px;position:absolute;bottom:55px;left:30px}.gift-stars i,.gift-stars b,.gift-stars em{font-style:normal;position:absolute}.gift-stars i{top:-20px;left:35px}.gift-stars b{top:-35px;left:10px}.gift-stars em{top:-50px;left:45px}.gift.opened .gift-lid{transform:translate(-13px,-32px)rotate(-28deg)}.gift.opened .gift-glow{opacity:.85;transform:translate(-50%)scale(1.5)}.gift.opened .gift-stars{opacity:1}.gift.opened .gift-stars,.is-open .wish-card:before{animation:2.4s ease-out infinite starsUp}.cake{filter:drop-shadow(0 10px 10px #7c504626);width:72px;height:104px;position:absolute;bottom:2px;left:18px}.cake-base{text-align:center;color:#c98e7c;letter-spacing:2px;background:linear-gradient(#fff5e5,#f5d9cc);border-radius:7px 7px 12px 12px;width:72px;height:45px;padding-top:16px;font-size:8px;position:absolute;bottom:10px}.cake-top{z-index:2;text-align:center;color:#e69bac;background:#fff9ef;border-radius:50%;width:72px;height:19px;font-size:11px;position:absolute;bottom:48px}.cake-plate{background:#c5acb2;border-radius:50%;width:88px;height:8px;position:absolute;bottom:5px;left:-8px}.candle{z-index:3;background:repeating-linear-gradient(45deg,#fff 0 4px,#d99ad7 4px 8px);width:7px;height:27px;position:absolute;bottom:62px;left:33px}.candle i{background:#ffc45f;border-radius:50% 50% 45% 45%;width:12px;height:17px;animation:1s ease-in-out infinite flame;position:absolute;top:-16px;left:-3px;box-shadow:0 0 15px #ffb544}.wish-card{z-index:7;text-align:center;opacity:0;pointer-events:none;background:#fffdf7ed;border:1px solid #fff;border-radius:19px;min-height:195px;padding:25px 18px 18px;transition:opacity .8s 1s,transform 1s cubic-bezier(.16,1,.3,1) 1s;position:absolute;bottom:84px;left:27px;right:27px;transform:translateY(115px)scale(.8);box-shadow:0 24px 55px #76526742}.wish-card.show{opacity:1;transform:none}.wish-card:before{content:"✦";color:#e3ae4b;position:absolute;top:-25px;right:25px}.wish-icon{color:#fff;background:linear-gradient(135deg,#f0a6b4,#bda8e8);border-radius:50%;place-items:center;width:38px;height:38px;margin:-45px auto 10px;display:grid;box-shadow:0 7px 18px #b3809b66}.wish-card h3{color:#6d4855;margin:2px 0 10px;font-family:Playfair Display,Noto Sans SC,serif;font-size:22px}.wish-name{letter-spacing:4px;color:#d47f96;margin:-4px 0 10px;font-size:20px;display:block}.wish-card p{color:#80646c;margin:4px 0;font-size:12px;line-height:1.55}.wish-card>span{color:#c09b67;letter-spacing:2px;margin-top:12px;font-size:9px;display:block}.gift-hint{z-index:8;color:#9d6b7a;cursor:pointer;background:#fff9;border:0;border-radius:99px;padding:8px 14px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #7b52651b}.gift-hint span{animation:1s ease-in-out infinite point;display:inline-block}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:21px auto 9px;display:flex}.actions .primary,.actions .soft{min-height:43px;padding:0 17px;font-size:12px}.soft{color:#8a6473;background:#fff;border:1px solid #eddce1;box-shadow:0 7px 20px #8e6d7517}.text-button{color:#a17d88;cursor:pointer;background:0 0;border:0;flex-basis:100%;font-size:11px}.music-message{text-align:center;color:#9b705c;background:#fff2db;border-radius:10px;margin:7px 12px 0;padding:9px 12px;font-size:11px}.letter{background:linear-gradient(145deg,#fffdf8,#fff8f2);border:1px solid #fff;border-radius:26px;margin-top:52px;padding:41px 30px 35px;scroll-margin-top:20px;position:relative;box-shadow:0 22px 55px #9d72801d}.letter:before{content:"";pointer-events:none;border:1px solid #e9d8ce;border-radius:20px;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.letter-label{letter-spacing:3px;color:#c19377;font-size:8px}.letter-seal{color:#fff;background:#d78ea0;border:4px solid #fff4ed;border-radius:50%;place-items:center;width:47px;height:47px;display:grid;position:absolute;top:-22px;right:28px;rotate:8deg;box-shadow:0 7px 18px #ac667c40}.letter h2{color:#644751;margin:12px 0 9px;font-family:Playfair Display,Noto Sans SC,serif;font-size:27px;position:relative}.gold-line{background:var(--gold);width:38px;height:2px;margin-bottom:22px}.letter p{color:#79616a;text-align:justify;margin:0 0 15px;font-size:13px;line-height:2;position:relative}.signature{text-align:right;color:#a87c84;margin-top:22px;font-family:Playfair Display,Noto Sans SC,serif;font-size:14px;position:relative}.signature span{color:#de879c}footer{color:#a7838d;flex-direction:column;align-items:center;margin:55px 0 15px;display:flex}footer strong{color:#6f5260;margin:8px 0 5px;font-family:Playfair Display,serif;font-size:18px}footer span{font-size:11px}footer i{margin-top:20px;font-style:normal}.confetti{z-index:90;pointer-events:none;max-width:430px;margin:auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:0;width:7px;height:12px;position:absolute;top:-16px}.confetti.active i{animation:linear forwards confettiFall}.confetti.active i:nth-child(n+31){animation-iteration-count:2;animation-delay:2.2s}.cover+.confetti{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes breathe{50%{opacity:.55;transform:scale(1.07)}}@keyframes float{50%{transform:translateY(-8px)rotate(4deg)}}@keyframes balloon{50%{transform:translateY(-12px)rotate(3deg)}}@keyframes flame{50%{transform:scale(.85)rotate(-5deg)}}@keyframes starsUp{0%{opacity:0;transform:translateY(12px)scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-55px)scale(1.15)}}@keyframes point{50%{transform:translateY(-4px)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.8;transform:translateY(105vh)rotate(720deg)}}@media (max-height:690px){.party-card{min-height:535px}.hero-copy{padding-top:46px}.party-floor{bottom:45px}.wish-card{bottom:67px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}