body{background-color:var(--inv-bg)}.canvas{position:absolute;width:414px;height:736px;overflow:hidden;border-radius:1rem}#datangya{position:absolute;color:var(--inv-base);font-family:var(--font-base);width:414px;height:736px;overflow:hidden}.not-open .container-mobile,.no-menu .container-mobile{height:calc(100% + -0px)}.not-open .datangya_menu,.no-menu .datangya_menu{bottom:-100px}.not-open .floating-action,.no-menu .floating-action{bottom:30px}.not-open .frame,.no-menu .frame{bottom:0}.container-mobile{background-color:var(--inv-bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;width:100%;height:calc(100% - 80px);padding:30px;transition:all ease-in-out .5s}.datangya_track{height:100%;width:100%}.datangya_track .datangya_list{padding:0;margin:0;list-style:none;height:100%;width:100%}.datangya_track .datangya_slide,.datangya_track .datangya_cover{height:100%;width:100%}.datangya_menu{position:absolute;right:0;bottom:0;left:0;width:100%;height:80px;background-color:var(--menu-bg);overflow:hidden;box-shadow:0 -1px 6px rgba(0,0,0,.06);-webkit-box-shadow:0px -1px 6px 0px rgba(0,0,0,.06);-moz-box-shadow:0px -1px 6px 0px rgba(0,0,0,.06);transition:all ease-in-out .2s}.datangya_menu .datangya_menu_list{padding:0;margin:0;list-style:none;height:100%;min-width:100%;display:flex;align-items:center;transition:all ease-in-out .5s}.datangya_menu .datangya_menu_item{width:100%;height:100%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--menu-inactive);position:relative;transition:all ease-in-out .1s}.datangya_menu .datangya_menu_item .icon{font-size:1.6rem}.datangya_menu .datangya_menu_item svg,.datangya_menu .datangya_menu_item span,.datangya_menu .datangya_menu_item i{z-index:2}.datangya_menu .datangya_menu_item span{font-size:12px}.datangya_menu .datangya_menu_item:after{content:"";background-color:var(--menu-active);position:absolute;width:0%;height:0%;border-radius:.8rem;transition:all ease-in-out .1s}.datangya_menu .datangya_menu_item.active{color:var(--btn-color)}.datangya_menu .datangya_menu_item.active:after{content:"";background-color:var(--menu-active);position:absolute;width:calc(100% - .5rem);height:calc(100% - .5rem)}.font-accent{font-family:var(--font-accent)}.font-latin{font-family:var(--font-latin);font-size:200%}.color-accent{color:var(--inv-accent)}.floating-action{max-width:500px;margin:auto;position:absolute;right:20px;bottom:120px;gap:12px}.btn-float{height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:10rem;background-color:var(--inv-accent);border-color:var(--inv-accent);color:var(--btn-color);opacity:.7}#btnMusic .play,#btnAutoplay .play{display:block}#btnMusic .pause,#btnAutoplay .pause,#btnMusic.playing .play,#btnAutoplay.playing .play{display:none}#btnMusic.playing .pause,#btnAutoplay.playing .pause{display:block}.sc-music{height:0;overflow:hidden}.sc-music div{display:none}.btn-primary{background-color:var(--inv-accent);border-color:var(--inv-accent);color:var(--btn-color);border-radius:.6rem}.btn-primary:hover,.btn-primary:active,.btn-primary.active{background-color:var(--inv-accent)!important;border-color:var(--inv-accent)!important;color:var(--btn-color)!important;box-shadow:var(--inv-accent)!important}.rounded-pill{border-radius:50rem}.comment{width:100%;display:flex;flex-direction:column;gap:12px}.comment .comment-item{flex:none;width:100%;padding:.5rem;border-radius:.5rem;border:1px solid #f3f3f3;background-color:#fff;color:#131313}.lightbox{cursor:pointer}.lightbox-wrapper{max-width:100%;margin:auto}.lightbox-wrapper.show{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.lightbox-inner,.lightbox-list{height:100%;width:100%}.lightbox-inner img{height:100%;width:100%;object-fit:contain}.btn-lightbox{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,0,0,.282);color:#fff;position:fixed;bottom:60px;display:flex;justify-content:center;align-items:center;display:none}.btn-lightbox:hover{background-color:rgba(255,0,0,.533);color:#fff}.lightbox-navigation{position:fixed;top:calc(50% - 60px);width:100%;max-width:500px;display:flex;justify-content:space-between;padding:30px;display:none}.lightbox-arrow{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,255,255,.282);color:#000;display:flex;justify-content:center;align-items:center}.lightbox-arrow:hover{background-color:rgba(255,255,255,.525);color:#000}.show .lightbox-navigation,.show .btn-lightbox{display:inherit}.modal-dialog{max-width:500px;margin:auto;padding:.5rem;height:100%}.modal-content{overflow:auto}.btn-close{text-decoration:none;width:48px;height:48px;border-radius:100%;background-color:rgba(255,0,0,.282);color:#fff;position:fixed;bottom:20px;left:calc(50% - 24px);display:flex;justify-content:center;align-items:center}.rsvp-placeholder{position:relative;max-height:calc(100vh - 150px);overflow:auto;font-family:sans-serif}.rsvp-placeholder .rsvp-form{padding:0 20px!important}.rsvp-placeholder .rsvp-form .mb-4,.no-menu .countdown{display:none}.countdown{display:flex;gap:8px}.countdown-item{width:100%;background-color:var(--inv-accent);color:var(--btn-color);padding:4px;border-radius:.4rem}.countdown-item .number{font-size:1.35rem;line-height:1.2;font-weight:700}.frame{position:absolute;top:0;right:0;bottom:80px;left:0}.frame-tl{width:50%;position:absolute;top:0;left:0}.frame-tr{width:50%;position:absolute;top:0;right:0}.frame-bl{width:50%;position:absolute;bottom:0;left:0}.frame-br{width:50%;position:absolute;bottom:0;right:0}.embed-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}#waterMark p a{color:var(--inv-base)}#waterMark .list-icon a{color:var(--inv-accent)}.free-trial-badge{width:130px;height:130px;overflow:hidden;position:absolute;top:0;right:0;z-index:10}.free-trial-badge span{position:absolute;display:block;width:171px;line-height:37px;text-align:center;top:26px;right:-40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);backdrop-filter:blur(4px);background-color:#fb3}.free-trial-badge span div{color:#333;font-size:14px;font-weight:700;letter-spacing:0px;font-family:sans-serif}.btn-countdown,.btn-maps,.btn-video{display:none}.loader-wrapper,.loader-overlay{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;background-color:var(--inv-bg);display:flex;justify-content:center;align-items:center;text-align:center;color:var(--inv-base);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%}}#notSupport{margin:auto;position:fixed;height:100%;top:0;bottom:0;left:0;right:0;display:none}


/* === Suci & Teguh soft UI polish: menjaga layout asli, hanya memperjelas tampilan === */
:root{
  --inv-bg:#132a72;
  --inv-base:#fff8ff;
  --inv-accent:#ffe3ff;
  --inv-border:#c8b8ff;
  --menu-bg:rgba(13,27,88,.92);
  --menu-inactive:rgba(255,248,255,.86);
  --menu-active:rgba(255,227,255,.18);
  --btn-color:#ffffff;
}
html,body{width:100%;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,#3159bd 0%,#14296d 56%,#091744 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
#app,#workspace-container{background:radial-gradient(circle at top,#3159bd 0%,#14296d 56%,#091744 100%);}
.canvas{box-shadow:0 16px 44px rgba(4,10,38,.34);}
#datangya{color:var(--inv-base);}
.container-mobile{position:relative;background-position:center center!important;background-size:cover!important;background-color:rgba(5,10,45,.36)!important;background-blend-mode:multiply;isolation:isolate;}
.container-mobile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,50,.38) 0%,rgba(12,25,78,.32) 44%,rgba(5,10,42,.48) 100%);pointer-events:none;z-index:0;}
.container-mobile>.frame{z-index:1;}
.container-mobile>.d-flex{position:relative;z-index:2;}
.editable,.quotes,#datangya p,#datangya span,#datangya div{overflow-wrap:break-word;}
.editable,.quotes,#datangya p,#datangya span{color:inherit;text-shadow:0 2px 8px rgba(0,0,0,.55),0 0 1px rgba(255,255,255,.18);}
.color-accent,#datangya .color-accent{color:#fff1ff!important;text-shadow:0 2px 10px rgba(0,0,0,.56),0 0 12px rgba(143,109,255,.24);}
#datangya [style*="rgb(164, 124, 28)"]{color:#fff1ff!important;}
.btn-primary{background:linear-gradient(135deg,#23a7ff,#846bff)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.24);font-weight:600;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{filter:brightness(1.05);background:linear-gradient(135deg,#2bb2ff,#9375ff)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;}
.countdown{gap:7px;}
.countdown-item{background:rgba(255,243,255,.18)!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 18px rgba(0,0,0,.14);}
.datangya_menu{background:var(--menu-bg)!important;border-top:1px solid rgba(255,255,255,.16);box-shadow:0 -10px 28px rgba(0,0,0,.26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.datangya_menu .datangya_menu_item{color:var(--menu-inactive)!important;font-weight:500;}
.datangya_menu .datangya_menu_item.active{color:#fff!important;}
.datangya_menu .datangya_menu_item.active:after{background:var(--menu-active)!important;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.datangya_menu .datangya_menu_item span{line-height:1.12;}
.btn-float{background:rgba(255,243,255,.18)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;opacity:.96;box-shadow:0 8px 22px rgba(0,0,0,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
#akadLocationAddress,#mapsLocationAddress{max-width:320px;margin-left:auto;margin-right:auto;line-height:1.55;}
img{max-width:100%;height:auto;}
@media(max-width:430px){.canvas{border-radius:0;box-shadow:none;}.container-mobile{padding-left:28px;padding-right:28px;}}
@media(max-width:360px){.container-mobile{padding-left:24px;padding-right:24px;}.datangya_menu .datangya_menu_item span{font-size:10.5px;}#akadLocationAddress,#mapsLocationAddress{max-width:292px;}}
@media(max-height:700px){.container-mobile{padding-top:24px;padding-bottom:24px;}.editable{line-height:1.42!important;}.floating-action{bottom:106px;}}


/* === Final clear text/nav layer v3 === */
:root{--inv-bg:#10296f;--inv-base:#fffaf2;--inv-accent:#f7d88c;--inv-border:#d7b96c;--menu-bg:rgba(9,22,69,.94);--menu-inactive:rgba(255,255,255,.82);--menu-active:rgba(247,216,140,.22);--btn-color:#fff;}
#datangya{color:#fffaf2!important;}
.container-mobile{background-color:rgba(4,10,37,.48)!important;background-blend-mode:multiply!important;}
.container-mobile:before{background:linear-gradient(180deg,rgba(4,9,34,.54) 0%,rgba(12,24,70,.44) 46%,rgba(3,8,31,.62) 100%)!important;}
#datangya .editable,#datangya p,#datangya span{color:#fffaf2!important;text-shadow:0 2px 8px rgba(0,0,0,.82),0 0 2px rgba(0,0,0,.75)!important;}
#datangya .color-accent,#datangya .editable.color-accent,#datangya [style*="rgb(164, 124, 28)"]{color:#f7d88c!important;text-shadow:0 2px 10px rgba(0,0,0,.88),0 0 3px rgba(0,0,0,.75)!important;}
#coupleNames,#thanksNames,#groomName,#brideName,#akadTitle,#mapsTitle,#contactTitle{color:#fff!important;text-shadow:0 3px 12px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)!important;}
.datangya_menu{background:rgba(9,22,69,.94)!important;border-top:1px solid rgba(247,216,140,.28)!important;box-shadow:0 -10px 30px rgba(0,0,0,.38)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
.datangya_menu .datangya_menu_item{color:rgba(255,255,255,.82)!important;text-shadow:0 2px 7px rgba(0,0,0,.65)!important;}
.datangya_menu .datangya_menu_item.active{color:#fff!important;}
.datangya_menu .datangya_menu_item.active:after{background:linear-gradient(180deg,rgba(247,216,140,.26),rgba(95,90,168,.28))!important;border:1px solid rgba(247,216,140,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 18px rgba(0,0,0,.22)!important;}
.btn-primary{background:linear-gradient(135deg,#d9b75f,#7c6bc4)!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.34)!important;}
.btn-float{background:rgba(9,22,69,.76)!important;border:1px solid rgba(247,216,140,.30)!important;color:#fff!important;opacity:1!important;}


/* v4 fix: lower bottom floral images a bit */
.frame-bl,.frame-br{bottom:-78px!important;}


/* v6: prevent selecting invitation text */
#datangya, #datangya *,.datangya_menu,.datangya_menu *,.floating-action,.floating-action *,.frame,.frame *{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
.rsvp-placeholder input,.rsvp-placeholder textarea,.rsvp-placeholder select,.modal input,.modal textarea,.modal select{
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  -ms-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}
img,svg{
  -webkit-user-drag:none;
  user-drag:none;
}