*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020306;color:#fff;font-family:Georgia,"Times New Roman",serif}.scene{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity 1.3s ease;overflow:hidden}.scene.active{opacity:1;pointer-events:auto}
.scene1{background:#7eafc0}.sky{position:absolute;inset:0 0 47%;background:linear-gradient(#a9cbd5,#c8dce0 70%,#e2e9e7)}.sea{position:absolute;inset:47% 0 0;background:repeating-linear-gradient(177deg,rgba(255,255,255,.15) 0 2px,transparent 2px 15px),linear-gradient(#70aebf,#478ca3);animation:water 10s ease-in-out infinite alternate}@keyframes water{to{transform:translateX(1.5%)}}
.candle-wrap{position:absolute;left:50%;top:53%;width:90px;height:160px;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 10px #0003)}.candle{position:absolute;left:50%;top:8px;width:29px;height:70px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(90deg,#aaa08e,#eee2c9 45%,#aaa08e)}.candle:before{content:"";position:absolute;left:50%;top:-6px;width:3px;height:7px;transform:translateX(-50%);background:#30251d}.flame{position:absolute;left:50%;top:-30px;width:16px;height:28px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 75%,#fff5bd 0 20%,#ffd36a 42%,#ed8c29 72%,transparent 74%);filter:drop-shadow(0 0 11px #ffbd55);animation:flicker .8s ease-in-out infinite alternate}@keyframes flicker{to{transform:translateX(-50%) scale(1.08) rotate(4deg)}}.stem{position:absolute;left:50%;top:77px;width:12px;height:52px;transform:translateX(-50%);background:linear-gradient(90deg,#383631,#9c9587,#383631)}.base{position:absolute;left:50%;top:124px;width:68px;height:21px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#716a5e,#2e2c29)}.intro{position:absolute;left:7%;top:8%;text-shadow:0 2px 10px #0003;letter-spacing:.25em;font-size:13px}.intro small{display:block;margin-top:8px;letter-spacing:0;font-size:16px;opacity:.85}#blow{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);border:1px solid #ffffff99;background:#14232955;color:#fff;padding:12px 34px;border-radius:999px;backdrop-filter:blur(8px);cursor:pointer;font-size:16px}#blow:hover{background:#14232988}
.scene2{background:#000}.night-sea{position:absolute;inset:0;background:linear-gradient(#000,#020609),repeating-linear-gradient(177deg,#45606b18 0 1px,transparent 1px 20px)}.dark-candle{position:absolute;left:50%;top:55%;width:28px;height:66px;transform:translateX(-50%);background:linear-gradient(90deg,#393632,#706b60,#292724);border-radius:4px}.dark-base{position:absolute;left:50%;top:calc(55% + 64px);width:68px;height:20px;transform:translateX(-50%);border-radius:50%;background:#292725}.smoke{position:absolute;left:50%;top:-75px;width:5px;height:85px;transform:translateX(-50%);border-left:2px solid #d2d7d333;border-radius:50%;animation:smoke 3s ease-out infinite}@keyframes smoke{0%{opacity:0;transform:translate(-50%,25px)}25%{opacity:.6}100%{opacity:0;transform:translate(-10px,-20px) scale(1.3)}}
.scene3{background:#74a7b7}.illustrated-sky{position:absolute;inset:0 0 43%;background:radial-gradient(ellipse at 50% 105%,#f3f5f1b8,transparent 45%),linear-gradient(#a8c9d2,#c7dade 70%,#dce7e5)}.illustrated-sea{position:absolute;inset:43% 0 0;background:repeating-linear-gradient(178deg,#fff2 0 2px,transparent 2px 16px),linear-gradient(#66a5b7,#43869c)}.pier{position:absolute;left:50%;bottom:-4%;width:min(72vw,720px);height:65%;transform:translateX(-50%);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#2e2b261f 0 2px,transparent 2px 16px),linear-gradient(90deg,#5b574f,#8d887b 45%,#5a564e);filter:drop-shadow(0 0 12px #0003)}.rocks:before,.rocks:after{content:"";position:absolute;bottom:3%;width:18%;height:15%;background:#454946;border-radius:45%}.rocks:before{left:6%}.rocks:after{right:5%}.couple{position:absolute;left:50%;top:34%;width:min(55vw,520px);height:290px;transform:translateX(-50%)}.person{position:absolute;bottom:0;width:74px;height:245px;filter:drop-shadow(0 5px 6px #0004)}.her{left:18%}.him{right:18%;height:275px}.person i{display:block;position:absolute;background:#202527}.head{left:50%;top:0;width:44px;height:49px;transform:translateX(-50%);border-radius:50%}.body{left:50%;top:39px;width:57px;height:111px;transform:translateX(-50%);border-radius:22px 22px 8px 8px}.legs{left:50%;top:142px;width:44px;height:98px;transform:translateX(-50%);border-left:17px solid #202527!important;border-right:17px solid #202527!important;background:transparent!important}.her .body{width:66px;height:118px;border-radius:25px 25px 7px 7px}.her .legs{top:147px;height:88px}.him .head{width:47px;height:51px}.quote{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);text-align:center;font-size:clamp(17px,3vw,25px);line-height:1.45;text-shadow:0 2px 12px #0007}.quote span{opacity:.8}@media(max-width:600px){.couple{width:80vw;top:36%}.pier{width:100vw;height:58%}.her{left:10%}.him{right:10%}}