*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{--dark-color: #000;--fl-speed: .8s;--speed-leaf: 2s;color:#fff7cf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--dark-color)}html{min-height:100%;background:var(--dark-color)}body{min-height:100vh;overflow:hidden;background-color:var(--dark-color)}button{border:0;font:inherit}.app{position:relative;display:flex;min-height:100vh;min-height:100svh;align-items:flex-end;justify-content:center;overflow:hidden;perspective:1000px;background-color:var(--dark-color)}.night{position:fixed;left:50%;top:0;width:100%;height:100%;transform:translate(-50%);filter:blur(.1vmin);background-image:radial-gradient(ellipse at top,transparent 0%,var(--dark-color)),radial-gradient(ellipse at bottom,var(--dark-color),rgba(145,233,255,.2)),repeating-linear-gradient(220deg,rgb(0,0,0) 0,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,rgb(0,0,0) 0,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,rgb(0,0,0) 0,rgb(0,0,0) 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#00fffa,#f0f0f0)}.shooting-stars{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.shooting-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #fffc;opacity:0;animation:shootingStar 3s linear infinite}.shooting-star:before{position:absolute;top:50%;right:0;width:0;height:2px;transform:translateY(-50%);animation:shootingStarTail 3s linear infinite;background:linear-gradient(90deg,#fff0,#fff);content:""}.shooting-star:nth-child(1){top:5%;left:-10%;animation-delay:0s;animation-duration:2.5s}.shooting-star:nth-child(2){top:15%;left:-10%;animation-delay:2s;animation-duration:3s}.shooting-star:nth-child(3){top:25%;left:-10%;animation-delay:4s;animation-duration:2.8s}.shooting-star:nth-child(4){top:0%;left:-10%;animation-delay:6s;animation-duration:3.2s}.shooting-star:nth-child(5){top:35%;left:-10%;animation-delay:8s;animation-duration:2.7s}.shooting-star:nth-child(6){top:8%;left:-10%;animation-delay:10s;animation-duration:3.1s}.shooting-star:nth-child(7){top:45%;left:-10%;animation-delay:12s;animation-duration:2.9s}.shooting-star:nth-child(8){top:3%;left:-10%;animation-delay:14s;animation-duration:3.3s}.shooting-star--free{top:var(--top);left:-10%;animation-delay:0s;animation-duration:var(--duration)}.flowers{position:relative;z-index:2;transform:scale(.9)}.flower{position:absolute;bottom:10vmin;z-index:50;transform-origin:bottom center}.flower--1{animation:moving-flower-1 4s linear infinite}.flower--1 .flower__line{height:70vmin;animation-delay:.3s}.flower--1 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.6s backwards}.flower--1 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.4s backwards}.flower--1 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.2s backwards}.flower--1 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1s backwards}.flower--2{left:50%;transform:rotate(20deg);animation:moving-flower-2 4s linear infinite}.flower--2 .flower__line{height:60vmin;animation-delay:.6s}.flower--2 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.9s backwards}.flower--2 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.7s backwards}.flower--2 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.5s backwards}.flower--2 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.3s backwards}.flower--3{left:50%;transform:rotate(-15deg);animation:moving-flower-3 4s linear infinite}.flower--3 .flower__line{animation-delay:.9s}.flower--3 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--3 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.3s backwards}.flower--3 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower--3 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.9s backwards}.flower--4{left:-25%;z-index:-6;transform:rotate(10deg);animation:moving-flower-4 3.5s linear infinite}.flower--4 .flower__line{height:90vmin;animation-delay:1.2s}.flower--4 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.8s backwards}.flower--4 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.6s backwards}.flower--4 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.4s backwards}.flower--4 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 2.2s backwards}.flower--5{left:75%;z-index:-7;transform:rotate(-25deg);animation:moving-flower-5 4.5s linear infinite}.flower--5 .flower__line{height:85vmin;animation-delay:1.9s}.flower--5 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.7s backwards}.flower--5 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--5 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.3s backwards}.flower--5 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower__leafs{position:relative;animation:blooming-flower 2s backwards}.flower__leafs--1{animation-delay:1.1s}.flower__leafs--2{animation-delay:1.4s}.flower__leafs--3{animation-delay:1.7s}.flower__leafs--4,.flower__leafs--5{animation-delay:2s}.flower__leafs:after{position:absolute;left:0;top:0;width:8vmin;height:8vmin;transform:translate(-50%,-100%);background-color:#6bf0ff;content:"";filter:blur(10vmin)}.flower__leaf{position:absolute;bottom:0;left:50%;z-index:2;width:23vmin;height:6vmin;border-radius:60% 40%;background-color:gold;background-image:radial-gradient(circle at 72% 32%,rgba(255,255,255,.68),transparent 18%),linear-gradient(to top,#ff7b00,#ffd000 55%,#fff35c);box-shadow:inset 0 0 1vmin #fffc,0 0 4vmin #ffd70094;opacity:.95;transform-origin:bottom center}.flower__white-circle{position:absolute;left:-4vmin;top:-4vmin;width:10vmin;height:10vmin;border-radius:50%;background-color:#8b4513;background-image:radial-gradient(circle at 35% 28%,rgba(255,210,82,.42),transparent 18%),radial-gradient(circle at 30% 30%,#654321,#8b4513,#2f1b14);box-shadow:inset 0 0 2vmin #000c,0 0 1vmin #8b451399}.flower__white-circle:after{position:absolute;left:46%;top:31%;z-index:3;width:80%;height:80%;border-radius:inherit;transform:translate(-50%,-50%);background-image:repeating-conic-gradient(from 0deg,#2f1b14,#2f1b14 15deg,#654321 15deg,#654321 30deg),radial-gradient(circle at center,#8b4513,#654321);content:""}.flower__line{width:2vmin;height:55vmin;animation:grow-flower-tree 4s backwards;background-image:linear-gradient(to left,rgba(0,0,0,.3),transparent,rgba(255,255,255,.2)),linear-gradient(to top,transparent 10%,#285513,#4f8d23,#87aa32);box-shadow:inset 0 0 2px #000000b3}.flower__line__leaf{--w: 8vmin;--h: calc(var(--w) + 3vmin);position:absolute;top:20%;left:90%;width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(to top,#2d501699,#4f8d23,#8fb338);box-shadow:inset 0 0 1vmin #0000004d}.flower__line__leaf--1{transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--2{top:45%;transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--3,.flower__line__leaf--4{left:-460%;top:12%;border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);transform:rotate(-70deg) rotateY(30deg)}.flower__line__leaf--4{top:40%}.flower__light{position:absolute;bottom:0;width:.8vmin;height:.8vmin;border-radius:50%;animation:sunflower-seeds 6s linear infinite backwards;background-color:#8b4513;box-shadow:0 0 1vmin #8b4513cc;filter:blur(.1vmin)}.flower__light:nth-child(odd){background-color:#654321}.flower__light--1{left:-2vmin;animation-delay:1s}.flower__light--2{left:3vmin;animation-delay:.5s}.flower__light--3{left:-6vmin;animation-delay:.3s}.flower__light--4{left:6vmin;animation-delay:.9s}.flower__light--5{left:-1vmin;animation-delay:1.5s}.flower__light--6{left:-4vmin;animation-delay:3s}.flower__light--7{left:3vmin;animation-delay:2s}.flower__light--8{left:-6vmin;animation-delay:3.5s}.flower__grass{--c: #5d982a;--line-w: 2vmin;position:absolute;bottom:12vmin;left:-7vmin;z-index:20;display:flex;flex-direction:column;align-items:flex-end;transform:rotate(-48deg) rotateY(40deg);transform-origin:bottom center}.flower__grass--1{animation:moving-grass 2s linear infinite}.flower__grass--2{left:2vmin;bottom:10vmin;z-index:0;opacity:.8;transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);animation:moving-grass--2 1.5s linear infinite}.flower__grass--3{left:-25vmin;bottom:8vmin;z-index:15;opacity:.9;transform:scale(.7) rotate(-30deg) rotateY(45deg);animation:moving-grass--3 2.2s linear infinite}.flower__grass--4{left:-35vmin;bottom:15vmin;z-index:5;opacity:.7;transform:scale(.4) rotate(60deg) rotateX(15deg) rotateY(-180deg);animation:moving-grass--4 1.8s linear infinite}.flower__grass--5{left:-18vmin;bottom:6vmin;z-index:12;opacity:.85;transform:scale(.6) rotate(-60deg) rotateY(60deg);animation:moving-grass--5 2.5s linear infinite}.flower__grass--6{left:25vmin;bottom:9vmin;z-index:15;opacity:.9;transform:scale(.65) rotate(35deg) rotateY(-45deg);animation:moving-grass--6 2.3s linear infinite}.flower__grass--7{left:35vmin;bottom:14vmin;z-index:8;opacity:.75;transform:scale(.45) rotate(-70deg) rotateX(20deg) rotateY(170deg);animation:moving-grass--7 1.9s linear infinite}.flower__grass--8{left:18vmin;bottom:5vmin;z-index:10;opacity:.8;transform:scale(.55) rotate(50deg) rotateY(-70deg);animation:moving-grass--8 2.1s linear infinite}.flower__grass--9{left:-45vmin;bottom:20vmin;z-index:2;opacity:.6;transform:scale(.3) rotate(20deg) rotateY(90deg);animation:moving-grass--9 1.6s linear infinite}.flower__grass--10{left:42vmin;bottom:18vmin;z-index:3;opacity:.65;transform:scale(.35) rotate(-45deg) rotateY(-120deg);animation:moving-grass--10 2s linear infinite}.flower__grass--top{width:7vmin;height:10vmin;border-top-right-radius:100%;border-right:var(--line-w) solid var(--c);transform:rotate(-2deg);transform-origin:bottom center}.flower__grass--bottom{width:var(--line-w);height:25vmin;margin-top:-2px;background-image:linear-gradient(to top,transparent,var(--c))}.flower__grass__leaf{--size: 10vmin;position:absolute;z-index:100;width:calc(var(--size) * 2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c))}.flower__grass__leaf--1{top:-6%;left:30%;--size: 6vmin;transform:rotate(-20deg);animation:growing-grass-ans--1 var(--speed-leaf) 2.6s backwards}.flower__grass__leaf--2{top:-5%;left:-110%;--size: 6vmin;transform:rotate(10deg);animation:growing-grass-ans--2 var(--speed-leaf) 2.4s linear backwards}.flower__grass__leaf--3{top:5%;left:60%;--size: 8vmin;transform:rotate(-18deg) rotateX(-20deg);animation:growing-grass-ans--3 var(--speed-leaf) 2.2s linear backwards}.flower__grass__leaf--4{top:6%;left:-135%;--size: 8vmin;transform:rotate(2deg);animation:growing-grass-ans--4 var(--speed-leaf) 2s linear backwards}.flower__grass__leaf--5{top:20%;left:60%;--size: 10vmin;transform:rotate(-24deg) rotateX(-20deg);animation:growing-grass-ans--5 var(--speed-leaf) 1.8s linear backwards}.flower__grass__leaf--6{top:22%;left:-180%;--size: 10vmin;transform:rotate(10deg);animation:growing-grass-ans--6 var(--speed-leaf) 1.6s linear backwards}.flower__grass__leaf--7{top:39%;left:70%;--size: 10vmin;transform:rotate(-10deg);animation:growing-grass-ans--7 var(--speed-leaf) 1.4s linear backwards}.flower__grass__leaf--8{top:40%;left:-215%;--size: 11vmin;transform:rotate(10deg);animation:growing-grass-ans--8 var(--speed-leaf) 1.2s linear backwards}.flower__grass__overlay{position:absolute;top:-10%;right:0%;z-index:100;width:100%;height:100%;background-color:#0009;filter:blur(1.5vmin)}.grow-ans{animation:grow-ans 2s var(--d) backwards}.growing-grass{animation:growing-grass-ans 1s 2s backwards}.not-loaded *{animation-play-state:paused!important}.forgiveness{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-items:start;justify-items:center;padding:max(20px,env(safe-area-inset-top)) 18px 24px;pointer-events:none}.apology,.poem{width:min(calc(100vw - 36px),420px);margin-top:clamp(14px,6vh,54px);padding:18px 18px 20px;border:1px solid rgba(255,225,127,.28);border-radius:8px;background:linear-gradient(180deg,#131416c2,#05070c9e),#00000070;box-shadow:0 18px 55px #00000073,inset 0 1px #ffffff14;pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.apology{min-height:342px}.poem{display:grid;gap:12px}.eyebrow{color:#9ef2ff;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{color:#ffe27a;font-family:Georgia,Times New Roman,serif;font-weight:800;line-height:.98;text-wrap:balance;text-shadow:0 0 24px rgba(255,202,40,.26)}h1{margin-top:8px;font-size:clamp(2.45rem,17vw,4.75rem)}h2{font-size:clamp(2rem,13vw,3.45rem)}.message{display:grid;min-height:74px;margin:18px auto 0;align-items:center;color:#fff8dd;font-size:clamp(1rem,4.6vw,1.2rem);font-weight:650;line-height:1.35;text-wrap:balance}.actions{position:relative;display:flex;min-height:104px;align-items:center;justify-content:center;gap:12px;margin-top:12px}.yes-button,.no-button{min-width:116px;min-height:52px;border-radius:8px;font-weight:900;cursor:pointer;transition:transform .28s ease,background .2s ease,box-shadow .2s ease;touch-action:manipulation}.yes-button{color:#241900;background:linear-gradient(180deg,#ffe978,#ffb21d);box-shadow:0 12px 26px #ffb21d38,inset 0 1px #ffffff8c}.yes-button:active{transform:translateY(2px) scale(.99)}.no-button{position:relative;color:#fff8dd;background:#ffffff1a;outline:1px solid rgba(255,255,255,.2);box-shadow:0 12px 24px #0003}.no-button:active{background:#ffffff29}.attempts{min-height:20px;color:#fff8ddbd;font-size:.86rem;font-weight:700}.poem-lines{display:grid;gap:8px;color:#fff8dd;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.02rem,4.9vw,1.28rem);line-height:1.32;text-wrap:balance}.signature{color:#9ef2ff;font-size:.95rem;font-weight:800}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0) rotate(45deg)}10%,90%{opacity:1}to{opacity:0;transform:translate(120vw) translateY(50vh) rotate(10deg)}}@keyframes shootingStarTail{0%,to{width:0}30%{width:100px}}@keyframes grow-ans{0%{opacity:0;transform:scale(0)}}@keyframes growing-grass-ans{0%{transform:scale(0)}}@keyframes growing-grass-ans--1{0%{transform:rotate(-20deg) scale(0);transform-origin:bottom left}}@keyframes growing-grass-ans--2{0%{transform:rotate(10deg) scale(0);transform-origin:bottom right}}@keyframes growing-grass-ans--3{0%{transform:rotate(-18deg) rotateX(-20deg) scale(0);transform-origin:bottom left}}@keyframes growing-grass-ans--4{0%{transform:rotate(2deg) scale(0);transform-origin:bottom right}}@keyframes growing-grass-ans--5{0%{transform:rotate(-24deg) rotateX(-20deg) scale(0);transform-origin:bottom left}}@keyframes growing-grass-ans--6{0%{transform:rotate(10deg) scale(0);transform-origin:bottom right}}@keyframes growing-grass-ans--7{0%{transform:rotate(-10deg) scale(0);transform-origin:bottom left}}@keyframes growing-grass-ans--8{0%{transform:rotate(10deg) scale(0);transform-origin:bottom right}}@keyframes sunflower-seeds{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:1;transform:translateY(-3vmin) translate(-1vmin) rotate(45deg)}40%{opacity:1;transform:translateY(-8vmin) translate(1vmin) rotate(90deg)}60%{transform:translateY(-12vmin) translate(-1vmin) rotate(135deg)}80%{opacity:.5;transform:translateY(-16vmin) translate(2vmin) rotate(180deg)}to{opacity:0;transform:translateY(-25vmin) rotate(225deg)}}@keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg) rotateY(-10deg)}}@keyframes moving-flower-4{0%,to{transform:rotate(9deg)}50%{transform:rotate(12deg) rotateY(9deg)}}@keyframes moving-flower-5{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-11deg) rotateY(5deg)}}@keyframes blooming-leaf-right{0%{transform:rotate(70deg) rotateY(30deg) scale(0);transform-origin:left}}@keyframes blooming-leaf-left{0%{transform:rotate(-70deg) rotateY(30deg) scale(0);transform-origin:right}}@keyframes grow-flower-tree{0%{height:0;border-radius:1vmin}}@keyframes blooming-flower{0%{transform:scale(0)}}@keyframes moving-grass{0%,to{transform:rotate(-48deg) rotateY(40deg)}50%{transform:rotate(-50deg) rotateY(40deg)}}@keyframes moving-grass--2{0%,to{transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg)}50%{transform:scale(.5) rotate(79deg) rotateX(10deg) rotateY(-200deg)}}@keyframes moving-grass--3{0%,to{transform:scale(.7) rotate(-30deg) rotateY(45deg)}50%{transform:scale(.7) rotate(-33deg) rotateY(50deg)}}@keyframes moving-grass--4{0%,to{transform:scale(.4) rotate(60deg) rotateX(15deg) rotateY(-180deg)}50%{transform:scale(.4) rotate(63deg) rotateX(18deg) rotateY(-175deg)}}@keyframes moving-grass--5{0%,to{transform:scale(.6) rotate(-60deg) rotateY(60deg)}50%{transform:scale(.6) rotate(-57deg) rotateY(65deg)}}@keyframes moving-grass--6{0%,to{transform:scale(.65) rotate(35deg) rotateY(-45deg)}50%{transform:scale(.65) rotate(38deg) rotateY(-40deg)}}@keyframes moving-grass--7{0%,to{transform:scale(.45) rotate(-70deg) rotateX(20deg) rotateY(170deg)}50%{transform:scale(.45) rotate(-67deg) rotateX(23deg) rotateY(175deg)}}@keyframes moving-grass--8{0%,to{transform:scale(.55) rotate(50deg) rotateY(-70deg)}50%{transform:scale(.55) rotate(53deg) rotateY(-65deg)}}@keyframes moving-grass--9{0%,to{transform:scale(.3) rotate(20deg) rotateY(90deg)}50%{transform:scale(.3) rotate(23deg) rotateY(95deg)}}@keyframes moving-grass--10{0%,to{transform:scale(.35) rotate(-45deg) rotateY(-120deg)}50%{transform:scale(.35) rotate(-42deg) rotateY(-115deg)}}@media(max-width:620px){.forgiveness{padding-inline:18px}.flowers{bottom:2vmin;transform:scale(.78)}.flower__leaf{width:24vmin;height:6.8vmin}.flower__white-circle{width:10.8vmin;height:10.8vmin}.flower--4,.flower--5{opacity:.74}.apology,.poem{margin-top:12px}.actions{gap:9px}h1{font-size:clamp(2.25rem,12vw,3rem)}.message{min-height:92px;font-size:1rem}.yes-button,.no-button{min-width:104px;min-height:50px;padding-inline:12px}}@media(min-width:760px){.forgiveness{align-items:center;padding:24px}.apology,.poem{margin-top:0}}