@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;600&display=swap";.app{min-height:100svh;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7),transparent 40%),radial-gradient(circle at 80% 0%,rgba(255,200,220,.5),transparent 45%),linear-gradient(140deg,#fff7fb,#ffd3e2 60%,#f9c7d9);display:flex;align-items:stretch;justify-content:center;padding:24px;padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.invite,.celebration{position:relative;width:min(100%,1000px);min-height:calc(100svh - 48px);display:grid;place-items:center;overflow:hidden}.invite:before,.celebration:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 70%);top:-60px;left:-40px;opacity:.8}.invite:after,.celebration:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,228,.6),transparent 70%);bottom:-80px;right:-20px}.invite-card,.celebration-card{position:relative;z-index:1;width:min(90%,720px);padding:clamp(24px,5vw,40px);border-radius:32px;background:#ffffffd9;box-shadow:0 24px 60px #78234433;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:floatIn .8s ease}.celebration-card{padding-top:clamp(56px,8vw,72px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;margin-bottom:14px;color:var(--deep-rose)}h1{font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 12px;color:var(--night)}.subtext{margin:0 auto 24px;max-width:520px;font-size:1.1rem;color:#2e1a24bf}.actions{display:flex;justify-content:center;gap:16px}.btn{border:none;cursor:pointer;border-radius:999px;font-size:1.05rem;padding:14px 34px;min-height:48px;transition:transform .15s ease,box-shadow .15s ease}.btn-yes{background:linear-gradient(135deg,var(--rose),#ffb0c7);color:#fff;box-shadow:0 12px 28px #ff508059}.btn-yes:hover{transform:translateY(-2px) scale(1.01)}.btn-no{background:#fff;color:var(--deep-rose);border:2px solid rgba(204,64,103,.35);box-shadow:0 12px 24px #cc406729;z-index:2}.btn-no-floating{position:absolute;top:0;left:0}.btn-no:focus-visible{outline:3px solid rgba(255,122,162,.6);outline-offset:4px}.celebration{padding-top:40px;padding-bottom:40px}.media{margin:0;padding:14px;border-radius:20px;background:var(--petal);box-shadow:inset 0 0 0 1px #ffaabe59;display:grid;gap:10px;align-content:start;animation:popIn .6s ease}.media img{border-radius:16px;aspect-ratio:4 / 3;object-fit:cover;background:#fff}.tenor-gif-embed{border-radius:16px;overflow:hidden;background:#fff}.tenor-gif-embed iframe{display:block;width:100%;border:none}.media figcaption{font-size:.9rem;color:#2e1a24a6}.celebration-media{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px}.celebration-media .media{padding:4px;width:110px}.celebration-media .media:nth-child(2){justify-self:end}@keyframes floatIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.invite,.celebration{min-height:calc(100svh - 24px)}.actions{flex-wrap:wrap}.btn{padding:12px 26px;font-size:1rem}}@media (max-width: 480px){.app{padding:16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.invite-card,.celebration-card{width:min(100%,560px);padding:64px 22px 22px;border-radius:24px}h1{font-size:clamp(1.9rem,7vw,2.6rem)}.subtext{font-size:1rem}.celebration-media{position:static;margin:0 auto 12px;justify-content:center}.celebration-media .media:nth-child(2){justify-self:center}}:root{color-scheme:light;font-family:"Source Sans 3",sans-serif;background-color:#fff6f8;color:#2e1a24;--rose: #ff7aa2;--deep-rose: #cc4067;--petal: #fff0f4;--night: #2e1a24;--gold: #f6c36a}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff0f5,#ffe3ec 55%,#f7d7e4)}img{max-width:100%;display:block}button{font-family:inherit}