:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff8f4;--rose:#ff7fa6}*{box-sizing:border-box}html,body{background:#12071c;width:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;font-family:Montserrat,system-ui,sans-serif}.scene{isolation:isolate;background-color:#5b82c8;background-image:url(/assets/heart-cloud-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;min-height:520px;position:relative;overflow:hidden}.scene:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0c12384d,#320a2d6b),radial-gradient(at 50% 52%,#18082680 0%,#1e0a2b4d 38%,#0f09232e 100%);position:absolute;inset:0}.youtube-player{pointer-events:none;width:1px;height:1px;position:absolute;top:-10px;left:-10px;overflow:hidden}.aurora{z-index:0;filter:blur(70px);opacity:.24;border-radius:50%;animation:6s ease-in-out infinite alternate breathe;position:absolute}.aurora-one{background:#f34e8b;width:72vw;height:55vw;top:20%;left:-26vw}.aurora-two{background:#774aff;width:65vw;height:70vw;animation-delay:-3s;top:4%;right:-30vw}.stars{position:absolute;inset:0}.stars:before,.stars:after{content:"";opacity:.7;background-image:radial-gradient(circle at 12% 17%,#fff 0 1px,#0000 1.8px),radial-gradient(circle at 84% 13%,#fff 0 1.2px,#0000 2px),radial-gradient(circle at 66% 31%,#ffc8dc 0 1px,#0000 1.8px),radial-gradient(circle at 22% 46%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 90% 55%,#fff 0 1px,#0000 1.7px),radial-gradient(circle at 45% 10%,#ffd8e6 0 .8px,#0000 1.5px);animation:3.4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.stars:after{animation-delay:-1.7s;transform:rotate(180deg)scale(.83)}.corner-rose{z-index:1;aspect-ratio:1;pointer-events:none;opacity:.72;filter:drop-shadow(0 12px 28px #3800196b);width:clamp(170px,50vw,245px);position:absolute}.corner-rose img{object-fit:contain;will-change:transform;width:100%;height:100%;animation:18s linear infinite rose-spin;display:block}.rose-top{top:calc(-58px - env(safe-area-inset-top));right:-62px}.rose-bottom{bottom:calc(-64px - env(safe-area-inset-bottom));left:-66px}.rose-bottom img{animation-duration:21s;animation-direction:reverse}.balloon-field,.spark-field{z-index:2;pointer-events:none;position:absolute;inset:0}.balloon{--size:72px;--color:#fa668f;--shade:#a91f50;--drift:20px;--tilt:3deg;left:var(--left);bottom:calc(-1 * var(--size) - 100px);width:var(--size);height:calc(var(--size) * 1.22);animation:rise var(--duration) cubic-bezier(.18,.55,.34,.99) var(--delay) forwards;will-change:transform, bottom, opacity;position:absolute}.balloon-body{background:radial-gradient(ellipse at 31% 24%, #ffffffd1 0 3%, #ffffff42 4% 12%, transparent 13%), radial-gradient(ellipse at 66% 67%, transparent 0 36%, #1e000e3d 82%), linear-gradient(135deg, color-mix(in srgb, var(--color) 86%, white), var(--color) 52%, var(--shade));transform-origin:50% 100%;border-radius:50% 50% 47% 47%/43% 43% 57% 57%;animation:1.9s ease-in-out infinite alternate wobble;position:absolute;inset:0;box-shadow:inset -9px -12px 15px #2013,0 11px 28px #0000003d}.balloon-body:after{content:"";background:var(--shade);clip-path:polygon(50% 0,100% 100%,0 100%);width:13%;height:10%;position:absolute;bottom:-7%;left:44%}.string{width:1px;height:calc(var(--size) * 1.16);transform-origin:top;background:linear-gradient(#ffffffb3,#ffffff1a);animation:1.9s ease-in-out infinite alternate string-sway;position:absolute;top:105%;left:50%}.balloon.popping{animation-play-state:paused}.balloon.popping .balloon-body{animation:.18s cubic-bezier(.3,.9,.5,1) forwards pop}.balloon.popping .string{animation:.62s ease-in forwards string-fall}.spark{left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:var(--c);box-shadow:0 0 5px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50% 45% 55% 35%;animation:.76s cubic-bezier(.12,.65,.35,1) forwards burst;position:absolute}.message{z-index:5;text-align:center;opacity:0;filter:blur(13px);pointer-events:none;place-content:center;padding:24px 18px 13vh;display:grid;position:absolute;inset:0;transform:scale(.72)translateY(28px)}.message.show{animation:1.45s cubic-bezier(.16,1,.3,1) forwards reveal}.message.show.fading{opacity:0;filter:blur(9px);transition:opacity 1.15s,transform 1.15s,filter 1.15s;animation:none;transform:scale(.97)translateY(-15px)}h1{color:var(--ink);letter-spacing:-.025em;text-wrap:balance;text-shadow:0 3px 8px #0c0014e6,0 8px 28px #0c0014b8;margin:0;font-family:Caveat,Snell Roundhand,Segoe Script,cursive;font-size:clamp(43px,13vw,76px);font-weight:600;line-height:.93}.written-line{white-space:nowrap;display:block}.letter{opacity:0;filter:blur(3px);transform-origin:0 100%;will-change:opacity, transform, filter;display:inline-block;transform:translateY(.14em)rotate(-2deg)scale(.82)}.letter-space{width:.22em}.message.show .letter{animation:.52s cubic-bezier(.16,.82,.25,1) forwards letter-write;animation-delay:calc(.32s + var(--letter-index) * 64ms)}.accent-line{color:#ffacc5;text-shadow:0 0 24px #ff5d9173,0 3px 8px #0c0014eb,0 8px 28px #0c0014b3;font-style:normal;font-weight:700}.signature{z-index:6;left:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#fff4f9c7;letter-spacing:.08em;opacity:0;white-space:nowrap;pointer-events:none;margin:0;font-family:Caveat,Segoe Script,cursive;font-size:clamp(16px,4.5vw,21px);font-weight:500;position:absolute;transform:translate(-50%,7px)}.signature.show{animation:.9s 3.75s forwards signature-in}@keyframes rise{0%{transform:translateX(0) rotate(calc(var(--tilt) * -1));opacity:0;bottom:-170px}8%{opacity:1}28%{transform:translateX(var(--drift)) rotate(var(--tilt))}55%{transform:translateX(calc(var(--drift) * -.72)) rotate(calc(var(--tilt) * -.8))}78%{transform:translateX(calc(var(--drift) * .48)) rotate(var(--tilt))}to{bottom:var(--end);opacity:1;transform:translate(0)rotate(0)}}@keyframes wobble{to{transform:rotate(3.5deg)scaleX(.98)}}@keyframes string-sway{0%{transform:rotate(4deg)}to{transform:rotate(-5deg)}}@keyframes pop{55%{filter:brightness(1.65);opacity:1;transform:scale(1.22)}to{opacity:0;transform:scale(1.7)}}@keyframes string-fall{to{opacity:0;transform:rotate(25deg)translateY(65px)}}@keyframes burst{to{transform:translate(var(--tx), var(--ty)) rotate(var(--r)) scale(.15);opacity:0}}@keyframes reveal{0%{opacity:0;filter:blur(13px);transform:scale(.72)translateY(28px)}70%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes letter-write{0%{opacity:0;filter:blur(3px);transform:translateY(.14em)rotate(-2deg)scale(.82)}55%{opacity:1;filter:blur()}78%{transform:translateY(-.025em)rotate(.4deg)scale(1.035)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)scale(1)}}@keyframes signature-in{to{opacity:1;transform:translate(-50%)}}@keyframes breathe{to{opacity:.4;transform:scale(1.12)translateY(-3%)}}@keyframes twinkle{to{opacity:.25}}@keyframes rose-spin{to{transform:rotate(360deg)}}@media (width>=700px){.scene{width:min(100%,520px);margin-inline:auto;box-shadow:0 0 100px #000}body{background:#09040e}}@media (prefers-reduced-motion:reduce){.balloon-field,.spark-field{display:none}.corner-rose img{animation:none}.message{opacity:1;filter:none;transform:none}.message.show{animation:none}.letter{opacity:1;filter:none;transform:none;animation:none!important}.signature{opacity:1;transform:translate(-50%);animation:none!important}}