:root{color-scheme:light;background:#f6c5d6;color:#fff6e9;font-family:Georgia,Times New Roman,serif}*,*:before,*:after{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;min-height:100svh;margin:0;padding:max(15px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 20%,#fff1e9,#f9d1df 67%,#edb3cf)}#app{width:min(100%,1320px)}.card{position:relative;isolation:isolate;overflow:hidden;width:100%;height:min(calc(100svh - 30px),850px);min-height:585px;border:1px solid #fff9f4;border-radius:32px;background:radial-gradient(ellipse at 50% 40%,#fff3df 0%,#ffe9e8 31%,transparent 71%),radial-gradient(ellipse at 14% 10%,#ffd8dc,transparent 62%),linear-gradient(155deg,#f8c8db,#e9aed1 75%,#e1afd8);box-shadow:inset 0 0 62px #fff8ec65,0 18px 60px #a8537b3d}.card:before,.card:after{content:"";position:absolute;pointer-events:none}.card:before{z-index:-1;inset:0;background:radial-gradient(circle,#a94c803c 0 .7px,transparent 1px) 0 0 / 16px 16px;-webkit-mask-image:radial-gradient(ellipse,transparent 7%,#000 85%);mask-image:radial-gradient(ellipse,transparent 7%,#000 85%)}.card:after{z-index:3;inset:9px;border:1px solid #fff8f2cf;border-radius:24px;box-shadow:inset 0 0 0 2px #d585a327}.cloud-field,.glitter,.ornaments,.cats,.foreground{position:absolute;inset:0;pointer-events:none}.cloud-field,.glitter,.cats{transition:transform .36s ease-out;transform:translate(var(--shift-x, 0px),var(--shift-y, 0px))}.cloud-field{z-index:-1;inset:-28px;transform:translate(calc(var(--shift-x, 0px) * -1.1),calc(var(--shift-y, 0px) * -1.1))}.cloud-field i{position:absolute;top:var(--top);left:var(--left);width:65%;height:42%;background:radial-gradient(ellipse,var(--tint),transparent 66%);animation:cloud-drift 13s var(--delay, 0s) ease-in-out infinite alternate}.cloud-field i:nth-child(1){--top: 5%;--left: -14%;--tint: #fff6e9dd}.cloud-field i:nth-child(2){--top: 22%;--left: 54%;--tint: #fbd7f1e0;--delay: -7s}.cloud-field i:nth-child(3){--top: 64%;--left: 16%;--tint: #fff4dfcf;--delay: -4s}.glitter{z-index:-1}.foreground{z-index:2}.title{position:absolute;z-index:1;top:39%;left:50%;width:min(70%,760px);transform:translate(-50%,-50%)}h1{margin:0;font-size:clamp(55px,8.6vw,122px);font-weight:700;line-height:.91;letter-spacing:-.055em;text-align:center;color:#fff9ef;-webkit-text-stroke:1.5px #a64572;paint-order:stroke fill;text-shadow:0 2px 0 #a64572,0 4px 0 #a64572,0 7px 13px #972f6659,0 0 17px #fffdf3,0 0 34px #ef71aa}h1 em{display:block;padding-right:.1em;color:#d8558b;-webkit-text-stroke:1px #fff3ef;font-size:1.13em;line-height:.91;text-shadow:0 2px 0 #a23966,0 4px 0 #a23966,0 6px 14px #9e36684d,0 0 13px #fff7f7,0 0 28px #f277b1}.sticker{position:absolute;left:var(--x);top:var(--y);width:var(--w);translate:-50% -50%;rotate:var(--tilt, 0deg);filter:drop-shadow(0 5px 6px #9e54764d) drop-shadow(0 0 10px #fff6eb9c)}.sticker img{display:block;width:100%;height:auto;transform-origin:50% 86%}.wave img{animation:wave 3.2s var(--delay, 0s) ease-in-out infinite}.sway img{animation:sway 4s var(--delay, 0s) ease-in-out infinite}.pixel img{image-rendering:pixelated}.photo img{animation:breathe 5s var(--delay, 0s) ease-in-out infinite}.wave-main{--x: 16%;--y: 29%;--w: clamp(95px, 13.5%, 170px);--tilt: -12deg}.bounce-main{--x: 84%;--y: 27%;--w: clamp(94px, 13%, 164px);--tilt: 12deg;--delay: -.8s}.love-main{--x: 10%;--y: 55%;--w: clamp(76px, 10.2%, 127px);--tilt: -12deg;--delay: -.6s}.wave-mini{--x: 91%;--y: 52%;--w: clamp(69px, 8.4%, 107px);--tilt: 16deg;--delay: -1.5s}.bounce-mini{--x: 31%;--y: 86%;--w: clamp(78px, 9%, 121px);--tilt: -15deg;--delay: -1.8s}.love-mini{--x: 69%;--y: 84%;--w: clamp(78px, 9.5%, 122px);--tilt: 12deg;--delay: -2s}.pixel-left{--x: 33%;--y: 14%;--w: clamp(50px, 6.8%, 88px)}.pixel-right{--x: 67%;--y: 14%;--w: clamp(50px, 6.8%, 88px)}.pixel-low{--x: 67%;--y: 66%;--w: clamp(48px, 5.2%, 72px)}.heart-cat{--x: 15.5%;--y: 79%;--w: clamp(94px, 13%, 176px);--tilt: -9deg;--delay: -1.8s}.tumble{--x: 85%;--y: 77%;--w: clamp(93px, 14%, 180px);--tilt: 9deg;--delay: -3s}.paws{--x: 50%;--y: 77%;--w: clamp(165px, min(24%, 32vh), 295px);--tilt: -5deg}.star,.glint,.heart{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}.star,.glint{width:var(--size);height:var(--size);filter:drop-shadow(0 0 5px #ffeff1) drop-shadow(0 0 11px #ff9fcb);animation:sparkle var(--duration, 2.5s) var(--delay, 0s) ease-in-out infinite}.star:before,.glint:before,.burst-star:before{content:"";position:absolute;inset:0;background:var(--shine, #fff7ed);clip-path:polygon(50% 0,57% 37%,75% 25%,64% 43%,100% 50%,64% 57%,75% 75%,57% 63%,50% 100%,43% 63%,25% 75%,36% 57%,0 50%,36% 43%,25% 25%,43% 37%)}.glint{filter:drop-shadow(0 0 4px #de679f)}.glint.dot{filter:none}.glint.dot:before{inset:26%;border-radius:50%;clip-path:none}.crown{--x: 50%;--y: 14%;--size: 58px;--delay: -.5s}.west{--x: 26%;--y: 51%;--size: 31px;--delay: -1.4s}.east{--x: 74%;--y: 49%;--size: 42px;--delay: -.9s}.south{--x: 50%;--y: 95%;--size: 19px;--delay: -.9s}.north{--x: 48%;--y: 9%;--size: 13px;--delay: -1.1s}.paw-west{--x: 42%;--y: 74%;--size: 31px;--delay: -.9s}.paw-east{--x: 58%;--y: 68%;--size: 26px;--delay: -1.5s}.paw-top{--x: 54%;--y: 57%;--size: 17px;--delay: -.1s}.heart{width:var(--size);aspect-ratio:1;rotate:var(--tilt);opacity:.66;filter:drop-shadow(0 0 8px #ffb6d8)}.heart:before{content:"";position:absolute;inset:0;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffc3e0' d='M16 28 3 15C-4 7 8-1 16 8c8-9 20-1 13 7Z'/%3E%3C/svg%3E")}.heart-west{--x: 7%;--y: 12%;--size: 30px;--tilt: -18deg}.heart-east{--x: 93%;--y: 13%;--size: 35px;--tilt: 17deg}.heart-south{--x: 72%;--y: 65%;--size: 25px;--tilt: 19deg}.comet{position:absolute;top:var(--top);left:var(--left);width:clamp(48px,9vw,110px);height:3px;border-radius:100%;background:linear-gradient(90deg,transparent,#fffdfa);box-shadow:3px 0 7px #fff8e5;opacity:0;animation:comet 7.5s var(--delay) linear infinite}.comet-first{--top: 13%;--left: 10%;--delay: -.5s}.comet-second{--top: 57%;--left: 70%;--delay: -4s}.comet-third{--top: 61%;--left: 5%;--delay: -6s}.burst{position:absolute;z-index:4;pointer-events:none}.burst-star{position:absolute;width:16px;aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 6px #df679f)}.burst-star:nth-child(odd){width:9px;--shine: #e97ca9}@keyframes wave{0%,60%,to{transform:rotate(0)}12%,34%{transform:translateY(-7%) rotate(-11deg)}23%,45%{transform:translateY(-4%) rotate(8deg)}}@keyframes sway{0%,to{transform:rotate(-7deg)}50%{transform:translateY(-7%) rotate(7deg)}}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3%) scale(1.03)}}@keyframes cloud-drift{0%{transform:translate(-5%) scale(.92)}to{transform:translate(13%,-10%) scale(1.13)}}@keyframes comet{0%,72%{opacity:0;transform:translate(0) rotate(23deg) scaleX(.55)}77%{opacity:.96}86%,to{opacity:0;transform:translate(115px,49px) rotate(23deg) scaleX(1.1)}}@keyframes sparkle{0%,to{opacity:.25;scale:.56}48%{opacity:.49;scale:.76}59%,65%{opacity:1;scale:1}81%{opacity:.5;scale:.73}}@media(max-width:700px){body{padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.card{min-height:526px;height:calc(100svh - max(7px,env(safe-area-inset-top)) - max(7px,env(safe-area-inset-bottom)));max-height:960px;border-radius:25px}.card:after{inset:6px;border-radius:19px}.title{top:41%;width:94%}h1{font-size:clamp(47px,12vw,78px)}.wave-main{--x: 20%;--y: 19%;--w: clamp(66px, 23%, 118px)}.bounce-main{--x: 80%;--y: 18%;--w: clamp(67px, 23%, 114px)}.love-main{--x: 15%;--y: 59%;--w: clamp(52px, 17%, 84px)}.wave-mini{--x: 85%;--y: 58%;--w: clamp(50px, 16%, 82px)}.bounce-mini{--x: 35%;--y: 91%;--w: clamp(52px, 16%, 78px)}.love-mini{--x: 69%;--y: 91%;--w: clamp(50px, 15%, 78px)}.pixel-left{--x: 37%;--y: 28%;--w: clamp(33px, 12%, 60px)}.pixel-right{--x: 64%;--y: 27%;--w: clamp(32px, 12%, 60px)}.pixel-low{--x: 52%;--y: 89%;--w: clamp(31px, 12%, 52px)}.heart-cat{--x: 18%;--y: 78%;--w: clamp(59px, 22%, 109px)}.tumble{--x: 83%;--y: 79%;--w: clamp(58px, 22%, 109px)}.paws{--x: 50%;--y: 71%;--w: clamp(125px, min(45%, 26svh), 223px)}.crown{--x: 50%;--y: 15%;--size: 43px}.west{--x: 14%;--y: 30%;--size: 23px}.east{--x: 84%;--y: 30%;--size: 25px}.north{--x: 42%;--y: 9%;--size: 17px}.south{--x: 51%;--y: 96%;--size: 15px}.paw-west{--x: 33%;--y: 69%;--size: 19px}.paw-east{--x: 67%;--y: 65%;--size: 22px}.paw-top{--x: 54%;--y: 55%;--size: 15px}.heart-west{--x: 17%;--y: 7%;--size: 20px}.heart-east{--x: 83%;--y: 8%;--size: 20px}.heart-south{--x: 75%;--y: 52%;--size: 17px}}@media(prefers-reduced-motion:reduce){.star,.glint,.sticker img,.cloud-field i,.comet{animation:none}.cloud-field,.glitter,.cats{transition:none;transform:none}.glint{opacity:.6}}