:root{--bg: #fffefc;--bg-deep: #fdf9f2;--panel: rgba(255, 251, 246, .36);--panel-strong: #fff8f1;--border: rgba(67, 47, 35, .06);--ink: #74594b;--muted: rgba(116, 89, 75, .48);--accent: #e0bf9d;--accent-strong: #b07a57;--shadow: 0 18px 48px rgba(76, 44, 25, .09);--glow: 0 0 0 1px rgba(255, 255, 255, .48), 0 10px 28px rgba(171, 107, 64, .08);--font-serif: "Cormorant Garamond", serif;--font-script: "Parisienne", cursive}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 14% 18%,rgba(255,255,255,1),transparent 18%),radial-gradient(circle at 80% 12%,rgba(206,154,111,.025),transparent 18%),radial-gradient(circle at 52% 84%,rgba(173,105,62,.02),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-deep));font-family:Inter,system-ui,sans-serif}body.is-locked{overflow:hidden}a,button,input{font:inherit}button{cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow-x:clip}.content-wrap{position:relative;z-index:2;width:min(100%,980px);margin:0 auto;padding:16px 14px 72px}.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.06;background-image:linear-gradient(rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.2) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:soft-light}.petals{position:fixed;inset:0;pointer-events:none;z-index:0}.falling-petals{position:fixed;inset:0;pointer-events:none;z-index:3}.petal{position:absolute;width:18px;height:18px;border-radius:999px;background:#c27f5929;filter:blur(.4px)}.petal-float{animation:drift linear infinite}.falling-petal{position:absolute;top:-12vh;border-radius:999px;background:#80523c94;filter:blur(.25px);animation-name:fall-burst;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:forwards}.petal-a{left:8%;top:10%;animation-duration:20s}.petal-b{left:80%;top:12%;animation-duration:24s}.petal-c{left:56%;top:5%;animation-duration:21s}.petal-d{left:22%;top:68%;animation-duration:27s}.petal-e{left:88%;top:72%;animation-duration:19s}.hero{min-height:100svh;display:grid;align-content:center;justify-items:center;padding:18px 0 42px;gap:18px}.hero-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.4em;font-size:.72rem;color:var(--muted);font-family:var(--font-serif)}.envelope-shell{width:min(100%,500px);display:grid;justify-items:center;gap:12px}.envelope{position:relative;width:min(88vw,440px);aspect-ratio:440 / 290;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 24px 40px rgba(95,55,25,.22))}.envelope.is-open{transform:translateY(-48px) scale(.955);filter:drop-shadow(0 24px 48px rgba(95,55,25,.12))}.envelope-body,.letter,.flap,.seal,.envelope-sheen{position:absolute}.envelope-front{position:absolute;inset:0;border-radius:8px;background:linear-gradient(180deg,#fff8f01f,#fff8f000 42%),linear-gradient(180deg,#e7cdb3,#d7b28e);box-shadow:inset 0 0 0 1px #fff8ee14;opacity:1;transition:opacity .54s ease;z-index:2}.envelope-body{inset:0;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 25%),linear-gradient(180deg,#e5cfb6,#d8b893);box-shadow:0 16px 32px #4c2c191f}.envelope:before,.envelope:after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none}.envelope:before{clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,#fff8f061,#fff8f000);opacity:.42}.envelope:after{clip-path:polygon(0 0,50% 52%,100% 0);background:#fff8f014}.letter{inset:24px 16px 12px;border-radius:6px;background:linear-gradient(180deg,#fffffffa,#f9f1e9fa),#fff;box-shadow:inset 0 0 0 1px #3e271b0f;transform:translateY(0);opacity:0;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .72s ease;z-index:1;display:grid;align-content:start;justify-items:center;padding:28px 20px 18px;text-align:center}.letter-ribbon{width:76px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(177,107,64,.48),transparent);margin-bottom:14px}.letter-note{margin:0;font-family:var(--font-serif);font-size:clamp(1.9rem,4.8vw,2.6rem);letter-spacing:.1em;color:var(--accent-strong)}.letter-subnote{margin:8px 0 0;font-size:.9rem;color:var(--muted)}.flap{inset:0;border-radius:10px;clip-path:polygon(0 0,100% 0,50% 70%);background:linear-gradient(180deg,#d8b691,#c69062),linear-gradient(135deg,rgba(255,255,255,.18),transparent 45%);transform-origin:top;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s ease;z-index:4}.envelope.is-open .letter{transform:translateY(-74px);opacity:1;z-index:6}.envelope.is-open .envelope-front{opacity:0}.envelope.is-open .flap{transform:rotateX(180deg);filter:brightness(1.02);z-index:2}.seal{left:50%;top:50%;width:90px;height:90px;display:grid;place-items:center;border:0;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#d96363,#c84f4f 72%);color:#fff7ee;font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:.12em;box-shadow:inset 0 0 0 2px #fff8ee70,inset 0 -10px 18px #00000029,0 16px 28px #2c13072e;z-index:5;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .52s ease,box-shadow .65s cubic-bezier(.22,1,.36,1);animation:seal-pulse 4.8s cubic-bezier(.45,0,.2,1) infinite;will-change:transform,box-shadow}.seal.is-pressed{transform:translate(-50%,-50%) scale(.94)}.seal:hover{transform:translate(-50%,-50%) scale(1.04)}.envelope.is-open .seal{opacity:0;transform:translate(-50%,-50%) scale(.6);pointer-events:none;animation:none}.envelope-sheen{inset:10px 12px 16px;border-radius:14px;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.18) 35%,transparent 58%);opacity:0;pointer-events:none;z-index:6}.envelope.is-open .envelope-sheen{animation:sheen 1.4s ease .15s forwards}.details,.venue-card{width:min(100%,540px);margin:132px auto 0;padding:12px 18px 0;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .52s ease,transform .52s ease;scroll-margin-top:20px}.details.is-visible,.venue-card.is-visible{opacity:1;transform:translateY(0)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.44em;font-size:.7rem;color:var(--muted)}.script-title{margin:0;font-family:var(--font-script);font-size:clamp(4.1rem,12vw,8.2rem);line-height:.78;color:#8d5f52;font-weight:400}.ampersand{display:inline-block;margin:14px 0 10px;font-size:1.6rem;color:#5a4338b3}.details-copy,.venue-subtitle{margin:0;color:var(--muted);line-height:2.15}.details-copy{max-width:30rem;margin-inline:auto;white-space:pre-line;margin-top:32px;font-size:.9rem;line-height:2.25}.invited-name{margin:0 0 34px;font-family:var(--font-serif);font-size:.72rem;line-height:1.2;letter-spacing:.42em;text-transform:uppercase;color:#6c5144c7;font-weight:400}.date-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:36px}.date-side{min-width:0}.date-side span,.date-side strong{display:block}.date-side span{color:var(--muted);text-transform:uppercase;letter-spacing:.3em;font-size:.66rem}.date-side strong{font-size:1.3rem;font-weight:500;margin-top:6px}.date-center{width:88px;height:88px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-script);font-size:4.1rem;color:#5c4339;background:#ffffff14}.scroll-note{margin:28px 0 0;color:var(--muted);animation:pulse 2.2s ease-in-out infinite;font-size:.8rem}.venue-card{display:grid;gap:34px;margin-top:132px;padding-bottom:12px}.venue-name{margin:10px 0 4px;font-size:1.85rem;font-weight:500;font-family:var(--font-serif)}.map-frame{margin-top:20px;width:min(100%,468px);margin-inline:auto;border-radius:14px;overflow:hidden;border:1px solid rgba(34,20,15,.06);aspect-ratio:4 / 3;background:#ffffff4d}.map-frame iframe{width:100%;height:100%;border:0}.divider{height:1px;width:40px;margin:0 auto;background:#22140f1a}.primary-pill,.secondary-button,.link-inline{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:0;padding:.95rem 1.35rem;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-pill{background:var(--accent-strong);color:#fff9f3;text-decoration:none}.primary-pill:hover,.link-inline:hover{transform:translateY(-1px);opacity:.94}.link-inline{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px;padding-inline:0}.secondary-button{background:#ffffff8a;color:var(--ink);border:1px solid rgba(34,20,15,.12)}.panel-card{max-width:720px;margin:0 auto;padding:24px;text-align:left;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.panel-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title{margin:10px 0 0;font-family:var(--font-script);font-size:clamp(3rem,8vw,4.8rem);line-height:.9;color:var(--accent-strong)}.panel-form{display:grid;gap:16px;margin-top:24px}.field{display:grid;gap:8px}.field span,.invite-link-label{font-size:.95rem;color:var(--ink);font-weight:600}.field input{width:100%;border-radius:16px;border:1px solid rgba(34,20,15,.14);background:#ffffffb3;color:var(--ink);padding:.95rem 1rem;outline:none}.field input:focus{border-color:#9d6138b3;box-shadow:0 0 0 4px #9d61381f}.panel-error{margin:16px 0 0;color:#aa3d31}.panel-status{margin:16px 0 0;color:var(--ink)}.generated-block{margin-top:18px;display:grid;gap:12px}.generated-link,.invite-link-box{border-radius:20px;border:1px solid rgba(34,20,15,.14);background:#ffffffa6;padding:1rem;word-break:break-all;font-size:.95rem}.primary-button{width:fit-content}.link-button{border:none;padding:0;background:none;color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.signature{margin:0;padding-top:8px;font-family:var(--font-script);font-size:2.6rem;color:var(--accent-strong)}@keyframes drift{0%{transform:translateZ(0) rotate(0);opacity:.15}50%{opacity:.45}to{transform:translate3d(0,140vh,0) rotate(220deg);opacity:0}}@keyframes pulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@keyframes seal-pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:inset 0 0 0 2px #fff8ee70,inset 0 -10px 18px #00000029,0 16px 28px #2c13072e}28%{transform:translate(-50%,-50%) scale(1.015);box-shadow:inset 0 0 0 2px #fff8ee7a,inset 0 -10px 18px #00000026,0 17px 30px #2c130733}56%{transform:translate(-50%,-50%) scale(1.035);box-shadow:inset 0 0 0 2px #fff8ee8a,inset 0 -10px 18px #00000021,0 20px 36px #2c13073d}}@keyframes sheen{0%{opacity:0;transform:translate(-20%)}40%{opacity:.55}to{opacity:0;transform:translate(18%)}}@keyframes fall-burst{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:0}8%{opacity:.8}to{transform:translate3d(var(--drift, 12px),112vh,0) rotate(340deg);opacity:0}}@media(min-width:760px){.content-wrap{padding:24px 20px 88px}.details,.venue-card{padding:0 12px}}@media(max-width:560px){.hero{padding-top:12px}.page-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,rgba(253,249,242,0),var(--bg-deep));pointer-events:none;z-index:2}.envelope-shell{gap:14px}.letter{padding:22px 16px 16px}.seal{width:82px;height:82px;font-size:1.7rem}.date-row{grid-template-columns:1fr;justify-items:center}.date-side{text-align:center}.date-center{margin:2px 0}.map-frame{aspect-ratio:16 / 12}.signature{font-size:2.5rem}.details,.venue-card{padding:0 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}