: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;height:100%;height:100dvh;width:100%;overflow:hidden;background-color:#3d1a1c}.pan-zoom{position:fixed;height:100%;height:100dvh;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%;height:100dvh;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%;height:60px;background-color:var(--menu-bg);overflow:hidden;box-shadow:0 -2px 10px #00000026;transition:all ease-in-out .2s;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.wedding_menu_list{padding:0;margin:0;list-style:none;height: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%;height:calc(100% - 10px);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:clamp(18px,5vw,22px);height:clamp(18px,5vw,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:80px;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%}.countdown-wrapper{display:flex;flex-direction:column;margin-top:1rem;width:100%}.countdown{display:flex;gap:6px;justify-content:center}.countdown-item{background-color:var(--inv-accent);color:var(--btn-color);padding:8px 10px;border-radius:.4rem;min-width:55px}.countdown-item .number{font-size:1.2rem;line-height:1.2;font-weight:700}.countdown-item .text{font-size:.7rem}.maps-container{width:90%;max-width:320px;border-radius:10px;overflow:hidden;margin-bottom:15px;aspect-ratio:1 / 1;position:relative}.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){.slide-content{font-size:12px;max-height:80%;padding:5px 15px}.couple-img{height:min(18vh,120px)}.couple-img-sm{height:min(16vh,100px)}.mb-3{margin-bottom:.5rem}.mb-4{margin-bottom:.75rem}.mb-5{margin-bottom:1rem}.countdown-item{min-width:45px;padding:5px 8px}.countdown-item .number{font-size:1rem}}@media(max-height:700px)and (min-height:601px){.slide-content{font-size:13px;max-height:82%;padding:8px 18px}.couple-img{height:min(20vh,140px)}.couple-img-sm{height:min(18vh,120px)}.mb-4{margin-bottom:.9rem}.mb-5{margin-bottom:1.25rem}}@media(max-height:800px)and (min-height:701px){.slide-content{max-height:85%}.couple-img{height:min(22vh,160px)}.couple-img-sm{height:min(20vh,140px)}}@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{height: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}}@supports (padding: env(safe-area-inset-bottom)){.wedding_menu{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.container-mobile{height:calc(100% - 60px - env(safe-area-inset-bottom))}}@media(min-width:768px){.container-mobile{height:calc(100% - 65px)}}