*{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:linear-gradient(180deg,#fcfff0,#fff,#d8edf9,#fff,#d8edf9)}.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}.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,.main-img{width:100%;height:auto;display:block}.main-section .sub-pos-1{top:19%;--percent: 97;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.main-section .sub-pos-2{top:48%;--percent: 104;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .8s forwards}.main-section .sub-pos-3{top:82.5%;--percent: 114;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out 1.3s forwards}.greetings-img{width:96.4%;margin-left:1%;height:auto;display:block}.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-img{width:100%;height:auto;display:block}.location-section.animate-start .loc-pos-1{top:25%;--percent: 18;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: 45;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:53%;--percent: 75;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));height:290px;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:68%;--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-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.gallery-section.animate-start .gal-pos-1{top:10%;--percent: 25;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.gallery-section.animate-start .gal-pos-2{top:87%;--percent: 26;width:calc(var(--percent) * 1vw);max-width:calc(480px * (var(--percent) / 100));animation:fadeIn 1.5s ease-out .3s forwards}.gallery-section.animate-start .gal-pos-3{top:96.5%;--percent: 51;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:43%;--percent: 78;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;position:relative;touch-action:pan-y}.slide-img{min-width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slider-track{display:flex;transition:transform .5s ease-in-out;height:100%}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;width:44px;height:44px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}.slide-btn:before{content:"";display:block;width:10px;height:10px;border-top:1.2px solid #fff;border-left:1.2px solid #fff}.slide-btn.prev{left:12px}.slide-btn.prev:before{transform:rotate(-45deg)}.slide-btn.next{right:12px}.slide-btn.next:before{transform:rotate(135deg)}.gal-modal-img{pointer-events:none;touch-action:none}.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:100vw;height:100vh;background-color:#000000bf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;touch-action:none}.gal-modal-content{position:relative;width:100vw;height:80vh;overflow:hidden;display:flex;align-items:center}.modal-slider-track{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.modal-slide-item{min-width:100vw;height:100%;display:flex;justify-content:center;align-items:center;padding:0 5%}.gal-modal-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none}.gal-modal-close{position:fixed;top:40px;right:20px;width:30px;height:30px;cursor:pointer;z-index:10002}.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)}.gift-section{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;padding:60px 0 80px;overflow:hidden}.gift-img{position:absolute;top:0;left:4.3%;width:91.7%;height:100%;object-fit:cover;z-index:1}.gift-container{position:relative;z-index:2;width:92%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:30px;opacity:0;transform:translateY(20px);animation:fadeInStaticGift 1s ease-out .8s forwards}.gift-title-box{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.gift-sub-title.t1{width:45%;max-width:200px;height:auto}.gift-sub-title.t2{width:32%;max-width:140px;height:auto}.gift-content-area{width:100%;display:flex;flex-direction:column;gap:15px}.gift-toggle-wrapper{position:relative;width:65%;left:18%;overflow:hidden;border-radius:12px;transition:all .5s cubic-bezier(.4,0,.2,1)}.gift-toggle-wrapper.is-open{aspect-ratio:420 / 455}.gift-toggle-wrapper:not(.is-open){aspect-ratio:420 / 95}.img-folded{width:100%;height:auto;display:block;transition:opacity .3s}.expanded-content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease}.img-expanded{width:100%;height:100%;display:block}.gift-toggle-wrapper.is-open .expanded-content{opacity:1;visibility:visible}.gift-toggle-wrapper.is-open .img-folded{opacity:0}.gift-click-zone{position:absolute;top:0;left:0;width:100%;height:50px;z-index:20;cursor:pointer}.account-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.account-slot{position:absolute;left:6%;width:88%;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.slot-1{top:27.5%;height:18%}.slot-2{top:51%;height:18%}.slot-3{top:73.5%;height:18%}.account-text{flex:1;padding-left:10px;font-family:LeeSeoyun,sans-serif;line-height:1.25;text-align:left}.acc-name{font-size:13px;color:#333;margin-bottom:2px;font-weight:600}.acc-detail{font-size:11px;color:#777;letter-spacing:-.3px}.acc-image-btns{display:flex;gap:6px;align-self:flex-start;margin-top:6px;padding-right:6px}.btn-img{height:13px;width:auto;cursor:pointer;transition:transform .1s ease}.btn-img:active{transform:scale(.92)}.guestbook-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.guestbook-section.animate-start .guest-pos-1{top:10%;--percent: 13;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out .3s forwards}.guestbook-section.animate-start .guest-pos-2{top:23.6%;--percent: 66;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out .8s forwards}.guestbook-section.animate-start .guest-pos-3{top:39%;--percent: 29;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out 1.3s forwards}.clickable-img{cursor:pointer;z-index:15}.guest-list-area{position:absolute;top:49%;left:50%!important;transform:translate(-50%);width:72%;z-index:25;display:flex;flex-direction:column;gap:10px}.guest-box{background:#fff9;padding:12px;border-radius:10px;cursor:pointer;font-family:LeeSeoyun,sans-serif;position:relative}.guest-box-header{display:flex;justify-content:space-between;margin-bottom:15px}.guest-name{font-size:13px;font-weight:600;color:#333}.guest-del-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:transparent;border:none;font-size:20px;color:#999;cursor:pointer;z-index:100;display:flex;justify-content:center;align-items:center}.guest-del-btn:active{color:red;transform:scale(.9)}.guest-content{font-size:14px;line-height:1.5;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.guest-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:10005;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.img-modal-container{position:relative;width:90%;max-width:400px;line-height:0}.img-modal-bg{width:100%;height:auto;display:block}.img-modal-close-zone{position:absolute;top:0;right:0;width:20%;height:15%;cursor:pointer;z-index:30}.write-submit-zone{position:absolute;bottom:9.5%;left:50%;transform:translate(-50%);width:23%;height:8.5%;cursor:pointer;z-index:20}.del-submit-zone{position:absolute;bottom:11.5%;left:50%;transform:translate(-50%);width:25%;height:12.5%;cursor:pointer;z-index:30}.modal-overlay-input{position:absolute;background:transparent;border:none;outline:none;font-family:LeeSeoyun,sans-serif;font-size:14px}.write-name{top:31%;left:18%;width:29%;height:6.5%}.write-pw{top:31%;left:53%;width:30%;height:6.5%}.write-msg{top:42.5%;left:16%;width:69%;height:36%;padding:5px;resize:none}.del-pw{top:54.5%;left:50%;transform:translate(-50%);width:32%;height:12%;text-align:center;z-index:25}.guest-detail-content{background:#fff;width:85%;max-width:320px;padding:30px 20px;border-radius:15px;position:relative;font-family:LeeSeoyun,sans-serif;text-align:center;box-shadow:0 4px 15px #0003}.modal-close-x{position:absolute;top:10px;right:15px;font-size:28px;border:none;background:none;color:#888;cursor:pointer}.modal-title-font{font-size:18px;margin-bottom:20px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.full-text{font-size:16px;line-height:1.6;color:#444;white-space:pre-wrap;text-align:left;max-height:300px;overflow-y:auto}.pagination-box{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:5px;font-family:LeeSeoyun,sans-serif;color:#555}.page-btn{background:#ffffff80;border:1px solid #ddd;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#555;font-size:12px;transition:background .2s}.page-btn:disabled{opacity:.3;cursor:default}.page-btn:not(:disabled):hover{background:#ffffffe6}.page-info{font-size:14px;font-weight:600;letter-spacing:1px}.rsvp-img{width:91.65%;margin-left:4.3%;height:auto;display:block}.rsvp-section.animate-start .rsvp-pos-1{top:8%;--percent: 29;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out .3s forwards}.rsvp-section.animate-start .rsvp-pos-2{top:22%;--percent: 58;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out .8s forwards}.rsvp-section.animate-start .rsvp-pos-3{top:40%;--percent: 38;width:calc(var(--percent) * 1vw);max-width:480px;animation:fadeIn 1.5s ease-out 1.3s forwards;cursor:pointer;z-index:10}.sel-img{position:absolute;width:31%;height:auto;pointer-events:none;z-index:5}.att-yes{top:33.8%;left:18.5%}.att-no{top:33.8%;left:50.2%}.side-groom{top:46.3%;left:18.5%}.side-bride{top:46.3%;left:50.2%}.rsvp-click-zone{position:absolute;width:30%;height:4.5%;cursor:pointer;z-index:10}.att-yes-btn{top:34%;left:19%}.att-no-btn{top:34%;left:51%}.side-groom-btn{top:46.8%;left:19%}.side-bride-btn{top:46.8%;left:51%}.rsvp-in-name{top:58.9%;left:20%;width:28%;height:5%}.rsvp-in-phone{top:58.9%;left:52%;width:28%;height:5%}.rsvp-in-note{top:71%;left:18.2%;width:63.4%;height:9.5%;padding:8px;resize:none;line-height:1.5}.rsvp-btn-zone{position:absolute;bottom:9%;height:5.5%;cursor:pointer;z-index:10}.rsvp-close{left:30%;width:16%}.rsvp-submit{left:46.5%;width:23.6%}.footer-section{width:100%;padding:15px 0 20px;text-align:center;background-color:transparent;opacity:0;transition:opacity 1.5s ease-out;font-family:LeeSeoyun,sans-serif}.footer-section.animate-start{opacity:1}.footer-content{display:flex;flex-direction:column;gap:10px}.made-by{font-size:16px;color:#888;letter-spacing:.5px}.made-by strong{font-weight:400;color:#555}.copyright{font-size:12px;color:#aaa}@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)}}@keyframes imageSwapFade{0%{opacity:.8}to{opacity:1}}@keyframes fadeInStaticGift{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:LeeSeoyun;src:url(/fonts/%EC%9D%B4%EC%84%9C%EC%9C%A4%EC%B2%B4.ttf) format("truetype");font-weight:400;font-style:normal}