@keyframes drFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ienvSparkleAnim{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.15)}}@keyframes ienvFloatMain{0%,to{translate:-15%0}50%{translate:-15% -7px}}@keyframes ienvFloat{0%,to{translate:0 0}50%{translate:0-7px}}@keyframes ienvShadowPulse{0%,to{transform:scalex(1);opacity:.28}50%{transform:scalex(.9);opacity:.16}}@keyframes ienvBackWave{0%,to{rotate:0deg}20%{rotate:-1deg}40%{rotate:2deg}60%{rotate:-2.5deg}80%{rotate:1.5deg}}@keyframes ienvGrow{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes ienvWave{0%,to{transform:scale(1.12) rotate(0deg)}20%{transform:scale(1.12) rotate(-6deg)}40%{transform:scale(1.12) rotate(4.5deg)}60%{transform:scale(1.12) rotate(-3deg)}80%{transform:scale(1.12) rotate(1.5deg)}}@keyframes ienvHintPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes envelope-away{0%{transform:translateY(0) rotate(0);opacity:1}15%{transform:translateY(10px) rotate(.5deg);opacity:1}to{transform:translateY(-120vh) rotate(-2deg);opacity:0}}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@keyframes ambient-fall{0%{transform:translatey(-8vh) translatex(0) rotate(0deg);opacity:0}10%{opacity:.5}50%{transform:translatey(48vh) translatex(var(--sway, 20px)) rotate(180deg);opacity:.6}92%{opacity:.45}to{transform:translatey(105vh) translatex(0) rotate(360deg);opacity:0}}@keyframes seal-pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 20px var(--shadow-color)}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 6px 35px var(--shadow-color)}}@keyframes seal-break{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1;filter:brightness(1)}30%{transform:translate(-50%,-50%) scale(1.15) rotate(5deg);opacity:.9;filter:brightness(1.3)}60%{transform:translate(-50%,-50%) scale(1.05) rotate(-3deg);opacity:.5;filter:brightness(1.5)}to{transform:translate(-50%,-50%) scale(0) rotate(15deg);opacity:0;filter:brightness(2)}}@keyframes seal-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(var(--rs,15deg))}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.6) rotate(var(--re,180deg))}}@keyframes music-spin{to{transform:rotate(360deg)}}:root{--spacing:30px}*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}li,ol,ul{list-style:none}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:"Times New Roman",Times,serif;color:#590310;line-height:1.7;font-weight:300;min-height:100vh;cursor:pointer;--sb-track-color:transparent;--sb-thumb-color:#511419;--sb-size:5px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit}.flex{display:flex}.justify-center{justify-content:center}.w-full{width:100%}.relative{position:relative}.overflow-hidden,html.locked,html.locked body{overflow:hidden}.container-body{background-color:#fff7eb;border:1px solid #51141922;max-width:900px}.z-0{z-index:0}.inset-0{inset:0}.container{padding-inline:var(--spacing)}.pd-top{padding-top:calc(var(--spacing)*2)}.w-\[82\%\]{width:82%}.z-10{z-index:10}.max-w-\[330px\]{max-width:330px}.aspect-\[333\/384\]{aspect-ratio:333/384}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}.envelope-section{height:100vh;width:100%;display:flex;justify-content:center;overflow:hidden;position:relative;background-color:#fff7eb;flex-wrap:wrap;gap:40px;align-content:space-evenly}.save-the-date{text-align:center;color:#590310;letter-spacing:.16em;font-size:18px;text-transform:uppercase;white-space:pre-line;font-weight:300}.envelope-main{width:100%}.envelope-bg,.section-bg{opacity:.1;object-fit:contain;translate:calc(calc(1/2*100%)*-1)0;width:170%;left:50%;max-width:none}.envelope-bg{bottom:0}.section-bg{top:-6%}.envelope-box{--hinge:44.35%;position:relative;aspect-ratio:1013/1168;perspective:1000px}.photo-inside{position:absolute;width:64%;left:33%;top:34%;z-index:2;scale:.5}.photo-wrap{--tw-shadow:2px 2px 4px var(--tw-shadow-color, #00000040);box-shadow:0 0#0000,0 0#0000,0 0#0000,0 0#0000,var(--tw-shadow);background-color:#fff;border:7px solid #fff;rotate:0;aspect-ratio:221/309}.photo-inside img{object-fit:cover;border-radius:2px}.envelope-back{position:absolute;inset:0;z-index:1;clip-path:inset(var(--hinge)0 0 0)}.envelope-back img,.photo-inside img{width:100%;height:100%}.envelope-flap{position:absolute;top:1px;left:0;width:100%;height:var(--hinge);transform-origin:50% 100%;transform-style:preserve-3d;z-index:8;transform:rotateX(-180deg)}.flap-face{position:absolute;inset:0;background-repeat:no-repeat;background-size:100%auto;background-position:top left;backface-visibility:hidden}.flap-inner{background-image:url(../images/theme/envelope-background.webp)}.flap-outer{background-image:url(../images/theme/flap-outer.webp);background-size:100% 100%;transform:rotateX(180deg)}.heart-seal{position:absolute;left:40.474%;top:65.781%;width:17.769%;z-index:9;pointer-events:none}.envelope-front{position:absolute;left:0;bottom:0;width:100%;z-index:6}.flower-inside{width:42%;z-index:2;left:-2%;top:30%;scale:.5}.comment-flower img,.detail-flower img,.detail-sticker img,.flower-inside img,.party-sticker img,.timeline-flower img{object-fit:contain;--tw-drop-shadow-size:drop-shadow(
    3px 4px 3px var(--tw-drop-shadow-color, #0000004d)
  );--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.flower-inside img{rotate:-17deg}.absolute{position:absolute}.block{display:block}.pointer-events-none{pointer-events:none}.envelope-name .name1{font-family:"Viaoda Libre",serif;font-size:58px}.envelope-name .point{position:absolute;pointer-events:none;color:rgba(81,20,25,.15);font-size:120px;font-family:"The Nautigal",cursive;top:50%;line-height:1;left:50%;transform:translate(-50%,-50%)}.items-center{align-items:center}.flex-col{flex-direction:column}.detail-table{box-shadow:0 0#0000,0 0#0000,0 0#0000,0 0#0000,4px 4px 10px #00000040;width:100%;max-width:560px;border-radius:13px;background-color:#511419;padding:40px 20px;color:#ece4d8}.detail-parents,.detail-table-content{display:flex;justify-content:center;align-items:center}.detail-table-content{text-align:center;gap:20px;flex-wrap:wrap;width:100%;position:relative;z-index:21}.detail-table .detail-title{font-weight:700;letter-spacing:.03em;font-size:20px}.detail-parents{column-gap:32px}.detail-parents .line{background-color:rgba(236,228,216,.4);align-self:center;flex-shrink:0;width:1px;height:50px}.detail-parents-col{display:flex;flex-direction:column;gap:3px}.detail-parents-sub{font-size:12px;color:rgba(236,228,216,.7)}.detail-parents-name{color:#ece4d8;font-size:14px}.detail-parents-address{font-size:10px;color:rgba(236,228,216,.7)}.detail-title2{font-size:13px}.detail-couplename{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column}.detail-couplename1{font-size:46px;font-family:"Viaoda Libre",serif;font-weight:300}.detail-couplename2{font-size:35px;font-family:"Ms Madi",cursive}.detail-title3{font-size:18px;color:rgba(236,228,216,.7)}.detail-time{display:flex;gap:20px;flex-direction:column;justify-content:center}.detail-time3{color:rgba(236,228,216,.7);text-transform:uppercase;font-size:14px;letter-spacing:.12em}.detail-time1,.detail-time2{display:flex;align-items:center;justify-content:center}.detail-time1{color:rgba(236,228,216,.7);font-size:15px;gap:20px}.detail-time2{gap:16px}.detail-time2 .detail-time2-col1{font-size:46px;line-height:1}.detail-time2 .detail-time2-col2{display:flex;flex-direction:column;gap:8px;text-align:left;align-items:flex-start;justify-content:center;font-size:18px;line-height:1}.detail-time2 .line{background-color:rgba(236,228,216,.45);width:1px;height:46px}.detail-sticker{width:37%;z-index:20;bottom:calc((var(--spacing)*-1));right:calc((var(--spacing)*-1));position:absolute}.comment-flower img,.detail-flower img,.detail-sticker img,.party-sticker img,.timeline-flower img{width:100%}.detail-flower{width:24%;z-index:20;top:10%;left:-18%;position:absolute;will-change:transform;transform:translateY(40px)}.album-title{font-size:20px}.center{text-align:center}:root{--page:#ffec5c;--stage:#1b1b1b;--ui:#e9e9e6;--paper:#f1f1ee;--accent:#f0d83c;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#d9c43a;--stage:#141414;--accent:#e6cf34}}:root[data-theme=dark]{--page:#d9c43a;--stage:#141414;--accent:#e6cf34}.stage{container-type:inline-size;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;width:min(100%,1000px);width:min(100%,1000px,calc(88dvh*4/3));aspect-ratio:4/3}.deck{position:absolute;left:50%;top:47%;width:62%;height:60%;transform:translate(-50%,-50%);display:grid;grid-template:100%/100%;place-items:center}.card{grid-area:1/1;background:var(--paper);padding:1.2cqw;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s,opacity .5s;will-change:transform}.card .img{width:100%;height:100%;background-size:cover;background-position:center}.card.gone{filter:brightness(.28);pointer-events:none}.card.front{cursor:zoom-in}.ctrl,.ctrl button{display:flex;align-items:center;justify-content:center}.ctrl{position:absolute;left:0;right:0;bottom:max(3cqw,12px);gap:max(1.6cqw,12px);z-index:300;font-size:max(1.3cqw,12px)}.ctrl button{width:max(3.4cqw,34px);height:max(3.4cqw,34px);border-radius:50%;border:0;background:var(--ui);font-size:max(1.6cqw,16px);cursor:pointer;transition:background .2s,transform .2s}.ctrl button:hover{background:#590310;color:#ece4d8;transform:scale(1.08)}.ctrl button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.party-title{font-size:26px;font-weight:300}.party-time,.party-time .party-time-col{display:flex;align-items:center;justify-content:center;gap:20px}.party-time .party-time-col{flex-direction:column;gap:4px}.party-time .sub{color:rgba(236,228,216,.7);font-size:12px}.party-time .time{font-size:20px}.party-calendar{padding:8px 16px;background-color:#ece4d8;border-radius:10px;max-width:360px;color:#511419;width:100%}.party-calendar-m{padding:10px 0;font-size:25px;font-family:"The Nautigal",cursive;border-bottom:1px solid;border-color:color-mix(in srgb,#511419 27%,transparent 73%)}.party-calendar-d,.party-calendar-w{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.party-calendar-w{border-bottom:2px solid #511419}.party-calendar-w span{font-size:11px;opacity:.6;padding:6px;display:block}.party-calendar-d{padding:8px 4px}.party-calendar-d span{font-size:13px;position:relative;display:block;padding:6px}.party-calendar-d span.choose svg{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.party-calendar-d span.choose{color:#fff;font-weight:700}.party-calendar-d span.choose i{font-style:normal;position:relative;z-index:10}.party-add a{text-underline-offset:4px;font-size:14px}.party-sticker{width:60%;z-index:21;bottom:calc((var(--spacing)*-1));position:absolute}.party-sticker1{right:80%}.party-sticker2{left:80%}.countdown-title{font-size:20px;margin-bottom:20px}.countdown-wrap{gap:20px}.countdown-box{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#511419;color:#ece4d8;font-size:20px;border-radius:10px;padding:20px}.countdown-box span{color:rgba(236,228,216,.7);font-size:12px}.map-title{font-size:20px;margin-bottom:20px}.tab-container{max-width:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.tab-contents{width:100%}.tab-indicator{position:absolute;bottom:0;left:0;background-color:#511419;height:100%;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-buttons{position:relative;display:flex;justify-content:center;border-radius:20px;width:fit-content;background-color:#ece4d8;border:1.5px solid rgba(81,20,25,.19)}.tab-btn{padding:5px 25px;background:0 0;border:0;font-size:14px;cursor:pointer;color:#511419;z-index:1;transition:color .3s}.tab-btn.active{color:#ece4d8}.tab-content{display:none;padding:10px 0 0;align-items:center;flex-direction:column}.tab-content.active{display:flex}.tab-content h3{font-weight:300;font-size:14px;margin-bottom:12px;max-width:440px}.map-directions,.timeline-table ol li .dot{justify-content:center;align-items:center;display:flex}.map-directions{text-decoration:none;gap:8px;margin-top:20px;font-weight:700}.map-directions svg{width:16px;height:16px}.map-iframe iframe,.map-map{width:100%}.map-iframe{border-radius:15px;overflow:hidden}.timeline-table ol{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);max-width:460px;row-gap:40px;column-gap:32px}.timeline-table ol li{display:contents}.self-stretch{align-self:stretch}.timeline-table ol li .dot{align-self:stretch;position:relative}.timeline-table ol li .dot::before{content:"";background-color:color-mix(in srgb,#ece4d8 40%,transparent 60%);bottom:-40px;translate:calc(calc(1/2*100%)*-1)0;width:1px;left:50%;position:absolute;top:-40px}.timeline-table ol li:first-child .dot::before{top:50%}.timeline-table ol li:last-child .dot::before{bottom:50%}.timeline-table ol li .dot::after{content:"";background-color:#ece4d8;box-shadow:color-mix(in srgb,#ece4d8 13%,transparent 87%)0 0 0 2px;border-radius:10000px;width:10px;height:10px;display:block;position:relative}.timeline-table li .text{font-size:17px;text-align:right}.timeline-table li .sub{color:rgba(236,228,216,.7);text-align:left}.timeline-flower{width:30%;z-index:20;top:-12%;right:-16%;position:absolute;will-change:transform;transform:translateY(40px)}.form-card{position:relative;background-color:#f8f4ee;border-radius:24px;padding:44px 51px 56px;box-shadow:4px 6px 10px rgba(79,18,24,.12);margin-bottom:80px;max-width:450px}.comment-title{text-align:center;font-size:20px;margin-bottom:20px}.form-card form input,.form-card form textarea{border:1px solid #511419;color:#511419;background-color:transparent;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;outline:0}.form-card form textarea{resize:none;margin-top:16px;height:110px}.form-card form .actions{display:flex;align-content:center;justify-content:space-between}.form-card form .actions .btn-suggest{background-color:rgba(81,20,25,.1);transition:.2s;color:#511419;padding:8px;border-radius:6px;font-size:16px;cursor:pointer}.form-card form .actions .btn-send:hover,.form-card form .actions .btn-suggest:hover{transform:scale(110%)}.form-card form .actions .btn-send{background-color:#511419;color:#ded9d7;cursor:pointer;padding:8px 24px;border-radius:50px;transition:.2s}.comment-flower{width:45%;pointer-events:none;z-index:20;bottom:-15%;left:-9%;position:absolute}.comment-wrap .list{max-height:500px;max-width:600px;overflow-y:auto;width:100%;padding-right:10px;scrollbar-color:#b8a09c transparent}.comment-wrap .list .wish{background:rgba(255,255,255,.55);border:1px solid rgba(81,20,25,.333);border-radius:10px;padding:14px 16px 16px;margin-bottom:14px}.comment-wrap .list .wish .wish-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.comment-wrap .list .wish .wish-head .wish-name{font-weight:700;font-size:15px}.comment-wrap .list .wish .wish-head .wish-time{font-size:12px;color:#8a5a5f;white-space:nowrap}.comment-wrap .list .wish .wish-msg{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}dialog{width:min(448px,calc(100% - 32px));padding:24px;border:0;border-radius:12px;background:#fff;color:#1f1f23;left:50%;top:50%;transform:translate(-50%,-50%)}dialog::backdrop{background:rgba(0,0,0,.55)}.dlg-head{display:flex;justify-content:space-between;align-items:center}.dlg-head h2{margin:0;font-size:18px}.dlg-x{border:0;background:0 0;font-size:22px;line-height:1;color:#777;cursor:pointer}.dlg-sub{margin:12px 0 16px;font-size:13px;color:#777}.options{display:grid;gap:12px;margin-bottom:16px}.dlg-foot button,.option{font:inherit;font-size:15px;border-radius:8px;cursor:pointer}.option{text-align:left;padding:14px 16px;line-height:1.5;color:#333;background:#fff;border:1px solid #e4e4e7;transition:.2s}.option:hover{border-color:var(--wine);background:#fbf7f6}.dlg-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dlg-foot button{padding:12px}.btn-more{background:#fff;border:1px solid #d4d4d8}.btn-close{background:#e9e9ec;border:1px solid transparent;color:#555}.gif-title{font-size:20px}.gif-wrap{padding-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center}.gif-wrap span{pointer-events:none;z-index:20;color:#b58b2f}.gif-btn{width:100%;max-width:190px;cursor:pointer;background:0 0;outline:0}.gif-box,.gif-popup{position:relative;width:100%}.gif-box{min-height:375px}.gif-box img,.gif-wrap span,.welcome-screen-bg>div{position:absolute}.gif-box .img1{animation:ienvFloatMain 3s ease-in-out infinite}.gif-box .img2{animation:ienvFloat 5.2s ease-in-out .5s infinite}.gif-btn:hover .img1{animation:ienvFloatMain 3s ease-in-out infinite,ienvGrow .35s ease forwards,ienvWave 1.1s ease-in-out .35s infinite}.gif-btn:hover .img2{animation:ienvFloat 5.2s ease-in-out .5s infinite,ienvBackWave 2.2s ease-in-out infinite}.gif-popup{background-color:#fff7eb;max-width:576px;border-radius:16px;overflow:hidden}.popup-overlay{background-color:rgba(0,0,0,.55);position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gif-popup-wrap{display:flex;padding:24px;gap:16px}.gif-popup-title{background-color:#511419;padding:24px 24px 16px;font-size:20px;font-weight:700;text-shadow:rgba(0,0,0,.2) 1px 1px 2px;color:#fff}.btn-close,.gif-popup-col{display:flex;align-items:center;justify-content:center}.btn-close{position:absolute;width:32px;height:32px;right:12px;top:12px;border-radius:100px;transition:.2s;color:color-mix(in oklab,#fff 80%,transparent);background-color:transparent;font-size:20px}.btn-close:hover{color:#fff;background-color:color-mix(in oklab,#fff 20%,transparent)}.gif-popup-col{flex-direction:column;flex:1}.gif-popup-name{font-size:12px;margin-bottom:15px}.gif-popup-qr{width:100%;max-width:160px;border:2px solid rgba(81,20,25,.125);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),
    0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:12px;background-color:#fff;padding:8px}.gif-popup-text{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:8px}.gif-popup-text .text1,.gif-popup-text .text2{font-size:10px}.gif-popup-text .text3{font-size:10px;font-weight:700}.gif-popup-download{margin-top:6px}.gif-popup-download button{padding:4px 8px;color:#511419;gap:4px;border-radius:50px;background-color:rgba(81,20,25,.082);cursor:pointer;font-size:10px}.gif-popup-download button svg{width:12px;height:12px}footer{padding-bottom:40px;font-size:13px}.gif-popup-download button,.welcome-screen,.welcome-screen-box .heart{display:flex;align-items:center;justify-content:center}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:linear-gradient(to bottom right,#6e1a20,#511419,#380a0e)}.welcome-screen-bg{position:absolute;left:0;top:0;width:100%;height:100%}.welcome-screen-box{width:90%;max-width:600px;box-shadow:0 25px 60px -12px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.2),0 0 40px rgba(81,20,25,.15);border-radius:8px;background:rgba(255,250,243,.96);border:1px solid rgba(81,20,25,.15);overflow:hidden}.welcome-screen-box .flower img{opacity:.8;top:-2%;position:absolute;height:300px}.welcome-screen-box .flower img.left{rotate:25deg;left:-17px}.welcome-screen-box .flower img.right{rotate:-25deg;right:-17px;scale:calc(100%*-1)1}.welcome-screen-box .heart{top:50px;width:56px;height:56px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#511419,#300);--shadow-color:rgba(81, 20, 25, 0.5);box-shadow:0 4px 20px rgba(81,20,25,.5),inset 0 2px 4px rgba(255,255,255,.3);z-index:30;animation:seal-pulse 2s ease-in-out infinite;border-radius:100px;left:50%;position:absolute}.welcome-screen-box .heart svg{width:28px;height:28px}.welcome-screen-content{padding:96px 24px 32px;width:100%;align-items:center;gap:8px;text-align:center}.welcome-screen-content,.welcome-screen-content .name{display:flex;justify-content:center;flex-direction:column}.welcome-screen-content .name .text{font-family:"Viaoda Libre",serif;font-size:36px;line-height:1.2}.welcome-screen-content .name .point{font-family:"The Nautigal",cursive;font-size:20px}.welcome-screen-content .line{display:flex;justify-content:center;align-items:center;gap:12px}.welcome-screen-content .line .d-line{width:40px;height:1px}.welcome-screen-content .line .ic{color:#511419;opacity:.7;font-size:14px}.welcome-screen-content .date,.welcome-screen-content .sub{color:rgba(81,20,25,.72);font-size:18px}.welcome-screen-content .open-btn{background-color:#511419;color:#f3e8de;overflow:hidden;box-shadow:0 4px 14px rgba(81,20,25,.35);cursor:pointer;position:relative;font-size:18px;border-radius:50px;padding:10px 32px}.welcome-screen-content .open-btn span{position:relative}.welcome-screen-content .open-btn::after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s ease-in-out infinite;width:32px;height:100%;top:0;position:absolute;pointer-events:none}#envelope.opening{opacity:0;pointer-events:none}.opening .welcome-screen-box{animation:envelope-away 1.1s cubic-bezier(.5,0,.9,.4) .5s forwards}.welcome-screen-box .ring{position:absolute;left:50%;top:50px;width:56px;height:56px;border-radius:50%;border:2px solid #f3e8de;z-index:29;opacity:0;pointer-events:none}@media (max-width:640px) and (orientation:portrait){.stage{width:min(100%,calc(88vh*2/3));width:min(100%,calc(88dvh*2/3));aspect-ratio:2/3}.deck{width:90%;height:70%;top:45%}.card{padding:2.4cqw}.ctrl{bottom:5cqw;gap:16px;font-size:14px}.ctrl button{width:44px;height:44px;font-size:20px}.save-the-date{font-size:15px}.envelope-name .name1{font-size:40px}.envelope-name .point{font-size:90px}.detail-couplename1{font-size:35px}.detail-title3{font-size:15px}.detail-time1,.timeline-table li .text{font-size:13px}.detail-time3{font-size:10px}.detail-time2 .detail-time2-col1{font-size:40px}.detail-table{padding:30px 15px}.detail-time2 .detail-time2-col2,.party-title{font-size:16px}.timeline-table ol{row-gap:35px;column-gap:20px}.form-card{padding:30px 20px 56px}.gif-popup-wrap{flex-direction:column}.gif-popup{max-height:90vh;border-radius:16px 16px 0 0;overflow-y:auto}.gif-popup-wrap{padding:10px}.popup-overlay{align-items:flex-end}.welcome-screen-content .name .text{font-size:30px}.welcome-screen-box .flower img{height:155px}.welcome-screen-box .flower img.right{top:auto;bottom:-25px}.welcome-screen-content{padding:112px 24px 32px}}@media (orientation:landscape) and (max-height:480px){.stage{width:min(100%,1000px);aspect-ratio:auto;height:88vh;height:88dvh}.deck{width:62%;height:68%;top:44%}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.welcome-screen{transition:opacity .9s ease .5s;transition-delay:1.5s}.opening .welcome-screen-box .heart{animation:seal-break .6s ease-out forwards}.fx-burst,.fx-ring{position:fixed;opacity:0;pointer-events:none}.fx-ring{z-index:5;width:56px;height:56px;border-radius:50%;border:2px solid #f3e8de;animation:seal-ring .8s ease-out forwards}.fx-burst{z-index:6;line-height:0;animation:particle-burst .95s ease-out forwards}.fx-burst svg{display:block;width:1em;height:1em;fill:currentColor}@media (prefers-reduced-motion:reduce){.opening .welcome-screen-box{animation:none;opacity:0}.fx-burst,.fx-ring{display:none}}.music-btn{position:fixed;right:16px;bottom:16px;z-index:900;width:44px;height:44px;border:0;border-radius:50%;padding:0;display:none;align-items:center;justify-content:center;cursor:pointer;background:#511419;color:#f3e8de;box-shadow:0 4px 14px rgba(81,20,25,.45)}.music-btn.show{display:flex}.music-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music-btn .slash{opacity:1}.music-btn.playing .slash{opacity:0}.music-btn.playing{animation:music-spin 6s linear infinite}.music-btn:focus-visible{outline:3px solid #c9a24a;outline-offset:3px}@media (prefers-reduced-motion:reduce){.music-btn.playing{animation:none}}