:root{color:#fff6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#120818;font-family: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}button{font:inherit}p,h1{margin:0}.love-scene{isolation:isolate;background:radial-gradient(circle at 50% 36%,#ffb3cf4d,#0000 18rem),radial-gradient(circle at 22% 18%,#ffd89e29,#0000 17rem),radial-gradient(circle at 78% 82%,#7840965c,#0000 25rem),linear-gradient(160deg,#2a0d2f 0%,#120818 48%,#070612 100%);place-items:center;min-height:100svh;padding:clamp(18px,5vw,52px);animation:14s ease-in-out infinite alternate skyDrift;display:grid;position:relative;overflow:hidden}.love-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#07061214,#07061285),radial-gradient(#0000 42%,#07061280 100%);position:absolute;inset:0}.night-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.moon,.moon-glow{border-radius:999px;position:absolute;top:clamp(26px,9vw,96px);left:clamp(22px,10vw,132px)}.moon{aspect-ratio:1;background:radial-gradient(circle at 34% 32%,#fff8d9 0 19%,#0000 20%),radial-gradient(circle at 62% 63%,#6e4a5c38 0 8%,#0000 9%),linear-gradient(145deg,#fff6bf,#f6b6cf 68%,#a76094);width:clamp(82px,13vw,142px);box-shadow:0 0 46px #ffcdca6b}.moon-glow{aspect-ratio:1;background:radial-gradient(circle,#ffdbc73d,#0000 68%);width:clamp(150px,24vw,280px);animation:5.8s ease-in-out infinite moonBreathe;translate:-21% -21%}.star{left:var(--left);top:var(--top);color:#fff7d6eb;text-shadow:0 0 14px #ffdeaab8;animation:3.4s ease-in-out infinite twinkle;animation-delay:var(--delay);font-size:clamp(.7rem,1.3vw,1.2rem);position:absolute}.petal{left:var(--left);opacity:.46;width:clamp(8px,1.1vw,13px);height:clamp(13px,1.8vw,22px);transform:rotate(var(--angle));animation:petalFall var(--duration) linear infinite;animation-delay:var(--delay);background:linear-gradient(145deg,#ff8dad,#ffe0bd);border-radius:100% 0 100% 20%;position:absolute;top:-8vh}.confession{z-index:2;text-align:center;grid-template-rows:auto auto auto minmax(86px,auto);align-content:center;justify-items:center;gap:clamp(13px,2.5vmin,24px);width:min(100%,760px);min-height:min(82svh,760px);padding-block:clamp(18px,5vmin,46px);display:grid;position:relative}.dedication{color:#ffe9ef;letter-spacing:.14em;text-transform:lowercase;text-shadow:0 2px 18px #0f0512c7;max-width:min(92vw,34rem);font-size:clamp(.82rem,1.9vw,1rem);font-weight:650;line-height:1.5}h1{color:#fff7dc;letter-spacing:0;text-shadow:0 0 18px #ffaec985,0 10px 34px #040108b8;max-width:min(92vw,44rem);font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(3.4rem,13vmin,8rem);font-weight:500;line-height:.93}.heart-locket{aspect-ratio:1;width:clamp(150px,30vmin,270px);color:inherit;cursor:pointer;filter:drop-shadow(0 30px 48px #00000075);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;animation:3.2s ease-in-out infinite heartFloat;display:grid;position:relative}.heart-locket:focus-visible{outline-offset:10px;outline:3px solid #fff7dc}.heart-rays{opacity:.34;filter:blur(1px);background:conic-gradient(from 18deg,#0000,#ffdea475,#0000 18%,#ff92b757,#0000 38%,#fff7dc6b,#0000 58%);border-radius:999px;animation:16s linear infinite raySpin;position:absolute;inset:-18%}.heart-core{aspect-ratio:1;background:radial-gradient(circle at 28% 28%,#ffffffdb,#0000 0 12%,#0000 22%),linear-gradient(135deg,#ff4f8e 0%,#e61863 44%,#8d174d 100%);border-radius:24% 0 18%;width:62%;position:relative;transform:rotate(-45deg);box-shadow:inset 0 0 0 2px #ffffff38,inset -16px 12px 30px #51082a3d,0 0 38px #ff4c8bb8,0 0 88px #ffa36a47}.heart-core:before,.heart-core:after{content:"";aspect-ratio:1;background:inherit;border-radius:999px;width:100%;position:absolute}.heart-core:before{top:-50%;left:0}.heart-core:after{top:0;left:50%}.heart-shine{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffe8b847,#0000 64%);border-radius:999px;width:72%;transition:opacity .7s,transform .7s;position:absolute;transform:scale(.68)}.heart-locket.is-open .heart-shine{opacity:1;transform:scale(1.5)}.heart-locket.is-open .heart-rays{opacity:.68}.message-space{place-items:start center;min-height:clamp(96px,15vmin,150px);display:grid}.love-note{justify-items:center;gap:clamp(9px,1.8vmin,16px);display:grid}.main-message{color:#fff4d2;letter-spacing:0;text-shadow:0 0 18px #ff739fb8,0 14px 36px #040108c7;max-width:min(92vw,42rem);font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(3rem,10vmin,6.8rem);font-weight:500;line-height:.95;animation:3s ease-in-out infinite alternate messageGlow}.closing-line{color:#ffeaf0;text-shadow:0 3px 18px #07020fcc;max-width:min(88vw,30rem);font-size:clamp(1rem,2.5vmin,1.25rem);font-weight:600;line-height:1.5}.rose-line{z-index:1;pointer-events:none;opacity:.72;justify-content:center;gap:clamp(36px,9vw,112px);height:clamp(96px,18vmin,190px);display:flex;position:absolute;bottom:clamp(-24px,-3vw,-10px);left:0;right:0}.rose-line span{transform-origin:50% 100%;width:clamp(46px,8vmin,82px);height:100%;animation:5.8s ease-in-out infinite alternate roseSway;position:relative}.rose-line span:nth-child(2){animation-delay:-1.8s}.rose-line span:nth-child(3){animation-delay:-3.2s}.rose-line span:before{content:"";background:linear-gradient(#5b915e,#1d432d);border-radius:999px;width:3px;height:72%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rose-line span:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 32% 32%,#ffd2dc 0 9%,#0000 10%),radial-gradient(circle at 62% 46%,#fb7aa2 0 22%,#0000 23%),linear-gradient(135deg,#ff5d91,#91194b);border-radius:64% 36% 68% 32%;width:74%;position:absolute;top:10%;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 26px #ff568b57}@keyframes skyDrift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:24px -18px,-22px 18px,18px 22px,0 0}}@keyframes moonBreathe{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes twinkle{0%,to{opacity:.32;transform:translateY(0)scale(.88)}50%{opacity:1;transform:translateY(-4px)scale(1.08)}}@keyframes petalFall{0%{transform:translate3d(0, -8vh, 0) rotate(var(--angle))}to{transform:translate3d(var(--drift), 114vh, 0) rotate(var(--end-angle))}}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes raySpin{to{transform:rotate(360deg)}}@keyframes messageGlow{0%{text-shadow:0 0 14px #ff739f94,0 14px 36px #040108c7}to{text-shadow:0 0 24px #ffb8c4c7,0 14px 40px #040108d6}}@keyframes roseSway{0%{transform:rotate(-2deg)translateY(8px)}to{transform:rotate(2deg)translateY(0)}}@media (width<=620px){.love-scene{padding:18px}.confession{gap:14px;min-height:86svh}.dedication{letter-spacing:.08em;max-width:19rem}h1{font-size:clamp(3.1rem,18vw,5.6rem)}.heart-locket{width:clamp(144px,42vw,214px)}.message-space{min-height:112px}.main-message{font-size:clamp(2.8rem,15vw,4.7rem)}.moon,.moon-glow{top:16px;left:12px}.rose-line{opacity:.58;gap:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}