:root{--teal:#2ec4c6;--teal-dark:#17999b;--teal-deep:#0f6b6d;--sky:#6fd3e8;--light-blue:#bfeaf3;--pale-blue:#e6f8fc;--white:#fff;--cream:#f3fcfd;--coral:#ff6f61;--coral-light:#ff9a8b;--coral-deep:#e0493b;--rose:#e86a82;--rose-soft:#f7a8b8;--blush:#ffe3e8;--blush-pale:#fff4f6;--wine:#a8324a;--ink:#1b3a4b;--ink-soft:#3d6373;--shadow-sm:0 4px 14px #17999b2e;--shadow-md:0 10px 30px #17999b38;--shadow-coral:0 10px 26px #ff6f614d;--shadow-rose:0 12px 30px #e86a8247;--radius:28px;--radius-lg:40px;--script:"Dancing Script", "Segoe Script", cursive;--serif:"Cormorant Garamond", Georgia, serif;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Quicksand,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 8%, #f7a8b847, transparent 42%), radial-gradient(circle at 12% 32%, #ffe3e866, transparent 40%), linear-gradient(180deg, var(--pale-blue) 0%, var(--blush-pale) 45%, #fff 100%);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4{color:var(--teal-deep);margin:0 0 .4em;font-family:"Baloo 2",Quicksand,cursive;line-height:1.15}p{margin:0 0 1em}button{cursor:pointer;border:none;font-family:inherit}#root{width:100%}.section{max-width:1040px;margin:0 auto;padding:64px 20px}.section__eyebrow{text-align:center;font-family:var(--script);color:var(--rose);margin-bottom:-2px;font-size:clamp(1.3rem,5vw,1.9rem);font-weight:700;display:block}.section__title{text-align:center;margin-bottom:8px;font-size:clamp(1.8rem,6vw,2.8rem)}.section__subtitle{text-align:center;color:var(--ink-soft);max-width:620px;font-size:clamp(1.02rem,3.5vw,1.22rem);font-family:var(--serif);margin:0 auto 36px;font-size:clamp(1.1rem,3.6vw,1.35rem);font-weight:500}.divider{max-width:360px;color:var(--rose);justify-content:center;align-items:center;gap:12px;margin:0 auto 34px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--rose-soft));flex:1;height:2px}.divider:after{background:linear-gradient(90deg, var(--rose-soft), transparent)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);border:3px solid var(--blush)}@media (width<=600px){.section{padding:48px 16px}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lock{z-index:1000;background:radial-gradient(circle at 80% 12%, #6fd3e873, transparent 45%), radial-gradient(circle at 15% 85%, #ffe3e880, transparent 45%), linear-gradient(160deg, var(--teal) 0%, var(--sky) 45%, var(--pale-blue) 100%);justify-content:center;align-items:center;padding:24px;animation:.5s both fade;display:flex;position:fixed;inset:0}.lock__form{gap:12px;width:min(360px,100%);display:flex}.lock__input{text-align:center;letter-spacing:.16em;border:2.5px solid var(--light-blue);background:var(--white);color:var(--ink);border-radius:999px;outline:none;flex:1;padding:14px 18px;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}.lock__input:focus{border-color:var(--teal);box-shadow:var(--shadow-sm)}.lock__input--error{border-color:var(--coral);animation:.4s lock-shake}@keyframes lock-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.lock__button{width:52px;color:var(--white);background:linear-gradient(135deg, var(--rose), var(--coral));box-shadow:var(--shadow-rose);border-radius:999px;flex-shrink:0;font-size:1.2rem;transition:transform .15s,box-shadow .2s}.lock__button:hover{box-shadow:var(--shadow-coral);transform:translateY(-2px)}.lock__button:active{transform:translateY(0)}.hero{text-align:center;background:radial-gradient(circle at 78% 12%, #f7a8b88c, transparent 45%), radial-gradient(circle at 18% 18%, #ffffff80, transparent 45%), linear-gradient(160deg, var(--sky) 0%, var(--teal) 50%, var(--teal-dark) 100%);color:var(--white);padding:76px 20px 120px;position:relative;overflow:hidden}.hero__content{z-index:2;max-width:760px;margin:0 auto;position:relative}.hero__portrait{width:clamp(120px,34vw,168px);height:clamp(120px,34vw,168px);margin:0 auto 14px;animation:3.4s ease-in-out infinite bob;position:relative}.hero__portrait img{object-fit:cover;object-position:50% 22%;border:5px solid var(--white);border-radius:50%;width:100%;height:100%;box-shadow:0 14px 34px #a8324a66}.hero__hat{filter:drop-shadow(0 3px 4px #a8324a4d);font-size:clamp(1.8rem,7vw,2.6rem);position:absolute;top:-16px;right:-4px;transform:rotate(14deg)}.hero__eyebrow{font-family:var(--script);letter-spacing:.3px;color:var(--blush);text-shadow:0 2px 6px #0f6b6d4d;margin:6px 0 0;font-size:clamp(1.4rem,6vw,2rem);font-weight:700;display:inline-block}.hero__title{color:var(--white);overflow-wrap:break-word;text-shadow:0 5px #0f6b6d38;margin:2px 0 16px;font-size:clamp(1.9rem,8vw,4rem);font-weight:800}.hero__title span{font-family:var(--script);color:var(--blush);text-shadow:0 6px 16px #a8324a59;margin-top:2px;font-size:clamp(3rem,14vw,6.4rem);font-weight:700;display:block}.hero__lead{color:#fffffff2;max-width:540px;margin:0 auto 36px;font-size:clamp(1rem,3.6vw,1.25rem);font-weight:500}.hero__timer{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:2px solid #fff6;padding:26px 18px 22px;box-shadow:0 14px 40px #0f6b6d59}.hero__timer-title{color:var(--white);margin:0 0 18px;font-size:clamp(1.2rem,4.5vw,1.6rem)}.hero__timer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hero__unit{background:var(--white);color:var(--teal-deep);border-radius:20px;flex-direction:column;align-items:center;padding:14px 6px;display:flex;box-shadow:0 6px #0f6b6d2e}.hero__unit-value{font-variant-numeric:tabular-nums;font-family:"Baloo 2",cursive;font-size:clamp(1.5rem,7vw,2.6rem);font-weight:800;line-height:1}.hero__unit-label{text-transform:uppercase;letter-spacing:.6px;color:var(--coral);margin-top:6px;font-size:.72rem;font-weight:700}.hero__timer-foot{margin:18px 0 0;font-weight:600}.hero__bubbles{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__bubble{opacity:.9;filter:drop-shadow(0 3px 5px #0f6b6d40);line-height:1;animation:linear infinite rise;position:absolute;bottom:-40px}.hero__bubble--0{font-size:26px;animation-duration:11s;animation-delay:0s;left:8%}.hero__bubble--1{font-size:18px;animation-duration:9s;animation-delay:2s;left:22%}.hero__bubble--2{font-size:30px;animation-duration:13s;animation-delay:1s;left:38%}.hero__bubble--3{font-size:16px;animation-duration:8s;animation-delay:3s;left:52%}.hero__bubble:nth-child(5){font-size:28px;animation-duration:12s;animation-delay:.5s;left:64%}.hero__bubble:nth-child(6){font-size:20px;animation-duration:10s;animation-delay:2.5s;left:74%}.hero__bubble:nth-child(7){font-size:24px;animation-duration:14s;animation-delay:1.5s;left:84%}.hero__bubble:nth-child(8){font-size:16px;animation-duration:9s;animation-delay:.8s;left:92%}.hero__bubble:nth-child(9){font-size:22px;animation-duration:15s;animation-delay:4s;left:15%}.hero__bubble:nth-child(10){font-size:18px;animation-duration:11s;animation-delay:3.5s;left:46%}.hero__bubble:nth-child(11){font-size:24px;animation-duration:12.5s;animation-delay:5s;left:30%}.hero__bubble:nth-child(12){font-size:16px;animation-duration:8.5s;animation-delay:1.2s;left:68%}.hero__wave{z-index:2;line-height:0;position:absolute;bottom:-1px;left:0;right:0}.hero__wave svg{width:100%;height:90px}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-105vh)scale(1.1)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}@media (width<=480px){.hero__timer{padding:22px 12px 18px}.hero__timer-grid{gap:6px}.hero__unit{border-radius:16px;padding:12px 2px}.hero__unit-value{font-size:clamp(1.3rem,6.5vw,2rem)}.hero__unit-label{letter-spacing:.2px;font-size:.58rem}}.birthday__grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:920px;margin:0 auto;display:grid}.birthday__polaroid{background:var(--white);box-shadow:var(--shadow-md);border:3px solid var(--blush);border-radius:18px;margin:0;padding:12px 12px 10px;transition:transform .25s,box-shadow .25s}.birthday__polaroid:hover{box-shadow:var(--shadow-rose);transform:translateY(-8px)rotate(0)scale(1.03)}.tilt-l{transform:rotate(-3deg)}.tilt-r{transform:rotate(3deg)}.birthday__photo{aspect-ratio:4/5;background:var(--pale-blue);border-radius:12px;overflow:hidden}.birthday__photo img{object-fit:cover;width:100%;height:100%;display:block}.birthday__polaroid figcaption{text-align:center;font-family:var(--script);color:var(--rose);margin-top:8px;font-size:1.15rem;font-weight:700}@media (width<=720px){.birthday__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=380px){.birthday__grid{gap:12px}.birthday__polaroid figcaption{font-size:.85rem}}.distance__card{text-align:center;padding:36px 26px 32px}.distance__map{justify-content:space-between;align-items:center;gap:12px;display:flex}.distance__city{min-width:92px;color:var(--teal-deep);flex-direction:column;align-items:center;display:flex}.distance__city strong{margin-top:4px;font-family:"Baloo 2",cursive;font-size:clamp(1rem,4vw,1.4rem)}.distance__city small{color:var(--ink-soft);font-weight:600}.distance__avatar{border-radius:50%;width:clamp(72px,22vw,116px);height:clamp(72px,22vw,116px);position:relative;overflow:visible}.distance__avatar img{object-fit:cover;border:4px solid var(--white);width:100%;height:100%;box-shadow:var(--shadow-md);background:var(--light-blue);border-radius:50%}.distance__pin{filter:drop-shadow(0 3px 4px #17999b59);font-size:clamp(1.3rem,6vw,2rem);position:absolute;bottom:-6px;right:-6px}.distance__line{background:repeating-linear-gradient(90deg, var(--teal) 0 10px, transparent 10px 20px);border-radius:999px;flex:1;align-self:center;height:4px;margin:0 6px;position:relative;top:6px}.distance__travel{font-size:1.5rem;animation:6s ease-in-out infinite drift;position:absolute;top:-20px;left:0}.distance__km{white-space:nowrap;color:var(--coral);background:var(--white);box-shadow:var(--shadow-sm);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.distance__hearts{justify-content:center;gap:6px;margin:34px 0 22px;font-size:1.3rem;display:flex}.distance__hearts span{animation:1.6s ease-in-out infinite pulse}.distance__message{max-width:620px;color:var(--ink);border:none;margin:0 auto;padding:0;font-size:clamp(1rem,3.6vw,1.18rem);font-weight:600;line-height:1.7}@keyframes drift{0%{left:0;transform:scale(1)}50%{left:calc(100% - 22px);transform:scale(1.2)}to{left:0;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (width<=480px){.distance__card{padding:28px 16px 26px}.distance__city{min-width:70px}.distance__travel{font-size:1.2rem}}.childhood{text-align:center}.childhood__pair{flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;display:flex}.childhood__card{background:var(--white);border:3px solid var(--blush);max-width:320px;box-shadow:var(--shadow-md);border-radius:22px;flex:1 1 0;margin:0;padding:12px 12px 10px;transition:transform .25s}.childhood__card--l{transform:rotate(-2.5deg)}.childhood__card--r{transform:rotate(2.5deg)}.childhood__card:hover{transform:rotate(0)translateY(-6px)}.childhood__photo{aspect-ratio:3/4;background:var(--pale-blue);border-radius:14px;overflow:hidden}.childhood__photo img{object-fit:cover;width:100%;height:100%;display:block}.childhood__card figcaption{flex-direction:column;margin-top:10px;display:flex}.childhood__card figcaption strong{color:var(--teal-deep);font-family:"Baloo 2",cursive;font-size:1.1rem}.childhood__card figcaption small{color:var(--ink-soft);font-weight:600}.childhood__heart{flex:none;font-size:clamp(1.8rem,7vw,2.8rem);animation:1.6s ease-in-out infinite pulse}.childhood__note{font-family:var(--script);color:var(--rose);margin-top:26px;font-size:clamp(1.5rem,6vw,2.1rem);font-weight:700}@media (width<=480px){.childhood__pair{gap:8px}.childhood__card{border-radius:16px;padding:8px}}.letter{text-align:center}.letter__envelope-wrap{flex-direction:column;align-items:center;gap:22px;display:flex}.envelope{cursor:pointer;filter:drop-shadow(0 16px 30px #a8324a47);background:0 0;width:min(300px,80vw);height:min(200px,53vw);padding:0;transition:transform .25s;position:relative}.envelope:hover{transform:translateY(-6px)scale(1.02)}.envelope__back{background:linear-gradient(150deg, var(--rose-soft), var(--rose));border-radius:14px;position:absolute;inset:0}.envelope__paper{background:var(--blush-pale);z-index:1;border-radius:8px 8px 4px 4px;height:78%;transition:transform .3s;position:absolute;bottom:10%;left:8%;right:8%;box-shadow:0 -4px 10px #a8324a26}.envelope:hover .envelope__paper{transform:translateY(-14%)}.envelope__pocket{background:linear-gradient(150deg, var(--rose), var(--wine));clip-path:polygon(0 32%,50% 100%,100% 32%,100% 100%,0 100%);z-index:2;border-radius:14px;position:absolute;inset:0}.envelope__flap{border-left:min(150px,40vw) solid #0000;border-right:min(150px,40vw) solid #0000;border-top:min(116px, 31vw) solid var(--rose);transform-origin:top;z-index:3;height:0;transition:transform .4s,opacity .3s;position:absolute;top:0;left:0;right:0}.envelope:hover .envelope__flap,.envelope.is-open .envelope__flap{opacity:.9;z-index:1;transform:rotateX(180deg)}.envelope__seal{background:var(--white);width:46px;height:46px;color:var(--rose);z-index:4;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:opacity .2s;display:flex;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #a8324a59}.envelope:hover .envelope__seal{opacity:0}.letter__hint{font-family:var(--script);color:var(--rose);margin:0;font-size:clamp(1.2rem,5vw,1.6rem)}.letter__overlay{z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#781e3280;justify-content:center;align-items:flex-start;padding:28px 16px;animation:.25s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.letter__paper{background:linear-gradient(180deg, #fffdfa, var(--blush-pale));text-align:left;border:1px solid #a8324a26;border-radius:18px;width:100%;max-width:600px;margin:auto;padding:42px 30px 34px;animation:.45s cubic-bezier(.34,1.4,.64,1) letterRise;position:relative;box-shadow:0 24px 60px #781e3266}.letter__rose{opacity:.85;font-size:2rem;position:absolute}.letter__rose--tl{top:12px;left:16px;transform:rotate(-20deg)}.letter__rose--br{bottom:12px;right:16px;transform:rotate(20deg)}.letter__greeting{font-family:var(--script);color:var(--wine);text-align:center;margin:0 0 14px;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:700}.letter__intro,.letter__closing{font-family:var(--serif);color:var(--ink);margin:0 0 20px;font-size:clamp(1.1rem,3.6vw,1.3rem);line-height:1.6}.letter__list{counter-reset:reason;margin:0 0 24px;padding:0;list-style:none}.letter__reason{font-family:var(--serif);color:var(--ink);border-bottom:1px dashed #e86a824d;align-items:flex-start;gap:12px;padding:10px 0;font-size:clamp(1.05rem,3.5vw,1.25rem);line-height:1.55;display:flex;position:relative}.letter__reason:last-child{border-bottom:none}.letter__reason-heart{color:var(--rose);flex:none;margin-top:2px;font-size:1.1rem}.letter__closing{margin-top:8px}.letter__signature{font-family:var(--script);color:var(--wine);text-align:right;margin:0;font-size:clamp(1.3rem,5vw,1.7rem)}.letter__signature--name{margin-bottom:22px;font-size:clamp(1.6rem,6vw,2.1rem)}.letter__close{background:var(--rose);color:var(--white);box-shadow:0 5px 0 var(--wine);border-radius:999px;margin:0 auto;padding:12px 30px;font-size:1rem;font-weight:700;transition:transform .12s;display:block}.letter__close:active{box-shadow:0 1px 0 var(--wine);transform:translateY(4px)}@keyframes letterRise{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.letter__paper{padding:36px 20px 28px}.letter__rose{font-size:1.5rem}}.song{text-align:center}.song__gift-wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.song__gift{cursor:pointer;background:0 0;width:200px;height:184px;padding:0;animation:2.6s ease-in-out infinite giftBob;position:relative}.song__gift:hover{animation:.5s ease-in-out infinite giftShake}.song__gift-body{background:linear-gradient(150deg, var(--sky), var(--teal));border:4px solid var(--teal-dark);width:168px;height:124px;box-shadow:var(--shadow-md), inset 0 -8px 14px #0f6b6d4d;border-radius:16px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.song__gift-lid{background:linear-gradient(150deg, #7adbe6, var(--teal));border:4px solid var(--teal-dark);z-index:3;border-radius:14px;width:188px;height:46px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #0f6b6d4d}.song__gift-bow{background:var(--coral);border:4px solid var(--coral-deep);width:44px;height:44px;box-shadow:-26px 4px 0 -6px var(--coral), 26px 4px 0 -6px var(--coral);border-radius:50%/60% 60% 40% 40%;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.song__gift-ribbon{background:var(--coral);opacity:.92;z-index:2;width:26px;height:124px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.song__gift-hint{color:var(--ink-soft);font-weight:700}.song__reveal{animation:.45s cubic-bezier(.34,1.56,.64,1) pop}@keyframes giftBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes giftShake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.song__frame{max-width:720px;margin:0 auto;padding:12px;position:relative;overflow:hidden}.song__video,.song__facade{aspect-ratio:16/9;border-radius:calc(var(--radius) - 12px);border:none;width:100%;display:block}.song__facade{cursor:pointer;background-position:50%;background-size:cover;padding:0;position:relative;overflow:hidden}.song__facade:after{content:"";background:linear-gradient(#0f6b6d0d,#0f6b6d73);transition:background .2s;position:absolute;inset:0}.song__facade:hover:after{background:linear-gradient(#0f6b6d1a,#0f6b6d8c)}.song__play{z-index:2;background:var(--coral);width:78px;height:78px;color:var(--white);box-shadow:var(--shadow-coral);border-radius:50%;justify-content:center;align-items:center;padding-left:6px;font-size:1.8rem;transition:transform .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.song__facade:hover .song__play{transform:translate(-50%,-50%)scale(1.12)}.song__hint{z-index:2;color:var(--white);text-shadow:0 1px 4px #0006;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.song__note{color:var(--ink-soft);margin-top:18px;font-weight:600}.song__note a{color:var(--teal-dark);font-weight:700}.art__grid{grid-template-columns:repeat(2,1fr);gap:18px;max-width:860px;margin:0 auto;display:grid}.art__item{background:var(--white);border:3px solid var(--blush);box-shadow:var(--shadow-md);cursor:pointer;border-radius:20px;margin:0;padding:10px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.art__item:hover{box-shadow:var(--shadow-rose);transform:translateY(-5px)}.art__item img{object-fit:cover;aspect-ratio:4/3;border-radius:12px;width:100%;height:100%;display:block}.art__zoom{background:var(--white);width:36px;height:36px;box-shadow:var(--shadow-sm);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:16px;right:16px}.art__item:hover .art__zoom{opacity:1}.art__item--video{cursor:default;flex-direction:column;gap:8px;display:flex}.art__item--video video{aspect-ratio:9/12;object-fit:cover;background:#000;border-radius:12px;width:100%}.art__video-label{text-align:center;color:var(--teal-deep);font-family:"Baloo 2",cursive;font-weight:600}.art__overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f6b6d99;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;animation:.2s fade;display:flex;position:fixed;inset:0}.art__zoomed{border:4px solid var(--white);max-width:100%;max-height:78vh;box-shadow:var(--shadow-md);border-radius:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop}.art__close{background:var(--coral);color:var(--white);box-shadow:0 5px 0 var(--coral-deep);border-radius:999px;padding:10px 24px;font-weight:700}.art__close:active{box-shadow:0 1px 0 var(--coral-deep);transform:translateY(4px)}@media (width<=560px){.art__grid{grid-template-columns:1fr;gap:14px;max-width:420px}.art__item--video video{aspect-ratio:3/4}}.floating-cats{z-index:40;pointer-events:none;position:fixed;inset:0}.cat{filter:drop-shadow(0 6px 10px #0f6b6d47);flex-direction:column;align-items:center;gap:4px;animation:5s ease-in-out infinite catFloat;display:flex;position:fixed}.cat__frame{border:4px solid var(--white);width:72px;height:72px;box-shadow:var(--shadow-sm);background:var(--light-blue);border-radius:50%;overflow:hidden}.cat__frame img{object-fit:cover;width:100%;height:100%;display:block}.cat__bubble{background:var(--white);color:var(--teal-deep);border:2px solid var(--light-blue);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:14px;padding:5px 10px;font-size:.72rem;font-weight:700;position:relative}.cat__bubble:after{content:"";border:6px solid #0000;border-top-color:var(--white);position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.cat--a{top:14%;right:1.5%}.cat--b{top:40%;left:1.5%}.cat--c{top:64%;right:1.5%}.cat--d{bottom:8%;left:1.5%}.cat--b,.cat--d{animation-name:catFloatAlt}@keyframes catFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}@keyframes catFloatAlt{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-14px)rotate(-3deg)}}@media (width<=720px){.cat__frame{border-width:3px;width:48px;height:48px}.cat__bubble{display:none}.cat--a{top:9%;right:.5%}.cat--b{top:34%;left:.5%}.cat--c{top:60%;right:.5%}.cat--d{bottom:5%;left:.5%}}@media (width<=380px){.cat__frame{width:40px;height:40px}.cat--b,.cat--c{display:none}}.petals{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.petal{opacity:0;will-change:transform, opacity;filter:drop-shadow(0 2px 3px #a8324a26);animation-name:petalFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-8%}@keyframes petalFall{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}10%{opacity:.85}50%{transform:translateY(45vh)translate(40px)rotate(180deg)}90%{opacity:.7}to{opacity:0;transform:translateY(110vh)translate(-30px)rotate(360deg)}}@media (width<=720px){.petal:nth-child(2n){display:none}.petal{opacity:.7}}.app{width:100%;overflow-x:hidden}.footer{text-align:center;background:linear-gradient(180deg, #fff, var(--blush));color:var(--ink-soft);padding:52px 20px 60px;font-weight:600}.footer__roses{letter-spacing:6px;margin-bottom:12px;font-size:1.6rem;display:block}.footer p{margin:0 0 4px}.footer__small{color:var(--rose);font-weight:700;font-family:var(--script);font-size:1.4rem}