html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.root-container{display:flex;width:100%;justify-content:center}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}#root{margin:0;padding:0;text-align:center}.app-container{background-color:#faf5e8;width:393px;padding:0}.cover-desktop{position:sticky;height:100dvh;width:100%;flex-grow:1;top:0;left:0;background-repeat:no-repeat;background-size:cover;padding-top:62px;padding-right:52px;display:none}.cover-desktop-wrapper{display:flex;width:100%;margin:0;justify-content:center}.cover-desktop p{font-family:Baskerville,serif;font-size:24px;text-align:right;color:#fff}.cover-desktop-guest{font-family:Great Vibes,cursive;font-size:40px;text-align:right;color:#fff;padding-top:16px}@media(min-width:800px){.cover-desktop{display:block}}.blessing-container{width:259px;margin:58px auto 0;border-width:2px;border-color:#c67b7d;border-radius:20px;border-style:solid}.blessing-text{font-family:Baskervville,serif;font-size:16px;color:#4f4f4f;padding:0 38px 76px;text-align:center}.blessing-decoration{display:flex;justify-content:space-between;position:relative;bottom:269px;width:383px;z-index:2;margin-bottom:-300px}.blessing-decoration img{width:197px}.couple-header{font-family:Great Vibes,cursive;font-size:36px;text-align:center;margin-bottom:18px;color:#741615}.couple-container{margin-top:56px}.couple-text{font-family:Baskervville,serif;font-size:16px;color:#000;text-align:center;padding:0 19px}.couple-man-container{display:flex;justify-content:space-between;align-items:top;width:100%;margin-bottom:-80px}.couple-man-container :first-child{padding-left:36px;object-fit:contain}.couple-man-info{margin-left:44px}.couple-man-name{font-family:Great Vibes,cursive;font-size:32px;color:#741615;margin-top:19px;text-align:left;margin-bottom:0}.couple-man-fullname{font-family:Great Vibes,cursive;font-size:18px;color:#c67b7d;text-align:left;margin:12px 0 0}.couple-man-description{font-family:Baskervville,serif;font-size:16px;text-align:left;color:#000;margin:0}.couple-woman-container{display:flex;justify-content:space-between;align-items:top;width:100%;margin-bottom:-80px}.couple-woman-container :last-child{padding-right:36px;object-fit:contain}.couple-woman-info{margin-right:44px}.couple-woman-name{font-family:Great Vibes,cursive;font-size:32px;color:#741615;margin-top:19px;text-align:right;margin-bottom:0}.couple-woman-fullname{font-family:Great Vibes,cursive;font-size:18px;color:#c67b7d;text-align:right;margin:12px 0 0}.couple-woman-description{font-family:Baskervville,serif;font-size:16px;text-align:right;color:#000;margin:0}.event-wrapper{padding:68px 32px}.event-header{font-size:42px;font-family:Great Vibes,cursive;color:#741615;text-align:center}.event-text{font-size:18px;color:#666;font-family:Baskervville,serif}.event-part-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:68px}.event-part-title-line{height:1px;background-color:#741615;width:92px}.event-part-detail{display:flex;flex-direction:column;gap:.5rem;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem;align-items:center}.event-part-detail p{font-family:Baskervville,serif;font-size:1rem;color:#000}.event-part-address{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.event-part-map-button{background-color:#fcd19c;border-radius:4px;border-width:0;font-family:Baskervville,serif}.event-map{width:100%;aspect-ratio:1/1;margin-top:2rem;display:flex;justify-content:center}.counter-wrapper{margin-top:24px;padding:16px 28px;border-radius:12px;background-color:#ece0cf;display:flex;flex-direction:column;align-items:center}.counter-title{font-family:Great Vibes,cursive;color:#741615;font-size:36px}.counter-time{font-family:"Noto Serif",serif;color:#000;display:flex;width:100%;justify-content:space-around;margin-top:24px}.counter-time-digit{font-size:32px}.counter-time-unit{font-size:14px}.counter-wrapper button{background-color:#c67b7d;padding:8px;font-family:Noto Sans,serif;font-weight:300;display:flex;border-width:0;border-radius:8px;gap:8px;justify-content:center;align-items:center;margin-top:24px;font-size:16px}.event-map-wrapper{margin:100px 0}.map-header{font-family:Great Vibes,cursive;color:#741615;font-size:42px;margin-bottom:8px}.moment-header{font-family:Great Vibes,cursive;font-size:48px;text-align:right;margin-right:52px;margin-top:62px;color:#741615}.moment-pictures-wrapper{margin:52px 22px;display:flex;justify-content:space-between;height:422px}.moment-mini-picture:hover{transform:scale(1.1);transition:transform .3s;border:#741615 2px solid}.moment-mini-picture-active{border:#741615 4px solid;border-radius:2px;padding:2px}.moment-mini-navigation{display:flex;justify-content:space-between;align-items:center;height:100%;flex-direction:column}.moment-mini-button{border:none}.comment-wrapper{background-color:#741615;width:100%;padding-top:1px;padding-bottom:1px}.comment-container{margin:52px;display:flex;flex-direction:column;align-items:center;justify-content:start}.comment-header{font-family:Great Vibes,cursive;font-size:42px;color:#fff;text-align:center}.comment-description{font-family:Baskervville,serif;color:#fff;text-align:center;font-size:16px;margin-top:20px}.comment-wrapper form{display:flex;flex-direction:column;width:100%;max-width:500px;margin-top:32px;gap:12px}.comment-container form div{display:flex;flex-direction:column;gap:8px;align-items:start}.comment-container form div label{font-family:Baskervville,serif;color:#fff;font-size:16px}.comment-container form div input,.comment-container form div textarea{width:100%;display:flexbox;padding:8px 0 8px 8px;border-radius:4px;border:1px solid #ccc;font-family:Baskervville,serif;font-size:16px}.comment-container form button{background-color:#faf5e8;color:#741615;font-family:Baskervville,serif;font-size:14px;padding:8px;border:none;border-radius:4px;cursor:pointer;margin-top:12px;width:fit-content;align-self:center}.comment-list-container{width:100%;margin-top:48px}.comment-list-container ul{width:100%;display:flex;flex-direction:column;gap:12px;height:200px;overflow-y:auto;margin-top:32px;align-items:flex-start}.comment-list-container ul li{background-color:#faf5e8;padding:12px;border-radius:2px;display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box;align-items:start;height:6rem;justify-content:space-between}.comment-list-container ul li .comment-author{font-family:Baskervville,serif;font-size:16px;color:#741615;display:flex;justify-content:space-between;width:100%}.comment-list-container ul li .comment-message{font-family:Baskervville,serif;font-size:16px;color:#4f4f4f;margin-top:4px;word-wrap:break-word;text-align:left}.thankyou-section{text-align:center;padding:50px 20px}.thankyou-section h2{font-family:Great Vibes,cursive;font-size:42px;color:#741615;margin-bottom:16px}.thankyou-section p{font-size:"Baskervville",serif;font-size:16px}.thankyou-section .mempelai{margin-top:24px;margin-bottom:28px;font-family:Great Vibes,cursive;font-size:30px}:root{--color-primary: #741615;--color-primary-hover: #C67B7D;--color-background-soft: #FAF5E8;--color-background-panel: #ECE0CF;--color-highlight: #FCD19C;--color-black: #000000}.floating-music-btn{position:fixed;bottom:1rem;right:1rem;padding:1rem;border-radius:50%;background:var(--color-primary);box-shadow:0 4px 12px #00000040;cursor:pointer;border:none;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;z-index:50}@media(min-width:768px){.floating-music-btn{bottom:2rem;right:2rem}}.floating-music-btn:hover{transform:scale(1.1);background:var(--color-primary-hover);box-shadow:0 8px 20px #00000059}.floating-music-btn.playing{background:var(--color-black)}.floating-music-btn svg{width:12px;height:12px;stroke:var(--color-background-soft)}.music-alert{position:fixed;bottom:6rem;right:1rem;background:var(--color-primary);color:var(--color-background-soft);padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #00000040;font-size:14px;z-index:1001;opacity:1;transition:opacity .3s ease}@media(min-width:768px){.music-alert{right:2rem}}.cover-wrapper{height:100%;width:393px;background-color:#faf5e8;position:absolute;top:0;z-index:100;display:flex}.background-bottom-wrapper{position:absolute;bottom:0;z-index:12}.guest-cover{position:absolute;top:40%;left:0;transform:translateY(-50%);text-align:center;z-index:20;color:#4a403a;width:100%}.guest-cover button{margin-top:128px;padding:12px 24px;font-size:16px;font-family:Baskerville,serif;font-weight:700;color:#fff;background-color:#741615;border:none;border-radius:8px;cursor:pointer}.guest-title-cover{font-family:Baskerville,serif;font-size:24px;margin:0}.guest-name-cover{font-family:Great Vibes,cursive;font-size:32px;font-weight:700;margin:36px 0;color:#741615}.guest-please-cover{font-family:Baskerville,serif;font-size:16px;margin:0}.hero-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-heading{position:absolute;z-index:2;background:#faf5e8;background:linear-gradient(0deg,#faf5e8,#faf5e8bf);width:393px;height:322px}.hero-wrapper img{width:100%;height:322px;z-index:1}.hero-heading div{font-family:Great Vibes,cursive;font-size:38px;color:#741615;margin-top:87px}.gift-wrapper{margin:68px 24px;background:#faf5e8;padding:32px 20px;border-radius:12px}.gift-header{font-family:Great Vibes,cursive;font-size:42px;color:#741615;text-align:center}.gift-description{font-family:Baskervville,sans-serif;font-size:16px;color:#741615;opacity:.8;text-align:center;margin-top:12px}.gift-detail{margin-top:64px}details{border-radius:.75rem;margin:1rem 0;transition:.15s ease;background:#fff;border:2px solid #FCD19C;overflow:hidden;box-shadow:0 2px 6px #0000000f}details[open]{border-color:#741615}summary{padding:1rem 2.5rem 1rem 1.25rem;font-size:1.1rem;font-weight:700;color:#741615;cursor:pointer;background:#fcd19c;border-radius:.75rem}details div{text-align:left;padding:16px;background:#faf5e8;border-radius:0 0 .75rem .75rem}.gift-owner,.gift-address{display:flex;align-items:center;gap:8px;color:#741615;font-weight:600}.gift-info{margin-top:8px;color:#741615;opacity:.9}summary::marker{content:none}summary{position:relative}summary:before,summary:after{content:"";width:.75em;height:0;border-bottom:2px solid #741615;position:absolute;top:calc(50% - 1px);right:1rem;transition:.2s}summary:after{transform:rotate(90deg);transform-origin:50% 50%}details[open] summary:after{transform:rotate(0)}