:root{--cardBg: rgba(251,245,238,.92);--maroonText: #6e1f2a;--navy: #2c4e7f;--yesGreen: #2f5b47;--noMaroon: #6e1f2a;--disabledGray: #9aa0a6}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden}.app{min-height:100vh;background:url(/assets/pink-CIfvQUjh.jpg) center/cover no-repeat;position:relative}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px}.screen--front{transition:opacity .42s ease}.screen--front.fade-out{opacity:0;pointer-events:none}.cupidBtn{border:none;background:transparent;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;border-radius:999px}.cupidBtn img{width:clamp(64px,10vw,110px);height:auto;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.18));animation:pulse 1.55s ease-in-out infinite;transition:transform .14s ease,filter .14s ease}.cupidBtn:hover img{transform:scale(1.06);filter:drop-shadow(0 16px 24px rgba(0,0,0,.2))}.cupidBtn:active img{transform:scale(.98)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.screen--card{opacity:0;pointer-events:none;transition:opacity .52s ease}.screen--card.show{opacity:1;pointer-events:auto}.cardWrap{width:min(980px,92vw);display:grid;place-items:center}.inviteCard{width:min(860px,92vw);background:var(--cardBg);border-radius:26px;box-shadow:0 18px 50px #00000029;padding:clamp(28px,4vw,44px);text-align:center;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.inviteCard:before{content:"";position:absolute;inset:18px;border-radius:20px;border:2px solid rgba(216,106,116,.32);pointer-events:none}.inviteCard:after{content:"";position:absolute;inset:26px;border-radius:16px;border:1px solid rgba(44,78,127,.18);pointer-events:none}.inviteScript{margin:0;font-family:Great Vibes,cursive;font-size:clamp(42px,6vw,78px);line-height:1.05;color:var(--maroonText);transform:translateY(6px)}.inviteTitle{margin:8px 0 0;font-family:Playfair Display,serif;font-size:clamp(44px,7.2vw,104px);letter-spacing:.06em;color:var(--navy);font-weight:600}.actions{margin:26px auto 10px;display:flex;justify-content:center;align-items:center;gap:28px;position:relative;z-index:3}.btn{border:none;border-radius:999px;padding:14px 32px;font-family:Cormorant Garamond,Times New Roman,serif;font-size:22px;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 22px #00000029;transition:transform .14s ease,filter .14s ease,background .2s ease,opacity .2s ease;color:#fff;user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn--yes{background:var(--yesGreen)}.btn--no{background:var(--noMaroon)}.btn--no.btn--disabled{white-space:normal;max-width:340px;line-height:1.08;padding:12px 22px;font-size:18px;text-align:center}.btn--disabled,.btn:disabled{background:var(--disabledGray)!important;cursor:not-allowed!important;opacity:.92;filter:none!important;transform:none!important;box-shadow:0 10px 22px #0000001f}.tiny{margin:14px 0 0;font-family:Cormorant Garamond,serif;font-size:16px;color:#1b2b44b8}.yesPage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:url(assets/img/yes_bg.png) center/cover no-repeat}.backBtn{position:absolute;top:20px;left:20px;z-index:10;padding:10px 14px;border-radius:999px;background:#ffffffe6;text-decoration:none;font-family:Cormorant Garamond,serif;font-weight:600;color:#6e1f2a;box-shadow:0 10px 22px #0003}.photoSide{display:grid;place-items:center}.polaroid{background:#fff;padding:14px 14px 58px;border-radius:6px;box-shadow:0 18px 40px #00000040}.polaroidCaption{margin-top:12px;text-align:center;font-family:Cormorant Garamond,serif;font-weight:600;font-size:16px;color:#6e1f2a;outline:none}.polaroid img{display:block;width:min(340px,62vw);height:auto;object-fit:cover}.cardSide{position:relative;display:grid;place-items:center;overflow:hidden}.cardSide:before{content:"";position:absolute;inset:0;background:url(assets/img/yes_bg.png) center/cover no-repeat;transform:translateZ(0);pointer-events:none;opacity:0}.bow{position:absolute;width:clamp(90px,12vw,160px);height:auto;top:20%;left:63%;transform:translate(-50%,-50%) rotate(-2deg);z-index:6;pointer-events:none;animation:bowFloat 4.8s ease-in-out infinite}@keyframes bowFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(-2deg)}50%{transform:translate(-50%,-50%) translateY(-8px) rotate(1deg)}}@media(max-width:800px){.yesPage{grid-template-columns:1fr}.cardSide{order:-1;margin-top:40px}.bow{top:14%}}.yesPage.newYesLayout{min-height:100vh;position:relative;overflow:hidden;display:block;grid-template-columns:unset;background:repeating-linear-gradient(90deg,#6f1f1f 0px 72px,#7f2626 72px 144px)}.yesPage.newYesLayout .backBtn{position:absolute;top:20px;left:20px;z-index:10}.dateStage{position:absolute;inset:0;display:grid;place-items:center;z-index:2;padding:24px}.dateCard{width:min(560px,86vw);aspect-ratio:4 / 3;position:relative;background:url(/assets/paper-BXDVp7xk.png) center/contain no-repeat}.dateSmallText{position:absolute;top:18%;left:50%;transform:translate(-50%);margin:0;font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(14px,1.8vw,18px);color:#6e1f2a}.dateTitle{position:absolute;top:36%;left:50%;transform:translate(-50%);margin:0;font-family:Great Vibes,cursive;font-weight:400;font-size:clamp(52px,7vw,86px);color:#6e1f2a}.dateBtn{position:absolute;bottom:16%;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:999px;border:0;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:600;font-size:16px;background:#ffffffe6;color:#6e1f2a;box-shadow:0 10px 22px #0003}.photoZone{position:absolute;top:0;bottom:0;width:30vw;pointer-events:none;z-index:1}.photoZoneLeft{left:0}.photoZoneRight{right:0}@media(max-width:800px){.photoZone{width:20vw}}
