*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%}body{font-family:sans-serif;background-color:#f0f0f0;overflow-x:hidden}#app{position:relative;width:100%;max-width:480px;min-height:100vh;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000001a;overflow:hidden}.layer-a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:red}.layer-c{position:relative;z-index:3}.main-section,.greetings-section,.location-section,.gallery-section,.gift-section,.guestbook-section,.rsvp-section{position:relative;width:100%;font-size:0;line-height:0}.main-img,.greetings-img,.location-img{width:100%;height:auto;display:block}.sub-img-box,.map-container-wrapper,.map-buttons-wrapper{position:absolute;left:50%;opacity:0;transform:translate(-50%,-45%);-webkit-transform:translate(-50%,-45%);will-change:transform,opacity}.sub-img-box img,.map-buttons-wrapper img{width:100%;height:auto;display:block}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.greetings-section{margin-top:80px}.greetings-section.animate-start .greet-pos-1{top:13%;--percent: 19;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.greetings-section.animate-start .greet-pos-2{top:25%;--percent: 54;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .8s forwards}.greetings-section.animate-start .greet-pos-3{top:39%;--percent: 44;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.3s forwards}.greetings-section.animate-start .greet-pos-4{top:67%;--percent: 22;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.8s forwards}.greetings-section.animate-start .greet-pos-5{top:85%;--percent: 80;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 2.3s forwards}.location-section.animate-start .loc-pos-1{top:25%;--percent: 20;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.location-section.animate-start .loc-pos-2{top:35%;--percent: 50;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .8s forwards}.map-container-wrapper{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fdfdfd;box-shadow:0 4px 15px #0000000f}.location-section.animate-start .loc-pos-map{top:50%;--percent: 85;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));height:260px;animation:fadeIn 1.5s ease-out 1s forwards}.map-buttons-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.map-buttons-wrapper a{flex:1;display:block}.location-section.animate-start .loc-pos-btns{top:65%;--percent: 88;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.3s forwards}.location-section.animate-start .loc-pos-6{top:82%;--percent: 80;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.6s forwards}.location-section.animate-start .loc-pos-7{top:73%;--percent: 15;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));cursor:pointer;z-index:10;left:80%;animation:fadeIn 1.5s ease-out 1.9s forwards}.location-section.animate-start .loc-pos-7 img{will-change:transform;animation:scalePulse 1s infinite ease-in-out 3.5s}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{position:relative;width:90%;max-width:400px;line-height:0}.modal-img-main{width:100%;height:auto;border-radius:12px}.modal-close-btn{position:absolute;top:20px;right:20px;width:20px;height:20px;background-color:transparent;cursor:pointer;z-index:10001}.gallery-section.animate-start .gal-pos-1{top:15%;--percent: 40;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.gallery-slider-wrapper{position:absolute;left:50%;top:45%;--percent: 85;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));transform:translate(-50%,-45%);opacity:0;animation:fadeIn 1.5s ease-out .8s forwards}.slider-content{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;box-shadow:0 5px 15px #0000001a;background-color:#f9f9f9}.slider-track{display:flex;transition:transform .5s ease-in-out;height:100%}.slide-img{min-width:100%;height:100%;object-fit:cover;cursor:pointer}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;z-index:10;font-size:18px;display:flex;align-items:center;justify-content:center;color:#666}.slide-btn.prev{left:-20px}.slide-btn.next{right:-20px}.slider-dots{text-align:center;margin-top:15px;line-height:1}.dot{display:inline-block;width:6px;height:6px;margin:0 4px;background:#ccc;border-radius:50%;transition:background .3s}.dot.active{background:#888;width:12px;border-radius:3px}.gal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;touch-action:none}.gal-modal-content{position:relative;width:95%;max-width:450px}.gal-modal-img{width:100%;height:auto;border-radius:4px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gal-modal-close{position:absolute;top:-50px;right:0;width:30px;height:30px;cursor:pointer}.gal-modal-close span{position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff}.gal-modal-close span:nth-child(1){transform:rotate(45deg)}.gal-modal-close span:nth-child(2){transform:rotate(-45deg)}