:root{color:#4c1830;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}.romantic-gift{isolation:isolate;background:radial-gradient(circle at 18% 12%,#fffffff5 0 10rem,#0000 28rem),radial-gradient(circle at 82% 20%,#ffcdde94,#0000 26rem),radial-gradient(circle at 50% 86%,#dba84e47,#0000 24rem),linear-gradient(145deg,#fff9f4 0%,#f9dce6 48%,#f4dfc4 100%);place-items:center;min-height:100svh;padding:clamp(18px,4vw,48px);transition:background .8s;display:grid;position:relative;overflow:hidden}.romantic-gift:before{content:"";pointer-events:none;z-index:1;border:1px solid #a870263d;border-radius:clamp(28px,5vw,54px);position:absolute;inset:clamp(10px,2.4vw,28px)}.romantic-gift:after{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(110deg,#ffffff3d,#0000 34%),radial-gradient(circle,#0000 0 44%,#6b27411f 100%);position:absolute;inset:0}.moment-finale{background:radial-gradient(circle at 50% 38%,#ffffffe6 0 9rem,#0000 25rem),radial-gradient(circle at 74% 18%,#ffc9d7b3,#0000 23rem),radial-gradient(circle at 24% 80%,#eab75b57,#0000 22rem),linear-gradient(145deg,#fff8f3 0%,#f8cfdd 52%,#f2d8b4 100%)}.glow-field,.petal-field,.heart-fountain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glow-field{z-index:0}.glow-field span{aspect-ratio:1;filter:blur(10px);background:#ffffff8f;border-radius:999px;width:clamp(170px,24vw,370px);animation:7s ease-in-out infinite alternate breatheGlow;position:absolute}.glow-field span:first-child{background:#ffffffad;top:12%;left:8%}.glow-field span:nth-child(2){background:#f4bd5b47;animation-delay:1.4s;bottom:8%;right:9%}.glow-field span:nth-child(3){background:#f577a233;width:clamp(120px,18vw,280px);animation-delay:2.2s;top:66%;left:44%}.petal-field{z-index:2}.petal-field span{left:var(--petal-left);width:var(--petal-size);height:calc(var(--petal-size) * 1.45);opacity:.62;animation:petalFall var(--petal-duration) linear infinite;animation-delay:var(--petal-delay);background:linear-gradient(145deg,#ffc9d9,#eb6f9c 72%);border-radius:70% 10% 70% 20%;position:absolute;top:-12vh;transform:rotate(20deg);box-shadow:0 10px 24px #ab375d1f}.scene{z-index:3;text-align:center;align-content:center;place-items:center;gap:clamp(18px,3.1vw,34px);width:min(100%,980px);min-height:min(780px,100svh - clamp(36px,8vw,96px));display:grid;position:relative}.cover-scene{grid-template-rows:auto auto auto}.copy-stack{justify-items:center;gap:clamp(10px,1.8vw,16px);max-width:820px;display:grid}.copy-stack.compact{max-width:760px}.eyebrow{color:#7c3a53;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff85;border:1px solid #a66b1c47;border-radius:999px;align-items:center;min-height:34px;padding:0 16px;font-size:clamp(.72rem,1.8vw,.82rem);font-weight:800;display:inline-flex}h1,h2{color:#541832;letter-spacing:0;text-wrap:balance;max-width:900px;font-family:Georgia,Times New Roman,serif;font-weight:700}h1{font-size:clamp(2.55rem,7vw,5.9rem);line-height:.98}h2{font-size:clamp(2rem,4.8vw,4.35rem);line-height:1.02}.intro-copy,.invitation-copy p,.waiting-note{color:#63344a;max-width:680px;font-size:clamp(1.02rem,2vw,1.28rem);font-weight:500;line-height:1.68}.envelope{aspect-ratio:1.22;filter:drop-shadow(0 28px 56px #6b274133);width:clamp(190px,31vw,350px);animation:4.8s ease-in-out infinite alternate envelopeFloat;position:relative}.envelope-paper,.envelope-body,.envelope-flap,.wax-seal{position:absolute}.envelope-paper{background:linear-gradient(90deg,#0000 49%,#c89b4a2e 50%,#0000 51%),linear-gradient(145deg,#fffdfb,#fff4ea);border-radius:18px;inset:5% 14% 35%;box-shadow:0 -8px 28px #ffffffdb}.envelope-body{background:linear-gradient(145deg,#fff7f1,#f5c8d8);border-radius:24px;inset:28% 4% 7%;box-shadow:inset 0 0 0 1px #974d661f,0 24px 70px #c4577c2e}.envelope-body:before,.envelope-body:after{content:"";border-radius:inherit;background:linear-gradient(34deg,#0000 49%,#782d4824 50%,#0000 51%);position:absolute;inset:0}.envelope-body:after{transform:scaleX(-1)}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:linear-gradient(145deg,#fffefe,#f2b7cd);border-radius:18px;animation:4.8s ease-in-out infinite alternate flapHint;inset:14% 8% 39%}.wax-seal{z-index:2;aspect-ratio:1;color:#6a1734;background:linear-gradient(145deg,#f8d98d,#b87924);border-radius:50%;place-items:center;width:clamp(58px,8vw,82px);display:grid;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #b8792447,inset 0 0 0 2px #ffffff3d}.primary-action,.soft-action,.yes-button,.maybe-button{cursor:pointer;letter-spacing:0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-weight:850;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex;position:relative}.primary-action{color:#fffaf8;background:linear-gradient(135deg,#7f1f45,#c84675 58%,#e7b95d);box-shadow:0 18px 42px #7e1f4542}.soft-action,.maybe-button{color:#5f1d3a;background:#ffffff94;border:1px solid #7e1f453d;box-shadow:0 14px 34px #7e1f451a}.primary-action:hover,.soft-action:hover,.yes-button:hover,.maybe-button:hover{transform:translateY(-2px)}.primary-action:focus-visible,.soft-action:focus-visible,.yes-button:focus-visible,.maybe-button:focus-visible{outline-offset:4px;outline:3px solid #7e1f4557}.question-layout{grid-template-columns:minmax(0,.95fr) minmax(280px,.86fr);align-items:center;gap:clamp(20px,4vw,46px);width:min(100%,920px);display:grid}.invitation-copy{text-align:left;justify-items:start;gap:clamp(12px,2vw,18px);display:grid}.invitation-copy h2{max-width:650px}.proposal-card{color:#551934;transform-style:preserve-3d;background:linear-gradient(145deg,#ffffffeb,#ffefe8c7),radial-gradient(circle at 18% 10%,#ffd2e1b8,#0000 14rem);border:1px solid #b97e2d57;border-radius:26px;gap:clamp(16px,2.8vw,24px);padding:clamp(22px,4vw,34px);display:grid;position:relative;box-shadow:0 28px 72px #7e1f4529}.proposal-card:before{content:"";pointer-events:none;border:1px solid #ca974047;border-radius:20px;position:absolute;inset:12px}.card-sparkle{color:#b97b27;justify-self:center}.proposal-card>p{z-index:1;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.72rem,3.1vw,2.65rem);font-weight:700;line-height:1.12;position:relative}.answer-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.yes-button{color:#fff8f8;background:linear-gradient(135deg,#8d244c,#d0527d);box-shadow:0 14px 34px #8d244c38}.answer-note{z-index:1;color:#55213a;border-radius:18px;padding:14px 16px;font-size:clamp(.98rem,1.7vw,1.08rem);font-weight:700;line-height:1.45;position:relative}.answer-yes{background:#ffebc6c7}.answer-maybe{background:#ffe7efc7}.reason-constellation{grid-template-columns:repeat(6,1fr);gap:clamp(10px,2vw,16px);width:min(100%,780px);display:grid}.reason-chip{color:#6b1d3d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa3;border:1px solid #b4792a42;border-radius:22px;align-content:center;place-items:center;gap:9px;min-height:clamp(78px,10vw,104px);padding:14px;animation:4.8s ease-in-out infinite alternate chipFloat;display:grid;box-shadow:0 18px 44px #7e1f451c}.reason-chip:first-child,.reason-chip:nth-child(2){grid-column:span 3}.reason-chip:nth-child(3),.reason-chip:nth-child(4),.reason-chip:nth-child(5){grid-column:span 2}.reason-chip:nth-child(2n){animation-delay:.8s}.reason-chip svg{color:#c24c76}.reason-chip span{font-size:clamp(.98rem,1.8vw,1.12rem);font-weight:800;line-height:1.3}.finale-scene{min-height:min(760px,100svh - clamp(36px,8vw,96px))}.heart-fountain{z-index:-1}.heart-fountain span{left:var(--heart-left);color:#a6245357;font-size:var(--heart-size);animation:4.2s ease-in-out infinite heartRise;animation-delay:var(--heart-delay);position:absolute;bottom:14%}.final-message{justify-items:center;gap:clamp(16px,3vw,24px);max-width:800px;display:grid}.final-message h2{color:#551934}.waiting-note{background:#ffffff94;border-radius:999px;max-width:560px;padding:12px 18px}@keyframes breatheGlow{0%{opacity:.62;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}}@keyframes petalFall{0%{opacity:0;transform:translateY(-12vh)rotate(0)}12%{opacity:.72}to{transform:translate3d(var(--petal-drift), 118vh, 0) rotate(420deg);opacity:0}}@keyframes envelopeFloat{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-10px)rotate(1deg)}}@keyframes flapHint{0%{transform:rotateX(0)}to{transform:rotateX(16deg)translateY(-2%)}}@keyframes chipFloat{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes heartRise{0%{opacity:0;transform:translateY(16px)scale(.7)rotate(-8deg)}22%{opacity:.75}to{opacity:0;transform:translateY(-46vh)scale(1.22)rotate(12deg)}}@media (width<=760px){body{overflow:auto}.romantic-gift{min-height:100svh;padding:clamp(16px,5vw,24px)}.scene{gap:18px;min-height:calc(100svh - clamp(32px,10vw,48px))}h1{font-size:clamp(2.35rem,12vw,3.65rem);line-height:1.02}h2{font-size:clamp(1.85rem,9vw,2.9rem)}.question-layout{grid-template-columns:1fr}.invitation-copy{text-align:center;justify-items:center}.answer-row{flex-direction:column}.yes-button,.maybe-button,.primary-action,.soft-action{width:min(100%,330px)}.reason-constellation{grid-template-columns:1fr;width:min(100%,430px)}.reason-chip:nth-child(n){grid-column:auto;min-height:68px}}@media (height<=670px) and (width>=761px){.scene{gap:14px;min-height:calc(100svh - 56px)}.envelope{width:clamp(160px,24vw,250px)}h1{font-size:clamp(2.35rem,5.6vw,4.6rem)}h2{font-size:clamp(1.85rem,3.9vw,3.4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}