:root{--invitation-width:min(100%, 1018px)}*,:before,:after{box-sizing:border-box}html,body{background:#dff1fb;width:100%;min-height:100%;margin:0;padding:0}html{overflow-x:hidden}body{overflow:hidden auto}#app{width:100%;min-height:100%}.hero{background:#dff1fb;width:100%;margin:0;padding:0;position:relative;overflow:hidden}.scene{width:var(--invitation-width);aspect-ratio:1560/2000;touch-action:manipulation;background:0 0;margin:0 auto;padding:0;position:relative;overflow:hidden}.hero-bg,.hero-ground,.cloud,.hero-title,.character-video,.character-poster{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;inset:0}.hero-ground{object-fit:contain;z-index:1;pointer-events:none;width:100%;height:100%;inset:0}.cloud{pointer-events:none;z-index:2;opacity:0;width:28%;animation-duration:.9s;animation-timing-function:ease-out;animation-fill-mode:forwards}.cloud-left{animation-name:cloudLeftIn;top:16%;left:4%}.cloud-right{animation-name:cloudRightIn;animation-delay:.15s;top:22%;right:2%}.hero-title{opacity:0;z-index:5;pointer-events:none;width:76%;animation:.7s ease-out .35s forwards titleIn;top:1%;left:50%;transform:translate(-50%)translateY(-20px)}.character-video,.character-poster{object-fit:contain;object-position:center top;opacity:0;pointer-events:none;background:0 0;width:100%;height:100%;inset:0}.character-video{z-index:4;transition:opacity .12s linear}.character-poster{z-index:6;transition:opacity 80ms linear}.character-video.active,.character-poster.active{opacity:1}@keyframes cloudLeftIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes cloudRightIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes titleIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.countdown-section{background:#dff1fb;width:100%;margin:20px 0 0;padding:0}.countdown-card{width:var(--invitation-width);aspect-ratio:1560/1712;margin:0 auto;position:relative;overflow:hidden}.countdown-bg{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.count-number{color:#7b4b34;z-index:5;font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5.5vw,72px);font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.count-days{top:24%;left:21%}.count-hours{top:24%;left:50%}.count-minutes{top:24%;left:78.5%}.rsvp-section{background:#dff1fb;width:100%;margin:0;padding:0}.rsvp-card{width:var(--invitation-width);aspect-ratio:1560/1524;margin:0 auto;padding:0;position:relative;overflow:hidden}.rsvp-bg{object-fit:contain;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rsvp-confirm,.rsvp-location{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;transition:transform .2s;display:block;position:absolute}.rsvp-confirm{width:48%;top:71%;left:50%;transform:translate(-50%)}.rsvp-location{width:58%;top:27%;left:49%;transform:translate(-50%)}.rsvp-confirm:hover,.rsvp-location:hover{transform:translate(-50%)scale(1.04)}.footer-section{background:#dff1fb;width:100%;margin:0;padding:0}.footer-card{width:var(--invitation-width);aspect-ratio:1560/618;margin:0 auto;padding:0;position:relative;overflow:hidden}.footer-bg{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.footer-section{padding-bottom:env(safe-area-inset-bottom)}@media (width<=600px){:root{--invitation-width:100%}.count-number{font-size:clamp(20px,8vw,34px)}}body{background:red!important}