:root{color:#3b1024;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ff82c6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}.page-shell{color:#3b1024;background:linear-gradient(135deg,#ffffffdb,#0000 42%),radial-gradient(circle at 18% 18%,#ffffffeb,#0000 22rem),radial-gradient(circle at 82% 12%,#ffe14c66,#0000 18rem),radial-gradient(circle at 75% 80%,#ff289c61,#0000 22rem),linear-gradient(135deg,#ffe6f3 0%,#ff82c6 45%,#d9167c 100%);min-height:100svh;position:relative;overflow:hidden}.page-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 75%);mask-image:linear-gradient(#0000008c,#0000 75%)}.sparkle-field{pointer-events:none;position:absolute;inset:0}.sparkle{color:#ffffffd1;text-shadow:0 0 18px #ffffffe6;font-size:clamp(1rem,2vw,1.8rem);animation:8s ease-in-out infinite float-sparkle;position:absolute}.sparkle-1{animation-delay:-1s;top:14%;left:7%}.sparkle-2{animation-delay:-4s;top:76%;left:19%}.sparkle-3{animation-delay:-2s;top:8%;left:28%}.sparkle-4{animation-delay:-6s;top:68%;left:39%}.sparkle-5{animation-delay:-3s;top:16%;left:51%}.sparkle-6{animation-delay:-7s;top:83%;left:62%}.sparkle-7{animation-delay:-5s;top:11%;left:74%}.sparkle-8{animation-delay:-2.5s;top:72%;left:87%}.sparkle-9{animation-delay:-4.5s;top:28%;left:93%}.sparkle-10{animation-delay:-7.5s;top:45%;left:12%}.sparkle-11{animation-delay:-1.5s;top:91%;left:31%}.sparkle-12{animation-delay:-5.5s;top:38%;left:44%}.sparkle-13{animation-delay:-2.2s;top:52%;left:58%}.sparkle-14{animation-delay:-3.7s;top:36%;left:70%}.sparkle-15{animation-delay:-6.7s;top:91%;left:82%}.sparkle-16{animation-delay:-2.9s;top:89%;left:4%}.sparkle-17{animation-delay:-5.9s;top:29%;left:22%}.sparkle-18{animation-delay:-4.9s;top:57%;left:96%}.invite-stage{z-index:1;grid-template-columns:minmax(18rem,.86fr) minmax(22rem,1fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);width:min(1180px,100% - 2rem);min-height:78svh;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0 1.25rem;display:grid;position:relative}.visual-panel{place-items:center;min-height:36rem;display:grid}.glow-orbit{aspect-ratio:1;background:radial-gradient(circle,#ffffffb8 0 28%,#0000 29%),conic-gradient(from 20deg,#fff4a6,#ff4db3,#fff,#d81383,#fff4a6);border-radius:50%;place-items:center;width:min(86vw,28rem);animation:14s linear infinite soft-spin;display:grid;position:relative;box-shadow:0 0 45px #ffffff9e,0 28px 80px #73003d3d}.glow-orbit:before,.glow-orbit:after{content:"";border-radius:inherit;border:1px solid #ffffffc2;position:absolute;inset:1.4rem}.glow-orbit:after{border-style:dashed;animation:18s linear infinite reverse-spin;inset:3.4rem}.heart-gem{z-index:2;color:#fff;background:radial-gradient(circle at 34% 26%,#fffffff2,#0000 22%),linear-gradient(145deg,#ff7ec9,#f00589 54%,#870046);border-radius:36% 36% 44% 44%;place-items:center;width:12.5rem;height:12.5rem;font-size:7rem;animation:2.6s ease-in-out infinite pulse-heart;display:grid;position:relative;transform:rotate(-6deg);box-shadow:inset 0 2px 14px #ffffff94,0 18px 44px #73003d59}.ribbon{z-index:3;color:#5b0630;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:999px;padding:.56rem .95rem;font-weight:900;position:absolute;box-shadow:0 14px 35px #66003629}.ribbon-one{top:4rem;left:1rem;transform:rotate(-12deg)}.ribbon-two{bottom:4.5rem;right:1rem;transform:rotate(9deg)}.invite-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #ffffffc2;border-radius:28px;padding:clamp(1.25rem,3vw,2.4rem);box-shadow:0 30px 80px #59003238,inset 0 1px #ffffffd1}.eyebrow,.section-kicker,.note-label{color:#b40068;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:900}h1,h2,p{margin-top:0}h1{color:#5d0634;letter-spacing:0;max-width:12ch;margin-bottom:1rem;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.88}h2{color:#650738;letter-spacing:0;margin-bottom:.55rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1}.lead{color:#6d2947;max-width:45rem;margin-bottom:1.5rem;font-size:clamp(1rem,2vw,1.2rem)}.note-box{color:#4c0b2b;background:linear-gradient(135deg,#fff4a6b3,#ffffff7a);border:1px solid #ffffffdb;border-radius:20px;gap:.75rem;margin:1.5rem 0;padding:1rem;display:grid}.note-box p{margin-bottom:0;font-size:1.06rem;font-weight:800}.ghost-button{color:#89034d;background:#ffffffb3;border:1px solid #89034d2e;border-radius:999px;justify-self:start;min-height:2.4rem;padding:.55rem .9rem;font-weight:900}.date-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.date-option{text-align:left;color:#56102f;min-height:10.5rem;box-shadow:none;background:#ffffff7a;border:1px solid #b4006829;border-radius:18px;gap:.45rem;padding:1rem;display:grid}.date-option span{color:#ca0e76;text-transform:uppercase;font-size:.78rem;font-weight:900}.date-option strong{font-size:1.04rem}.date-option small{color:#763653;font-size:.88rem;line-height:1.4}.date-option-active{color:#fff;background:linear-gradient(145deg,#ff4fb1,#b50067);border-color:#ffffffbd;box-shadow:0 18px 34px #a000573d}.date-option-active span,.date-option-active small{color:#ffffffd6}.answer-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.yes-button,.no-button,.success-modal button{cursor:pointer;border:0;border-radius:999px;min-height:3.4rem;font-size:1rem;font-weight:950;transition:transform .18s,box-shadow .18s,background .18s}.yes-button{color:#fff;background:linear-gradient(135deg,#ff2a9d,#9a0059);flex:13rem;box-shadow:0 18px 36px #9a005947}.no-button{color:#7a0b43;background:#ffffffb8;border:1px solid #7a0b4329;flex:0 13rem}.yes-button:hover,.no-button:hover,.ghost-button:hover,.date-option:hover,.success-modal button:hover{box-shadow:0 16px 34px #6300363d}.details-band{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border:1px solid #ffffffad;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto clamp(1rem,4vw,2rem);padding:1.2rem;display:grid;position:relative}.details-band p{color:#6d2947;margin-bottom:0}.mini-checklist{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.mini-checklist span{color:#5b0630;background:#ffffffa8;border:1px solid #b4006829;border-radius:999px;padding:.65rem .85rem;font-weight:850}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#37001f6b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.success-modal{text-align:center;color:#5b0630;background:radial-gradient(circle at 50% 0,#fff4a6c2,#0000 13rem),#ffffffe6;border:1px solid #ffffffd1;border-radius:28px;width:min(100%,28rem);padding:2rem;box-shadow:0 30px 90px #41002457}.modal-heart{color:#fff;background:linear-gradient(145deg,#ff6dc2,#c70072);border-radius:50%;place-items:center;width:5rem;height:5rem;margin-bottom:1rem;font-size:3rem;display:inline-grid}.success-modal button{color:#fff;background:linear-gradient(135deg,#ff2a9d,#9a0059);width:100%;margin-top:1rem}button:focus-visible{outline-offset:3px;outline:3px solid #fff4a6}@keyframes float-sparkle{0%,to{opacity:.46;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-18px)scale(1.25)}}@keyframes soft-spin{to{transform:rotate(360deg)}}@keyframes reverse-spin{to{transform:rotate(-360deg)}}@keyframes pulse-heart{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(-6deg)scale(1.05)}}@media (width<=920px){.invite-stage{grid-template-columns:1fr;gap:1rem;padding-top:1rem}.visual-panel{min-height:18rem}.glow-orbit{width:min(72vw,18rem)}.heart-gem{width:8rem;height:8rem;font-size:4.5rem}.ribbon-one{top:2.3rem}.ribbon-two{bottom:2.6rem}.date-grid{grid-template-columns:1fr}.date-option{min-height:0}.details-band{grid-template-columns:1fr}.mini-checklist{justify-content:flex-start}}@media (width<=560px){.invite-card{border-radius:22px}h1{max-width:9ch}.answer-row{grid-template-columns:1fr;display:grid}.yes-button,.no-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}