*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;animation:gradientShift 10s ease infinite;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4,#45b7d1);background-size:400% 400%;font-family:Georgia,Times New Roman,serif;height:100%;overflow-x:hidden;scroll-behavior:smooth}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app{height:500vh;position:relative}.background-container{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;transition:background-image .8s ease-in-out;width:100%;z-index:-1}.background-container:before{background:linear-gradient(45deg,#ffc0cb4d,#ffb6c14d);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.section{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;z-index:3}.content{animation:fadeInUp .8s ease-out;max-width:800px;padding:0 20px}.content,.message{color:#fff;text-align:center}.message{animation:messageGlow 4s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffc0cb4d;border-radius:20px;box-sizing:border-box;font-size:1.8rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:900px;padding:40px;text-shadow:2px 2px 8px #ff149399,0 0 15px #ff69b4b3}@keyframes messageGlow{0%{box-shadow:0 0 20px #ff69b466}to{box-shadow:0 0 30px #ff69b4b3}}.title{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff69b4,#ff1493,#dc143c);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 8px #ff149399,0 0 20px #ff69b4cc}@keyframes textGlow{0%{text-shadow:2px 2px 8px #ff149399,0 0 20px #ff69b4cc}to{text-shadow:2px 2px 12px #ff1493e6,0 0 30px #ff69b4}}.scroll-indicator{display:flex;flex-direction:column;gap:10px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:10}.dot{background-color:#ffc0cb99;border:2px solid #ff69b4cc;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background-color:#ff69b4;box-shadow:0 0 15px #ff69b4e6;transform:scale(1.3)}.dot:hover{background-color:#ff69b4cc;transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.title{font-size:2.5rem;letter-spacing:1px;margin-bottom:20px}.message{border-radius:15px;font-size:1.5rem;line-height:1.5;margin:0 10px;padding:25px 20px}.content{padding:0 10px}.scroll-indicator{gap:8px;right:15px}.dot{height:10px;width:10px}.section{padding:20px 0}}@media (max-width:480px){.title{font-size:2rem;letter-spacing:1px;margin-bottom:15px}.message{border-radius:12px;font-size:1.3rem;line-height:1.4;margin:0 8px;max-width:calc(100vw - 32px);padding:20px 15px}.content{padding:0 8px}.scroll-indicator{gap:6px;right:10px}.dot{border-width:1px;height:8px;width:8px}}@media (max-width:360px){.title{font-size:1.5rem;margin-bottom:12px}.message{font-size:1.1rem;margin:0 5px;max-width:calc(100vw - 24px);padding:18px 12px}.content{padding:0 5px}}.hearts{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.heart{animation:floatUp 6s linear infinite;color:#ff69b4b3;font-size:20px;position:absolute;will-change:transform}.heart:nth-child(odd){animation-delay:-2s;color:#ff149399}.heart:nth-child(2n){animation-delay:-4s;color:#ffb6c1cc}@media (max-width:768px){.heart{font-size:16px}}@media (max-width:480px){.heart{font-size:14px}}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.sparkles{height:100%;pointer-events:none;position:absolute;width:100%;z-index:4}.sparkle{animation:sparkle 3s ease-in-out infinite;color:#fffc;font-size:12px;position:absolute;will-change:transform,opacity}@media (max-width:768px){.sparkle{font-size:10px}}@media (max-width:480px){.sparkle{font-size:8px}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.hanging-cards-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.hanging-card{animation:gentleSwing 4s ease-in-out infinite;position:absolute;transform-origin:top center;transition:transform .3s ease}.hanging-card.clickable{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;z-index:2}.hanging-card.clickable:hover{animation-play-state:paused;transform:scale(1.1)}.hanging-card.clickable:active{transform:scale(1.05)}.card-string{background:linear-gradient(180deg,#ffc0cbcc,#ffb6c199);box-shadow:0 0 5px #ff69b480;height:50px;margin:0 auto;width:2px}.card-frame{background:#fffffff2;border:2px solid #ffc0cb99;border-radius:8px;box-shadow:0 4px 15px #ff69b44d,0 8px 25px #0003;height:150px;padding:8px;transform-style:preserve-3d;transition:transform .3s ease;width:120px}.card-frame:hover{transform:rotateY(10deg) rotateX(5deg)}.card-image{border-radius:4px;filter:sepia(20%) saturate(120%) brightness(110%);height:100%;object-fit:cover;width:100%}@keyframes gentleSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hanging-card:nth-child(2n){animation-direction:reverse}.hanging-card:nth-child(3n){animation-duration:5s}@media (max-width:768px){.card-frame{height:125px;padding:6px;width:100px}.card-string{height:35px}.hanging-card{transform:scale(.9)}}@media (max-width:480px){.card-frame{height:105px;padding:5px;width:85px}.card-string{height:30px;width:2px}.hanging-card{transform:scale(.85)}}.photo-modal{align-items:center;animation-duration:.3s;animation-fill-mode:both;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.photo-modal.zoom-in{animation-name:modalZoomIn}.photo-modal.zoom-out{animation-name:modalZoomOut}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{max-height:90vh;max-width:90vw;position:relative;z-index:1001}.close-button{align-items:center;background:#ffffffe6;border:2px solid #ff69b4cc;border-radius:50%;box-shadow:0 4px 15px #ff69b44d;color:#ff1493;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .3s ease;width:40px;z-index:1002}.close-button:hover{background:#ff69b4e6;box-shadow:0 6px 20px #ff69b480;color:#fff;transform:scale(1.1)}.enlarged-photo{background:#fffffff2;border:3px solid #ffc0cb99;border-radius:15px;box-shadow:0 10px 40px #ff69b466,0 20px 60px #0000004d;padding:20px}.modal-image{border-radius:10px;filter:none;height:auto;max-height:70vh;max-width:600px;object-fit:contain;width:100%}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.3) rotate(10deg)}50%{opacity:1;transform:scale(1.05) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes modalZoomOut{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(5deg)}to{opacity:0;transform:scale(.3) rotate(-10deg)}}@media (max-width:768px){.enlarged-photo{padding:15px}.modal-image{max-height:60vh;max-width:90vw}.close-button{font-size:20px;height:35px;right:-10px;top:-10px;width:35px}}@media (max-width:480px){.enlarged-photo{padding:12px}.modal-image{max-height:55vh;max-width:85vw}.close-button{font-size:18px;height:30px;right:-8px;top:-8px;width:30px}}
/*# sourceMappingURL=main.1bb7d80d.css.map*/