:root{--rose:#38bdf8;--rose-deep:#2563eb;--blush:#22d3ee;--lav:#818cf8;--peach:#2dd4bf;--cream:#0e1320;--ink:#e8edf7;--ink-soft:#93a1ba;--glass:#ffffff0d;--glass-border:#ffffff1f;--shadow-soft:0 28px 60px -26px #03091ed9;--sans:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Space Grotesk", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-synthesis:style;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100svh;color:var(--ink);background:#070b14;overflow-x:hidden}#root{width:100%;min-height:100svh}button{cursor:pointer;border:none;font-family:inherit}::selection{background:var(--rose);color:#04111f}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{background-color:#0000;background-image:radial-gradient(900px 620px at 12% 6%,#38bdf838,#0000 60%),radial-gradient(820px 720px at 88% 20%,#818cf833,#0000 60%),radial-gradient(760px 720px at 50% 102%,#2dd4bf29,#0000 60%),linear-gradient(165deg,#0a0f1c 0%,#0a1020 55%,#080d18 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100svh;padding:0 18px 64px;position:relative;overflow-x:hidden}.hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.hearts span{background:radial-gradient(circle, var(--rose) 0%, transparent 68%);filter:blur(14px);border-radius:50%;animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-40px}@keyframes floatUp{0%{transform:translateY(0)rotate(0)scale(.8)}50%{transform:translateY(-55svh)translate(24px)rotate(180deg)scale(1.1)}to{transform:translateY(-110svh)translate(-12px)rotate(360deg)scale(.7)}}.hero,.fragment,.finale{z-index:1;max-width:620px;margin:0 auto;position:relative}.grad{background:linear-gradient(100deg, var(--rose), var(--lav) 60%, var(--rose-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 0;display:flex}.hero-heart{filter:drop-shadow(0 10px 20px #e6356738);width:52px;height:52px;animation:3.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.eyebrow{text-transform:uppercase;letter-spacing:2px;max-width:100%;color:var(--rose);margin:22px 0 0;font-size:12px;font-weight:600}.hero h1{font-family:var(--serif);letter-spacing:-1px;overflow-wrap:break-word;max-width:100%;color:var(--ink);margin:10px 0 18px;font-size:clamp(44px,13.5vw,88px);font-weight:700;line-height:.95}.hero-sub{max-width:460px;color:var(--ink-soft);font-size:clamp(16px,4.4vw,19px);line-height:1.6}.scroll-cue{border:2px solid var(--rose);opacity:.6;border-radius:14px;justify-items:center;width:26px;height:42px;margin-top:40px;display:grid}.scroll-cue span{background:var(--rose);border-radius:4px;width:4px;height:8px;margin-top:7px;animation:1.4s ease-in-out infinite wheel}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.fragment{opacity:0;align-items:center;min-height:86svh;padding:40px 0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(48px)scale(.98)}.fragment.in{opacity:1;transform:none}.glass{background:var(--glass);border:1px solid var(--glass-border);width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(140%);text-align:center;border-radius:28px;padding:34px 26px}.fragment.alt .glass{background:#38bdf80f}.tag{letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(100deg, var(--rose), var(--rose-deep));box-shadow:0 8px 18px -8px var(--rose-deep);border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}.glass h2{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:clamp(24px,6.4vw,32px);font-weight:700;line-height:1.2}.glass p{color:var(--ink-soft);margin:0;font-size:clamp(15px,4.2vw,18px);line-height:1.65}.mood{margin-top:26px}.mood-emoji{font-size:64px;line-height:1;animation:.35s cubic-bezier(.18,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.mood-label{color:var(--rose);letter-spacing:.5px;margin:6px 0 18px;font-weight:600}.mood input[type=range]{appearance:none;background:linear-gradient(90deg, var(--rose), var(--lav));border-radius:999px;outline:none;width:100%;max-width:320px;height:8px}.mood input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--rose);width:30px;height:30px;box-shadow:0 6px 14px -4px var(--rose-deep);cursor:pointer;background:#fff;border-radius:50%}.mood input[type=range]::-moz-range-thumb{border:3px solid var(--rose);cursor:pointer;background:#fff;border-radius:50%;width:30px;height:30px}.mood-text{min-height:2.6em;font-style:italic;margin-top:18px!important}.reasons ul{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.reasons li{border:1px solid var(--glass-border);color:var(--ink);text-align:left;opacity:0;background:#ffffff0a;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-size:clamp(15px,4.2vw,17px);animation:.6s forwards slideIn;display:flex;transform:translate(-16px)}.fragment.in .reasons li{animation-play-state:running}.reasons li span{color:var(--rose-deep);font-size:18px;font-weight:700}@keyframes slideIn{to{opacity:1;transform:none}}.ask{text-align:center}.ask-q{margin-bottom:30px!important}.hl{color:var(--rose);white-space:nowrap}.ask-buttons{justify-content:center;align-items:center;gap:18px;min-height:150px;display:flex;position:relative;overflow:hidden}.btn-yes{z-index:1;background:linear-gradient(100deg, var(--rose), var(--rose-deep));color:#fff;box-shadow:0 14px 30px -10px var(--rose-deep);transform-origin:50%;border-radius:999px;padding:16px 40px;font-size:20px;font-weight:700;transition:transform .25s cubic-bezier(.18,1.4,.4,1);position:relative}.btn-yes:hover{filter:brightness(1.05)}.btn-no{z-index:2;white-space:nowrap;color:var(--ink-soft);border:1.5px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:600;transition:transform .18s;box-shadow:0 8px 18px -10px #00000080}.btn-no.floating{position:absolute;top:50%;left:50%}.ask-hint{opacity:.7;margin-top:20px!important;font-size:13px!important}.finale{align-items:center;min-height:92svh;padding:40px 0;display:flex}.finale-card{animation:.9s cubic-bezier(.16,1,.3,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}.finale-heart{filter:drop-shadow(0 10px 20px #e6356738);width:60px;height:60px;margin:0 auto;animation:3.4s ease-in-out infinite pulse}.sign{font-family:var(--serif);font-style:italic;color:var(--rose)!important;margin-top:18px!important;font-size:20px!important}.btn-again{color:var(--rose-deep);border:1.5px solid var(--rose);background:0 0;border-radius:999px;margin-top:26px;padding:10px 22px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.btn-again:hover{background:var(--rose);color:#fff}.gift{margin:26px 0 6px}.gift-loading{min-height:150px}.gift-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--ink-soft)!important;margin-bottom:6px!important;font-size:11px!important}.giftbox-btn{background:0 0;border-radius:18px;padding:6px;transition:transform .2s}.giftbox-btn:hover{transform:translateY(-2px)}.giftbox-btn:disabled{cursor:default}.giftbox-svg{filter:drop-shadow(0 16px 26px #2563eb59);width:132px;height:132px;margin:0 auto;display:block;overflow:visible}.giftbox-svg:not(.open){transform-origin:50% 80%;animation:2.4s ease-in-out infinite giftwiggle}@keyframes giftwiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}60%{transform:rotate(4deg)}}.gb-lid,.gb-body{transform-box:fill-box;transform-origin:50%;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .6s}.giftbox-svg.open .gb-lid{opacity:0;transform:translateY(-42px)rotate(-16deg)}.giftbox-svg.open .gb-body{animation:.7s giftpop}@keyframes giftpop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}.gift-hint{color:var(--ink-soft)!important;margin-top:14px!important;font-size:14px!important}.gift-hint.subtle{opacity:.75}.giftcard{text-align:left;border:1px solid var(--glass-border);max-width:330px;box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#101a33,#0a1224);border-radius:18px;margin:4px auto 0;padding:18px 18px 20px;animation:.6s cubic-bezier(.16,1,.3,1) rise}.giftcard-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.giftcard-brand{letter-spacing:.3px;color:var(--ink);font-size:16px;font-weight:700}.giftcard-amount{background:linear-gradient(100deg, var(--rose), var(--lav));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.giftcard-claim{flex-direction:column;gap:10px;margin-top:4px;display:flex}.gc-claim-btn{text-align:center;color:#fff;background:linear-gradient(100deg, var(--rose), var(--rose-deep));box-shadow:0 16px 30px -12px var(--rose-deep);border-radius:999px;padding:15px 16px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,filter .2s}.gc-claim-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.gc-copy-btn{color:var(--ink);border:1px solid var(--glass-border);background:#ffffff0f;border-radius:999px;padding:11px 14px;font-size:14px;font-weight:600;transition:transform .15s}.gc-copy-btn:hover{transform:translateY(-1px)}.giftcard-note{text-align:center;color:var(--ink-soft)!important;margin-top:10px!important;font-size:14px!important}.burst{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.burst span{border-radius:2px;animation-name:fall;animation-timing-function:ease-in;animation-iteration-count:1;position:absolute;top:-8%}@keyframes fall{0%{transform:translateY(0) translateX(0) rotate(var(--rot,0deg));opacity:1}to{transform:translateY(110svh) translateX(var(--drift,0)) rotate(calc(var(--rot,0deg) + 540deg));opacity:.9}}.foot{z-index:1;text-align:center;color:var(--ink-soft);opacity:.8;margin-top:30px;font-size:13px;position:relative}@media (width>=720px){.glass{padding:48px 44px}}