@font-face{font-family:WedBellefair;src:url(./Bellefair-C7SbrJ2F.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:WedHeebo;src:url(./Heebo-B1dyC2ym.ttf)format("truetype");font-weight:100 900;font-display:swap}html,body,#root{min-height:100%;margin:0}body{background:#2c3327}.page{box-sizing:border-box;background:#f6f1e4;max-width:560px;min-height:100dvh;margin:0 auto;padding:14px 12px}.wed{--ivory:#f7f2e7;--cream:#f2ecdd;--sage:#8fa07e;--sage-deep:#5c6b4e;--olive:#414d36;--gold:#b9923f;--gold-soft:#d8c08a;--gold-pale:#eee3c8;--ink:#3d4434;--ink-soft:#6d7261;color:var(--ink);direction:rtl;flex-direction:column;gap:28px;padding-bottom:8px;font-family:WedHeebo,Heebo,system-ui,sans-serif;display:flex}.hero{background:linear-gradient(168deg,var(--ivory) 0%,var(--cream) 55%,#e7e3d0 100%);border:1px solid var(--gold-pale);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:38px 22px 32px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;border:1px solid #b9923f66;border-radius:18px;position:absolute;top:10px;right:10px;bottom:10px;left:10px}.hero-frame{border:1.5px solid var(--gold);border-radius:50%;width:138px;margin-bottom:18px;animation:.8s cubic-bezier(.22,.9,.32,1) .1s both heroIn;overflow:hidden;box-shadow:0 8px 22px #5c6b4e2e,0 0 0 5px #f8f4ead9,0 0 0 6.5px #b9923f59}.hero-frame img{width:100%;height:auto;display:block}.hero-kicker{letter-spacing:.06em;color:var(--sage-deep);margin:0 0 6px;font-size:15px;font-weight:500;animation:.8s cubic-bezier(.22,.9,.32,1) .28s both heroIn}.hero-names{color:var(--olive);margin:0;font-family:WedBellefair,serif;font-size:clamp(34px,9vw,46px);font-weight:700;line-height:1.2;animation:.8s cubic-bezier(.22,.9,.32,1) .42s both heroIn}.hero-names .amp{color:var(--gold);padding:0 2px;font-size:.72em}.hero-ornament{margin:12px 0;animation:.8s cubic-bezier(.22,.9,.32,1) .54s both heroIn}.hero-line{color:var(--ink-soft);margin:0 0 4px;font-size:16px;animation:.8s cubic-bezier(.22,.9,.32,1) .66s both heroIn}.hero-line.strong{color:var(--ink);margin-bottom:6px;font-size:19px;font-weight:600}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.petal{pointer-events:none;opacity:.55;animation:9s ease-in-out infinite drift;position:absolute}.petal svg{display:block}@keyframes drift{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(6px,14px)rotate(9deg)}65%{transform:translate(-7px,26px)rotate(-7deg)}}.petal.p1{top:8%;right:7%}.petal.p2{animation-duration:10.5s;animation-delay:1.4s;top:16%;left:8%}.petal.p3{opacity:.4;animation-duration:11.5s;animation-delay:2.4s;bottom:14%;right:6%}.sample-chip{color:var(--gold);background:#eee3c859;border:1px dashed #b9923fb3;border-radius:999px;align-items:center;gap:7px;margin-top:16px;padding:7px 14px;font-size:13px;font-weight:500;animation:.8s cubic-bezier(.22,.9,.32,1) .8s both heroIn;display:inline-flex}.sample-chip svg{flex:none}.wed-section{flex-direction:column;gap:14px;display:flex}.wed-section h2{color:var(--olive);align-items:center;gap:10px;margin:0;font-family:WedBellefair,serif;font-size:27px;font-weight:700;display:flex}.wed-section h2:after{content:"";background:linear-gradient(to left,var(--gold-soft),transparent);flex:1;height:1px}.wed-actions{flex-wrap:wrap;gap:12px;display:flex}.wed-actions .wed-btn{flex:150px}.wed-btn{border:1.5px solid var(--gold);background:var(--ivory);min-height:52px;color:var(--olive);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s;display:inline-flex}.wed-btn:active{transform:scale(.96)}.wed-btn:hover{box-shadow:0 4px 14px #5c6b4e29}.wed-btn.primary{background:linear-gradient(160deg,var(--gold) 0%,#a5812f 100%);color:#fff;border-color:#0000;box-shadow:0 6px 18px #b9923f59}.demo-note{opacity:0;max-height:0;margin:0;transition:max-height .35s cubic-bezier(.22,.9,.32,1),opacity .3s,margin .35s;overflow:hidden}.demo-note.open{opacity:1;max-height:120px;margin-top:2px}.demo-note-inner{background:var(--ivory);border:1px solid var(--gold-pale);color:var(--ink-soft);border-radius:14px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:14px;line-height:1.55;display:flex}.demo-note-inner svg{color:var(--gold);flex:none;margin-top:2px}.rsvp-card{background:linear-gradient(170deg,var(--ivory),var(--cream));border:1px solid var(--gold-pale);border-radius:22px;flex-direction:column;gap:18px;padding:22px 18px;display:flex}.seg{border:1px solid var(--gold-pale);background:#fff;border-radius:999px;gap:4px;padding:4px;display:flex}.seg button{min-height:48px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;font-family:inherit;font-size:16px;font-weight:600;transition:background .22s,color .22s,box-shadow .22s}.seg button.chosen{background:linear-gradient(160deg,var(--sage) 0%,var(--sage-deep) 100%);color:#fff;box-shadow:0 4px 12px #5c6b4e4d}.seg button.chosen.no{background:linear-gradient(160deg,#a98d4a,#8f7434);box-shadow:0 4px 12px #a98d4a4d}.field-label{color:var(--ink-soft);margin-bottom:7px;font-size:14px;font-weight:600;display:block}.wed-input{box-sizing:border-box;border:1px solid var(--gold-pale);width:100%;min-height:52px;color:var(--ink);text-align:right;background:#fff;border-radius:14px;padding:0 16px;font-family:inherit;font-size:17px}.wed-input:focus{outline:2px solid var(--gold-soft);outline-offset:1px}.wed-input::placeholder{color:#a9aa9c}.counter{justify-content:center;align-items:center;gap:22px;display:flex}.counter button{border:1.5px solid var(--gold);background:var(--ivory);width:52px;height:52px;color:var(--olive);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;transition:transform .16s cubic-bezier(.3,1.6,.5,1);display:grid}.counter button:active{transform:scale(.9)}.counter button:disabled{opacity:.35;cursor:default;transform:none}.counter .count{color:var(--olive);text-align:center;min-width:52px;font-family:WedBellefair,serif;font-size:34px;font-weight:700}.rsvp-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0 2px;display:flex}.rsvp-success .check-circle{animation:.5s cubic-bezier(.3,1.5,.5,1) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.rsvp-success h3{color:var(--olive);margin:0;font-family:WedBellefair,serif;font-size:26px;font-weight:700}.rsvp-success p{color:var(--ink-soft);max-width:40ch;margin:0;font-size:15px;line-height:1.6}.link-btn{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:8px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline}.wed-closing{color:var(--ink-soft);text-align:center;margin:0;padding:0 12px;font-size:13px;line-height:1.7}@media (width>=768px){.wed{gap:34px}.hero{padding:46px 36px 40px}.rsvp-card{padding:30px 28px}}.envelope-page{max-width:none;min-height:100dvh;padding:0}.envelope-page .wed{gap:0;padding:0}.wed-body{flex-direction:column;gap:28px;max-width:560px;margin:0 auto;padding:30px 12px 8px;display:flex}.env-stage{--noise:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3e%3cfilter%20id='n'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3crect%20width='140'%20height='140'%20filter='url(%23n)'%20opacity='0.5'/%3e%3c/svg%3e");--fiber:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='300'%3e%3cfilter%20id='fib'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.55%200.015'%20numOctaves='2'%20seed='11'%20stitchTiles='stitch'%20result='a'/%3e%3cfeColorMatrix%20in='a'%20values='0%200%200%200%200.48%200%200%200%200%200.40%200%200%200%200%200.26%200.5%200.5%200.5%200%200'/%3e%3c/filter%3e%3crect%20width='300'%20height='300'%20filter='url(%23fib)'%20opacity='0.5'/%3e%3c/svg%3e");box-sizing:border-box;background:#f2ecdd;height:100dvh;margin:0;position:relative;overflow:hidden}.scene{z-index:6;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.scene:disabled{cursor:default}.env-stage.cut .scene,.env-stage.done .scene{pointer-events:none}.env-canvas{z-index:4;width:100%;height:100%;transition:opacity .35s ease-in .45s,transform .38s ease-in;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.env-stage.cut .env-canvas,.env-stage.done .env-canvas{opacity:0;pointer-events:none}.e-card{z-index:2;background-image:var(--noise),var(--fiber),radial-gradient(120% 90% at 50% 8%,#fffcf0a6,#fffcf000 60%),linear-gradient(168deg,#faf5e8,#f2e9d3 58%,#e9dcbc);background-blend-mode:soft-light,soft-light,normal,normal;box-sizing:border-box;text-align:center;opacity:0;filter:brightness(.9);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:7vh 26px;transition:opacity .38s ease-in,transform .55s cubic-bezier(.22,.9,.32,1) .38s,filter .38s ease-out;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.05);transform-origin:50% 30.2%}.e-card.on{opacity:1;filter:brightness();transform:scale(1)}.e-card-frame{border:1.5px solid #b9923f;border-radius:50%;width:clamp(120px,30vw,150px);aspect-ratio:1/1;margin-bottom:8px;overflow:hidden;box-shadow:0 8px 22px #5c6b4e2e,0 0 0 5px #f8f4ead9,0 0 0 6.5px #b9923f59}.e-card-frame img{width:100%;height:100%;object-fit:cover;display:block}.e-card-kicker{color:#5c6b4e;font-family:WedBellefair,serif;font-size:clamp(28px,6.5vw,42px)}.e-card-names{color:#414d36;font-family:WedBellefair,serif;font-size:clamp(34px,8.5vw,52px);font-weight:700;line-height:1.25}.e-card-ornament{opacity:.9}.e-card-line{color:#6d7261;font-size:clamp(14px,2.3vw,18px)}.e-card-line.strong{color:#3d4434;font-size:clamp(17px,2.8vw,21px);font-weight:600}.e-card-chip{color:#b9923f;background:#eee3c859;border:1px dashed #b9923fb3;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.e-card-chip svg{flex:none}.e-card-leaf{opacity:.55;pointer-events:none;position:absolute}.e-card-leaf.tl{top:6%;right:8%;transform:rotate(12deg)}.e-card-leaf.br{bottom:7%;left:7%;transform:rotate(195deg)}.e-card:after{content:"";clip-path:polygon(0 100%,0 55%,3% 80%,7% 45%,11% 70%,16% 38%,21% 66%,26% 42%,31% 74%,36% 48%,41% 70%,46% 40%,51% 68%,56% 44%,61% 72%,66% 46%,71% 66%,76% 40%,81% 70%,86% 48%,91% 74%,96% 44%,100% 62%,100% 100%);filter:drop-shadow(0 -4px 5px #604e2e40);background:#fbf7ec;height:26px;position:absolute;bottom:0;left:0;right:0}.env-stage.cut .e-card>*{animation:none}.env-ring{z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:var(--seal-poly);background:radial-gradient(circle at var(--seal-x,50%) var(--seal-y,40%),#eee3c800 calc(var(--seal-r,68px)*1.35),#f0e2b8b3 calc(var(--seal-r,68px)*1.62),#d8c08a59 calc(var(--seal-r,68px)*1.82),#eee3c800 calc(var(--seal-r,68px)*2.1));animation:2.2s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{opacity:.22}50%{opacity:.75}}.env-title{z-index:5;top:calc(var(--env-bot,78%) + 3%);text-align:center;pointer-events:none;color:#463a22;text-shadow:0 1px #fffae880;letter-spacing:.14em;width:100%;margin:0;font-family:WedBellefair,serif;font-size:clamp(21px,3vw,28px);font-weight:700;position:absolute}.env-hint{z-index:5;top:calc(var(--env-bot,78%) + 10.5%);text-align:center;pointer-events:none;color:#5a4c30;text-shadow:0 1px #fffae880;width:100%;margin:0;font-size:12.5px;font-weight:600;animation:2.4s ease-in-out infinite hintPulse;position:absolute}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.env-stage,.env-stage *{transition-duration:10ms!important;transition-delay:0s!important;animation:none!important}}.env-ring,.env-title,.env-hint{transition:opacity .35s ease}.env-stage.peel .env-ring,.env-stage.peel .env-title,.env-stage.peel .env-hint{opacity:0;animation:none}.tick-input{position:absolute;left:-10px;top:-10px;width:1px;height:1px;opacity:0;pointer-events:none}.scene-tick{z-index:7;position:absolute;left:calc(var(--seal-x,50%) - var(--seal-r,68px)*1.15);top:calc(var(--seal-y,40%) - var(--seal-r,68px)*1.15);width:calc(var(--seal-r,68px)*2.3);height:calc(var(--seal-r,68px)*2.3);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
