:root{--inv-bg: #532628;--inv-base: #ffffff;--inv-accent: #FFCC7B;--inv-border: #8e733c;--font-base: "Reddit Sans", sans-serif;--font-accent: "Modern Antiqua", cursive;--font-latin: "Playball", cursive;--menu-bg: #431d1f;--menu-inactive: #ffffff;--menu-active: #FFCC7B;--btn-color: #532628}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background-color:var(--inv-bg);font-family:var(--font-base)}.loader-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--inv-bg);display:flex;justify-content:center;align-items:center;z-index:99999}.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid var(--inv-accent);animation:loader 2s infinite ease}.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:var(--inv-accent);animation:loader-inner 2s infinite ease-in}@keyframes loader{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}to{height:0%}}.workspace-container{position:fixed;inset:0;width:100%;overflow:hidden;background-color:#3d1a1c}.pan-zoom{position:fixed;width:100%;inset:0;display:flex;align-items:center;justify-content:center}.canvas-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.canvas{position:relative;width:100%;height:100%;overflow:hidden;border-radius:0}@media(min-width:768px){.canvas{max-width:430px;max-height:932px;height:95vh;border-radius:2rem;box-shadow:0 25px 80px #00000080}}@media(min-width:1024px){.canvas{max-width:414px;max-height:896px;height:90vh}}@media(min-width:1440px){.canvas{max-width:430px;max-height:932px;height:85vh}}.wedding{position:relative;color:var(--inv-base);font-family:var(--font-base);width:100%;height:100%;overflow:hidden}.wedding_track{height:100%;width:100%}.wedding_list{padding:0;margin:0;list-style:none;height:100%;width:100%}.wedding_slide{height:100%;width:100%;position:relative}.container-mobile{background-color:var(--inv-bg);background-image:url(/wedding/themes/padang-maroon/bg.webp);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;width:100%;height:calc(100% - 60px);position:relative;display:flex;justify-content:center;align-items:center}.not-open .container-mobile{height:100%}.not-open .wedding_menu{bottom:-100px}.not-open .floating-action{bottom:clamp(20px,5vw,30px)}.slide-content{width:100%;max-height:85%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;padding:10px 20px;box-sizing:border-box;text-align:center;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.slide-content::-webkit-scrollbar{display:none}.couple-img{height:min(25vh,180px);width:auto;max-width:80%;object-fit:contain}.couple-img-sm{height:min(22vh,160px);width:auto;max-width:75%;object-fit:contain}.cover-content{text-align:center}.frame{position:absolute;inset:0;pointer-events:none;z-index:3}.frame-tl{width:100%;position:absolute;top:0;left:0}.frame-br{width:100%;position:absolute;bottom:0;right:0}.wedding_menu{position:absolute;right:0;bottom:0;left:0;width:100%;background-color:var(--menu-bg);overflow:visible;box-shadow:0 -2px 10px #00000026;transition:all ease-in-out .2s;z-index:100;display:flex;align-items:center;padding:8px 0;padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}.wedding_menu_list{padding:0;margin:0;list-style:none;width:100%;display:flex;align-items:center;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.wedding_menu_list::-webkit-scrollbar{display:none}.wedding_menu_item{flex:0 0 25%;width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--menu-inactive);position:relative;cursor:pointer;transition:all ease-in-out .15s;padding:6px 2px;border-radius:12px;scroll-snap-align:start}.wedding_menu_item svg{width:22px;height:22px;transition:transform .2s;flex-shrink:0}.wedding_menu_item span{font-size:clamp(8px,2.5vw,10px);margin-top:2px;font-weight:500;white-space:nowrap}.wedding_menu_item:after{content:"";background-color:var(--menu-active);position:absolute;width:0%;height:0%;border-radius:10px;transition:all ease-in-out .15s;z-index:-1}.wedding_menu_item.active{color:var(--btn-color)}.wedding_menu_item.active svg{transform:scale(1.1)}.wedding_menu_item.active:after{width:calc(100% - 4px);height:calc(100% - 8px)}.floating-action{position:absolute;right:15px;bottom:85px;display:flex;flex-direction:column;gap:10px;z-index:10}.not-open .floating-action{bottom:25px}.btn-float{height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:50%;background-color:var(--inv-accent);border:none;color:var(--btn-color);opacity:.7;cursor:pointer;transition:all .3s}.btn-float svg{width:24px;height:24px}.btn-float:hover{opacity:1}.font-latin{font-family:var(--font-latin);font-size:180%}.font-accent{font-family:var(--font-accent)}.color-accent{color:var(--inv-accent)}.text-center{text-align:center}.font-italic{font-style:italic}.font-weight-bold{font-weight:700}.h4{font-size:1.4rem}.h5{font-size:1.2rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.25rem}.mb-5{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.px-3{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.5rem;padding-right:1.5rem}.p-4{padding:1.25rem}.slide-content{font-size:14px}.btn{display:inline-block;padding:.5rem 1.5rem;font-size:.95rem;font-weight:400;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s}.btn-primary{background-color:var(--inv-accent);border-color:var(--inv-accent);color:var(--btn-color);border-radius:.6rem}.btn-primary:hover{opacity:.9}.rounded-pill{border-radius:50rem}.btn-sm{padding:.25rem .75rem;font-size:.85rem}.btn-block{display:block;width:100%}.acara-content{justify-content:center;gap:0}.countdown-wrapper{display:flex;flex-direction:column;margin-top:.5rem;width:100%;flex-shrink:0}.countdown{display:flex;gap:clamp(4px,1.5vw,8px);justify-content:center}.countdown-item{background-color:var(--inv-accent);color:var(--btn-color);padding:clamp(6px,1.5vh,10px) clamp(8px,2vw,14px);border-radius:.4rem;min-width:clamp(48px,15vw,65px)}.countdown-item .number{font-size:clamp(1rem,3vw,1.4rem);line-height:1.2;font-weight:700}.countdown-item .text{font-size:clamp(.6rem,1.8vw,.75rem)}.maps-content{padding-top:45px}.maps-container{width:85%;max-width:300px;border-radius:10px;overflow:hidden;margin-bottom:10px;aspect-ratio:1 / 1;position:relative;flex-shrink:0}.maps-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.gift-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.gift-buttons .btn{min-width:110px}.gift-buttons .btn-active{background-color:var(--btn-color);color:var(--inv-accent);border:2px solid var(--inv-accent)}.gift-container{background-color:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;max-width:280px}.bank-item.border-top{border-top:1px solid rgba(255,255,255,.2)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:1rem;padding:2rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;color:#333}.btn-close-modal{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background-color:#ff00004d;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid #ddd;border-radius:.375rem}textarea.form-control{resize:vertical}.quotes{line-height:1.6}.slide-content img{max-width:100%;height:auto}@media(max-height:600px){.container-mobile{height:calc(100% - 55px)}.wedding_menu{padding:5px 0;padding-bottom:max(env(safe-area-inset-bottom,0px),5px)}.slide-content{font-size:11px;max-height:92%;padding:4px 12px}.acara-content{font-size:11px}.acara-content .font-latin{font-size:140%}.acara-content .mb-2{margin-bottom:.2rem}.acara-content .my-2{margin-top:.15rem;margin-bottom:.15rem}.countdown-wrapper{margin-top:.3rem}.countdown-item{min-width:42px;padding:4px 6px}.countdown-item .number{font-size:.85rem}.countdown-item .text{font-size:.55rem}.couple-img{height:min(18vh,120px)}.couple-img-sm{height:min(16vh,100px)}.h4{font-size:1.1rem}.mb-3,.mb-4{margin-bottom:.4rem}.mb-5{margin-bottom:.6rem}.floating-action{bottom:68px}.btn-float{height:34px;width:34px}.btn-float svg{width:20px;height:20px}.maps-content{padding-top:35px}.maps-container{width:75%;max-width:220px;margin-bottom:8px}}@media(max-height:700px)and (min-height:601px){.container-mobile{height:calc(100% - 58px)}.wedding_menu{padding:6px 0;padding-bottom:max(env(safe-area-inset-bottom,0px),6px)}.slide-content{font-size:12px;max-height:92%;padding:6px 15px}.acara-content .font-latin{font-size:150%}.acara-content .mb-2{margin-bottom:.25rem}.acara-content .my-2{margin-top:.2rem;margin-bottom:.2rem}.countdown-wrapper{margin-top:.3rem}.countdown-item{min-width:45px;padding:5px 7px}.countdown-item .number{font-size:.9rem}.countdown-item .text{font-size:.6rem}.couple-img{height:min(20vh,140px)}.couple-img-sm{height:min(18vh,120px)}.h4{font-size:1.2rem}.mb-4{margin-bottom:.6rem}.mb-5{margin-bottom:.8rem}.floating-action{bottom:72px}.btn-float{height:36px;width:36px}.btn-float svg{width:22px;height:22px}.maps-content{padding-top:40px}.maps-container{width:80%;max-width:250px;margin-bottom:8px}}@media(max-height:800px)and (min-height:701px){.slide-content{max-height:90%}.couple-img{height:min(22vh,160px)}.couple-img-sm{height:min(20vh,140px)}.acara-content .mb-2{margin-bottom:.3rem}.acara-content .my-2{margin-top:.25rem;margin-bottom:.25rem}}@media(min-width:768px){.container-mobile{padding:25px}.slide-content{max-height:88%;font-size:15px}.couple-img{height:min(28vh,200px)}.couple-img-sm{height:min(25vh,180px)}.wedding_menu{padding:10px 0}.container-mobile{height:calc(100% - 65px)}.wedding_menu_item svg{width:24px;height:24px}.wedding_menu_item span{font-size:11px}}@media(min-width:1024px){.slide-content{font-size:14.5px}}