html,body{background:#edf6e4;color:#4b7448}#intro{background:radial-gradient(ellipse at 50% 45%,#faffee80,transparent 65%)}.dedication{position:absolute;top:max(6vh,56px);text-align:center;pointer-events:none;padding:0 20px}.dedication span{font-size:10px;letter-spacing:4px;color:#709464}.dedication h1{font:normal clamp(25px,4vw,39px) Georgia,serif;letter-spacing:-1px;margin:14px 0 10px;color:#42673d}.dedication p{font-size:13px;color:#78936b;margin:0}#bouquet{width:min(540px,80vw,65vh);height:min(585px,87vw,68vh);margin-top:95px}.frog-art{width:100%;height:100%;overflow:visible;pointer-events:none}#hint{color:#52794a;text-shadow:none;font-size:13px;letter-spacing:.5px;margin-top:-8px}#progress{background:#73935822;width:90px}#progress i{background:#7eaa5f;box-shadow:0 0 10px #b6d896}body.holding #bouquet{filter:drop-shadow(0 0 22px #c0db81aa)}nav{opacity:.85}nav button,.upload{background:#fbfff3d9;border-color:#abc69566;color:#608052}button:focus-visible{outline-color:#648c4d}.portrait{width:23%;height:24%;border-radius:16px;border:4px solid #fffef4;box-shadow:0 8px 22px #42673d24;mask-image:none}.portrait:nth-child(1){left:0;top:9%;transform:rotate(-13deg)}.portrait:nth-child(2){left:38%;top:0;transform:rotate(3deg)}.portrait:nth-child(3){left:77%;top:10%;transform:rotate(12deg)}.portrait:nth-child(4){left:-3%;top:43%;transform:rotate(-8deg)}.portrait:nth-child(5){left:39%;top:72%;transform:rotate(-5deg)}.portrait:nth-child(6){left:80%;top:43%;transform:rotate(10deg)}.memory{background:linear-gradient(135deg,#fdffe8,#d8eab9);color:#63804d;font-size:clamp(13px,1.7vw,20px)}.wish{color:#4b783e;font-weight:400;text-shadow:0 0 12px #ddf3b6,0 0 26px #d0eca4}.wish.heart{color:#88af53;text-shadow:0 0 20px #d5e99e}.wish.photo{border:5px solid #fffef4;border-radius:12px;box-shadow:0 8px 28px #4b743733}#notice{color:#5c7d4c;background:#edf6e4dd;border-radius:12px;width:auto;max-width:90%;padding:5px 12px}#notice:empty{display:none}@media(max-width:600px){.dedication{top:14vh;width:100%}.dedication h1{font-size:28px}.dedication p{font-size:11px}#bouquet{width:80vw;height:87vw;max-height:61vh;margin-top:115px}#hint{margin-top:15px}nav{top:17px;right:17px}}@media(max-height:600px){.dedication{top:22px;left:25px;text-align:left}.dedication h1{font-size:23px}.dedication p{display:none}#bouquet{margin-top:55px;height:69vh;width:64vh}}

/* Original bouquet, with little frogs around the garden. */
#bouquet{width:min(480px,72vw,53vh);height:min(670px,108vw,74vh);margin-top:94px}#bouquet .flowers{mix-blend-mode:normal;filter:drop-shadow(0 12px 22px #536f3020)}.dedication{top:max(3vh,30px)}.dedication h1{font-size:clamp(23px,3vw,34px)}.dedication p{font-size:12px}#hint{margin-top:8px}.frog-garden{position:fixed;inset:0;pointer-events:none;overflow:hidden}.tiny-frog{position:absolute;display:block;width:clamp(85px,12vw,175px);animation:frog-bob 5s ease-in-out infinite;opacity:.9}.f0{left:8%;top:15%;rotate:-13deg}.f1{right:9%;top:19%;rotate:12deg;animation-delay:-2s}.f2{left:2%;top:49%;rotate:8deg;animation-delay:-3s}.f3{right:3%;top:53%;rotate:-12deg;animation-delay:-1s}.f4{left:19%;bottom:2%;rotate:-8deg;animation-delay:-4s}.f5{right:20%;bottom:0;rotate:9deg;animation-delay:-2.5s}.portrait{width:23%;height:25%;border:0;border-radius:48% 48% 12% 12%;mask-image:linear-gradient(#000 75%,transparent)}.portrait:nth-child(1){left:17%;top:18%;transform:rotate(-12deg)}.portrait:nth-child(2){left:40%;top:12%;transform:none}.portrait:nth-child(3){left:62%;top:19%;transform:rotate(10deg)}.portrait:nth-child(4){left:21%;top:36%;transform:rotate(-9deg)}.portrait:nth-child(5){left:43%;top:36%;transform:none}.portrait:nth-child(6){left:63%;top:34%;transform:rotate(9deg)}@keyframes frog-bob{50%{transform:translateY(-9px) rotate(4deg)}}@media(max-width:600px){.dedication{top:12vh}.dedication h1{font-size:25px}.dedication p{font-size:10px}#bouquet{width:76vw;height:114vw;max-height:63vh;margin-top:100px}.tiny-frog{width:85px}.f0{left:-12px;top:21%}.f1{right:-12px;top:25%}.f2{left:-25px;top:55%}.f3{right:-25px;top:59%}.f4{left:6%;bottom:1%}.f5{right:5%;bottom:0}}@media(max-height:600px){.dedication{top:15px;left:18px}.dedication p{display:none}#bouquet{height:72vh;width:48vh;margin-top:65px}.tiny-frog{width:95px}}@media(prefers-reduced-motion:reduce){.tiny-frog{animation:none}}

.frog-sticker{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 5px #6f96551a)}.tiny-frog{width:clamp(62px,8vw,110px)}@media(max-width:600px){.tiny-frog{width:64px}.f0{left:5px}.f1{right:5px}.f2{left:-9px}.f3{right:-9px}}