:root{--paper:#f7f4ef;--ink:#4a423a;--ink-soft:#5c534a;--font-script:"Great Vibes", cursive;--font-serif:"EB Garamond", "Times New Roman", serif;font-family:var(--font-serif);color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--paper);color:var(--ink)}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.page{background-color:#f7f4ef;background-image:url(/assets/background-mobile-BCYJAz03.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100svh;padding:clamp(1rem,3vw,2rem);display:flex}@media (orientation:landscape){.page{background-image:url(/assets/background-CO_LYrDN.png)}}.page.guests-mode{height:100svh;max-height:100svh;overflow:hidden}@media (orientation:landscape){.page.guests-mode{background-attachment:fixed}}.sheet{text-align:center;width:min(100%,36rem);position:relative}.page.guests-mode .sheet{flex-direction:column;min-height:0;max-height:100%;display:flex}.content{flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,1.75rem);display:flex}.page.guests-mode .content{min-height:0;max-height:100%;overflow:hidden}.header{margin-bottom:1.5rem}.page.guests-mode .header{flex-shrink:0}.names{font-family:var(--font-script);color:var(--ink);flex-direction:column;align-items:center;gap:.1em;margin:0 0 .75rem;font-size:clamp(1.85rem,6.5vw,2.75rem);font-weight:400;line-height:1.2;display:flex}.names-and{font-size:.72em;line-height:1}.meta{letter-spacing:.02em;margin:0;font-size:clamp(.95rem,2.6vw,1.05rem)}.progress{justify-content:center;gap:.45rem;margin-bottom:1.25rem;display:flex}.page.guests-mode .progress{flex-shrink:0}.progress-dot{background:#4a423a2e;border-radius:50%;width:.4rem;height:.4rem;transition:background .25s,transform .25s}.progress-dot.active{background:var(--ink);transform:scale(1.15)}.step{opacity:0;width:100%;transition:opacity .22s,transform .22s;transform:translateY(8px)}.page.guests-mode .step{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.step.visible,.step-content.success.visible{opacity:1;transform:translateY(0)}.step-content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:10rem;display:flex}.step-content.welcome{gap:.95rem;min-height:0}.step-content.success{opacity:0;min-height:12rem;transition:opacity .22s,transform .22s;transform:translateY(8px)}.welcome-text{text-wrap:pretty;max-width:28rem}.welcome-thanks{font-style:italic}.step-content.ceremony{gap:.85rem;min-height:0}.ceremony-text{text-wrap:pretty;max-width:28rem;font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.65}.ceremony-text strong{color:var(--ink);letter-spacing:.01em;font-size:1.12em;font-weight:700}.checkbox-label{text-align:left;max-width:28rem;font-family:var(--font-serif);color:var(--ink);cursor:pointer;align-items:flex-start;gap:.7rem;margin-top:.5rem;font-size:1rem;display:flex}.checkbox{width:1.15rem;height:1.15rem;accent-color:var(--ink);cursor:pointer;flex-shrink:0;margin-top:.15rem}.step-content.guests{justify-content:flex-start;gap:1rem;width:100%;min-height:0;overflow:hidden}.guest-list{overscroll-behavior:contain;padding-inline:.25rem;flex-direction:column;flex:1;gap:1.25rem;width:min(100%,24rem);min-height:0;padding-bottom:.5rem;display:flex;overflow-y:auto}.step-content.guests .question{flex-shrink:0}.guest-card{background:#fffcf773;border:1px solid #4a423a2e;border-radius:.65rem;flex-direction:column;flex-shrink:0;align-items:center;gap:.65rem;width:100%;padding:1rem .85rem;display:flex}.guest-title{font-family:var(--font-script);color:var(--ink);margin:0 0 .25rem;font-size:clamp(1.5rem,5vw,1.9rem)}.guest-label{font-family:var(--font-serif);color:var(--ink-soft);text-align:left;align-self:stretch;margin:.35rem 0 0;font-size:.95rem}.guest-card .field,.guest-card .choice-list{width:100%}.script{font-family:var(--font-script);color:var(--ink);font-weight:400}.closing{margin:0;font-size:clamp(2rem,6.5vw,2.75rem);line-height:1.2}.body-text{font-family:var(--font-serif);color:var(--ink-soft);margin:0;font-size:clamp(.98rem,2.6vw,1.12rem);line-height:1.7}.question{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:clamp(1.15rem,3.4vw,1.4rem);line-height:1.45;display:block}.question.secondary{margin-top:.5rem;font-size:clamp(1rem,2.8vw,1.15rem)}.field{width:min(100%,22rem);font-family:var(--font-serif);color:var(--ink);text-align:center;background:0 0;border:none;border-bottom:1px solid #4a423a59;border-radius:0;outline:none;padding:.65rem .25rem;font-size:1.05rem;transition:border-color .2s}.field:focus{border-bottom-color:var(--ink)}.field.area{resize:vertical;text-align:left;background:#fffcf773;border:1px solid #4a423a47;min-height:5rem;padding:.85rem 1rem;line-height:1.5}.field::placeholder{color:#4a423a66}.hint{font-family:var(--font-serif);color:#4a423a8c;margin:0;font-size:.9rem}.choice-list{flex-direction:column;gap:.55rem;width:min(100%,22rem);display:flex}.choice-option{width:100%;font-family:var(--font-serif);color:var(--ink);cursor:pointer;text-align:left;background:#fffcf78c;border:1px solid #4a423a47;border-radius:.55rem;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:1.05rem;transition:background .2s,border-color .2s;display:flex}.choice-option:hover{border-color:var(--ink);background:#4a423a0a}.choice-option.selected{border-color:var(--ink);background:#4a423a14}.choice-letter{border:1px solid #4a423a66;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.9rem;line-height:1;display:inline-flex}.choice-row{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.choice-row.compact .choice{min-width:3rem;padding-inline:.9rem}.choice,.button{font-family:var(--font-serif);color:var(--ink);cursor:pointer;background:#fffcf78c;border:1px solid #4a423a59;padding:.7rem 1.35rem;font-size:1rem;transition:background .2s,border-color .2s,color .2s,opacity .2s}.choice:hover,.button:hover:not(:disabled){border-color:var(--ink);background:#4a423a0a}.choice.selected{border-color:var(--ink);background:#4a423a14}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.page.guests-mode .actions{flex-shrink:0}.button.primary{background:var(--ink);min-width:8.5rem;color:var(--paper);border-color:var(--ink)}.button.primary:hover:not(:disabled){background:#3a342e;border-color:#3a342e}.button.ghost{background:#fffcf78c}.button:disabled{opacity:.4;cursor:not-allowed}.error{font-family:var(--font-serif);color:#8a3d3d;margin:1rem 0 0;font-size:.95rem}.reset{font-family:var(--font-serif);color:#4a423a59;cursor:pointer;background:0 0;border:none;margin:2.5rem auto 0;font-size:.9rem;display:block}@media (width<=768px){.page.guests-mode{align-items:stretch;padding:.55rem .7rem .75rem}.page.guests-mode .sheet{width:100%;height:100%}.page.guests-mode .content{height:100%;padding:.4rem .4rem .55rem}.page.guests-mode .header{display:none}.page.guests-mode .progress{margin-bottom:.55rem}.page.guests-mode .step-content.guests{gap:.55rem}.page.guests-mode .step-content.guests .question{font-size:1.15rem}.page.guests-mode .guest-list{gap:1rem;width:100%;min-height:70svh}.page.guests-mode .guest-card{padding:.85rem .75rem}.page.guests-mode .actions{margin-top:.75rem}.page.guests-mode .reset{margin-top:.65rem}}@media (width<=480px){.choice-row:not(.compact){flex-direction:column;align-items:stretch}.choice-row:not(.compact) .choice{width:100%}.actions{flex-direction:column-reverse}.button{width:100%}.page.guests-mode .guest-list{min-height:72svh}}