:root{color-scheme:dark;--night: #08111f;--ink: #13233a;--aurora: #62ecb0;--aurora-cool: #74e6d9;--rose: #f65880;--rose-soft: #ffb8c8;--moon: #fff0bd;--cream: #fff7df;--plum: #321628;--shadow: rgba(5, 8, 16, .54);--line: rgba(255, 240, 189, .18);--display: "Palatino Linotype", "Book Antiqua", Georgia, serif;--body: "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--cream);font-family:var(--body);line-height:1.6}button{font:inherit}#sky-canvas{position:fixed;inset:0;z-index:-2;pointer-events:none}.page{position:relative;min-height:100vh;overflow:hidden}.page:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 12%,rgba(246,88,128,.22),transparent 22rem),linear-gradient(180deg,#08111f40,#160d13c7);pointer-events:none}.scene{min-height:100svh;display:grid;align-items:center;padding:clamp(4.5rem,9vw,7rem) clamp(1.05rem,4vw,4rem)}.scene>*{opacity:0;transform:translate3d(0,1.6rem,0) scale(.98);filter:blur(5px);transition:opacity .64s ease,transform .76s cubic-bezier(.2,.75,.2,1),filter .76s ease}.scene>*:nth-child(2){transition-delay:.11s}.scene>*:nth-child(3){transition-delay:.18s}.scene--visible>*{opacity:1;transform:translateZ(0) scale(1);filter:none}.hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:5.75rem}.hero__copy,.scene-copy,.game-panel,.reasons{max-width:760px}.eyebrow{margin:0 0 .85rem;color:var(--aurora);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;font-family:var(--display);letter-spacing:0;line-height:.98;text-wrap:balance}h1{max-width:9ch;font-size:clamp(4.2rem,18vw,9rem);color:var(--cream);text-shadow:0 0 34px rgba(98,236,176,.32),0 10px 44px var(--shadow)}h2{max-width:13ch;font-size:clamp(2.35rem,9vw,5.7rem)}p{text-wrap:pretty}.hero__lead,.scene-copy p:not(.eyebrow){max-width:35rem;margin:1.15rem 0 0;color:#fff7dfd9;font-size:clamp(1.05rem,4vw,1.32rem)}.heart-button,.game-button,.reason-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.25rem;margin-top:1.8rem;border:1px solid rgba(255,240,189,.48);border-radius:999px;padding:.85rem 1.2rem;color:#1c1020;background:linear-gradient(135deg,var(--moon),var(--rose-soft));box-shadow:0 16px 36px #f658803d;cursor:pointer}.heart-button:focus-visible,.game-button:focus-visible,.reason-button:focus-visible{outline:3px solid var(--aurora);outline-offset:4px}.heart-status{max-width:16rem;margin:.85rem 0 0;color:#fff7dfc2;font-size:.9rem}.heart-button__icon{display:inline-grid;width:2.15rem;aspect-ratio:1;place-items:center;border-radius:999px;color:#fff7df;background:linear-gradient(135deg,#f65880,#b31658);box-shadow:inset 0 1px #ffffff52,0 0 18px #f6588047;font-size:1.15rem;line-height:1}.finger-heart{display:inline-grid;flex:0 0 auto;place-items:center}.finger-heart,.finger-heart *{transform-box:fill-box}.finger-heart--button{width:2.55rem;height:3rem;filter:drop-shadow(0 2px 0 rgba(28,16,32,.18));transform:rotate(-8deg);transform-origin:center}.finger-heart--button .finger-heart-sticker__glow{opacity:0}.finger-heart--button .finger-heart-sticker__icon{filter:brightness(0) saturate(100%) invert(9%) sepia(13%) saturate(1455%) hue-rotate(245deg) brightness(94%) contrast(96%)}.heart-button--sent .finger-heart--button{animation:buttonStickerCelebrate .9s cubic-bezier(.2,.85,.2,1)}.finger-heart-sticker{position:relative;display:grid;width:clamp(13rem,56vw,20rem);aspect-ratio:1;place-items:center;animation:stickerFloat 5.4s ease-in-out infinite;filter:drop-shadow(0 28px 42px rgba(0,0,0,.28))}.finger-heart-sticker__glow{position:absolute;inset:5%;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 52% 39%,rgba(255,255,255,.3),transparent 24%),radial-gradient(circle,rgba(255,133,183,.38),rgba(98,236,176,.1) 58%,transparent 72%);filter:blur(9px);animation:haloGlow 5.8s ease-in-out infinite;z-index:-1}.finger-heart-sticker__icon{width:100%;height:100%;object-fit:contain;opacity:.94;filter:invert(87%) sepia(18%) saturate(602%) hue-rotate(322deg) brightness(107%) contrast(98%) drop-shadow(0 0 .75rem rgba(255,134,215,.34))}.hero__rose{position:relative;min-height:18rem;display:grid;place-items:center}.hero__rose-shape,.hero__finger-heart{grid-area:1 / 1;position:relative;display:grid;place-items:center;width:min(58vw,28rem);aspect-ratio:1;transform-origin:50% 58%}.hero__rose-shape{transition:opacity .52s ease,transform .76s cubic-bezier(.18,.85,.22,1),filter .7s ease}.hero__finger-heart{opacity:0;pointer-events:none;transform:translateY(1.1rem) scale(.54) rotate(-12deg);filter:blur(10px);transition:opacity .42s ease .17s,transform .82s cubic-bezier(.18,.9,.18,1) 90ms,filter .72s ease .12s}.hero__finger-heart-sticker{position:relative;display:grid;width:clamp(12rem,36vw,20rem);aspect-ratio:1;place-items:center;filter:drop-shadow(0 30px 52px rgba(0,0,0,.32))}.hero__rose--finger-heart .hero__rose-shape{opacity:0;transform:translateY(-.8rem) scale(.42) rotate(18deg);filter:blur(12px) saturate(1.25)}.hero__rose--finger-heart .hero__finger-heart{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}.hero__rose--finger-heart .rose-glow{background:radial-gradient(circle,rgba(255,133,183,.34),rgba(98,236,176,.16),transparent 69%);animation:heroGlowPop 1s ease both}.rose,.bloom{position:relative;display:block;width:8rem;height:8rem;filter:drop-shadow(0 26px 36px rgba(0,0,0,.34));z-index:2}.rose-stem{position:absolute;top:52%;left:50%;width:clamp(.32rem,1.4vw,.55rem);height:clamp(9rem,28vw,15rem);border-radius:999px;background:linear-gradient(180deg,#7ee6a5,#1d7c52 54%,#0b3f2c);box-shadow:0 0 22px #62ecb038;transform:translate(-50%) rotate(3deg);transform-origin:top center;z-index:1}.rose-leaf{position:absolute;top:70%;width:clamp(4.1rem,15vw,7.6rem);aspect-ratio:1.9;border-radius:88% 12% 78% 22%/58% 24% 76% 42%;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%),linear-gradient(145deg,#8ef2af,#2fb46d 46%,#0b5a3d);box-shadow:inset -.4rem -.35rem 1rem #04231957,0 16px 24px #0003;z-index:1}.rose-leaf:after{content:"";position:absolute;left:18%;right:12%;top:50%;height:2px;border-radius:999px;background:#fff7df57;transform:rotate(-4deg)}.rose-leaf--left{left:18%;transform:rotate(-24deg) skew(-8deg)}.rose-leaf--right{right:16%;transform:scaleX(-1) rotate(-19deg) skew(-8deg)}.rose:before,.rose:after,.bloom:before,.bloom:after{content:"";position:absolute;inset:0;border-radius:62% 38% 64% 36%;background:linear-gradient(135deg,#ffb8c8,var(--rose) 48%,#9b1748)}.rose:after,.bloom:after{inset:22%;transform:rotate(72deg);background:linear-gradient(135deg,#ffdce5,#f04d79 52%,#7c1239)}.rose--large{width:clamp(11rem,42vw,23rem);height:clamp(11rem,42vw,23rem);animation:floatRose 6s ease-in-out infinite}.rose-glow{position:absolute;width:min(58vw,26rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(246,88,128,.25),rgba(98,236,176,.12),transparent 68%);z-index:-1}.garden{align-items:start;gap:2rem}.bloom-line{display:grid;grid-template-columns:repeat(3,minmax(5rem,1fr));align-items:end;gap:clamp(.7rem,3vw,2rem);width:min(100%,780px);margin-top:1.5rem;padding:2rem 0 0;border-top:1px solid var(--line)}.bloom{width:clamp(5.5rem,22vw,10rem);height:clamp(5.5rem,22vw,10rem)}.bloom--two{justify-self:center;transform:translateY(1.4rem) rotate(-9deg)}.bloom--three{justify-self:end;transform:rotate(11deg)}.note-grid{display:grid;gap:.8rem;width:min(100%,760px)}.note-grid p{margin:0;border-left:3px solid var(--aurora);padding:.95rem 1rem;color:#fff7dfe6;background:#ffffff0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:riseIn .7s ease both;animation-delay:calc(var(--i) * 90ms)}.finger{gap:2rem}.finger-stage{position:relative;width:min(100%,520px);aspect-ratio:1.2;display:grid;place-items:center;margin:1rem auto 0;border:1px solid rgba(255,240,189,.16);border-radius:2rem;background:radial-gradient(circle at 50% 42%,rgba(255,133,183,.16),transparent 34%),linear-gradient(145deg,#ffffff12,#ffffff06);box-shadow:inset 0 1px #ffffff14,0 30px 70px #00000038;isolation:isolate;overflow:hidden}.finger-stage:before{content:"";position:absolute;inset:1.1rem;border:1px dashed rgba(255,240,189,.18);border-radius:1.5rem;pointer-events:none}.finger-stage__credit{position:absolute;right:1rem;bottom:.85rem;max-width:min(74%,20rem);margin:0;color:#fff7df80;font-size:.68rem;line-height:1.25;text-align:right}.finger-stage__halo{position:absolute;border-radius:50%;pointer-events:none;filter:blur(12px);animation:haloGlow 5.8s ease-in-out infinite}.finger-stage__halo--one{width:clamp(11rem,46vw,18rem);aspect-ratio:1;background:radial-gradient(circle,#ff85b757,#ff85b700);z-index:-2}.finger-stage__halo--two{width:clamp(15rem,62vw,24rem);aspect-ratio:1;background:radial-gradient(circle,#62ecb02e,#62ecb000);animation-delay:-2s;z-index:-3}.finger-stage__spark{position:absolute;color:#ffc7ddf2;font-size:clamp(1rem,3vw,1.5rem);line-height:1;text-shadow:0 0 12px rgba(255,133,183,.5);pointer-events:none;animation:sparkOrbit 4.4s ease-in-out infinite}.finger-stage__spark--one{top:14%;left:16%}.finger-stage__spark--two{top:10%;right:17%;animation-delay:-1.2s}.finger-stage__spark--three{bottom:24%;left:18%;animation-delay:-2.1s}.finger-stage__spark--four{bottom:16%;right:16%;animation-delay:-3s}.arcade{align-items:start}.game-panel{width:min(100%,440px);margin-top:1.4rem}.game-topline{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.8rem;color:var(--cream)}.game-canvas{display:block;width:100%;max-width:440px;aspect-ratio:6 / 7;height:auto;border:1px solid rgba(255,240,189,.28);border-radius:8px;box-shadow:0 26px 60px #00000047;touch-action:none}.game-actions{display:grid;gap:.75rem;margin-top:.9rem}.game-actions p{min-height:3.5rem;margin:0;color:#fff7dfd4}.game-button,.reason-button{width:fit-content;margin-top:0}.reasons{align-content:center;gap:1.15rem}.reason-card{width:min(100%,38rem);min-height:12rem;display:grid;place-items:center;margin-top:1rem;border:1px solid rgba(255,240,189,.32);border-radius:8px;padding:clamp(1.2rem,6vw,2rem);color:var(--night);background:linear-gradient(145deg,#fff7dff5,#ffb8c8eb),radial-gradient(circle at 0 0,rgba(98,236,176,.34),transparent 14rem);font-family:var(--display);font-size:clamp(1.45rem,6vw,2.5rem);line-height:1.18;box-shadow:0 24px 52px #f658802e}.reason-card--pop{animation:popReason .42s ease}.finale{align-content:end;gap:1.35rem;padding-bottom:clamp(2rem,8vw,5rem)}.hill-scene{position:relative;width:min(100%,860px);height:clamp(19rem,72vw,34rem);overflow:hidden;border-radius:8px;border:1px solid rgba(255,240,189,.22);background:linear-gradient(180deg,#07101d,#12253a 48%,#2b1730);box-shadow:0 26px 80px #00000057}.aurora-ribbons span{position:absolute;left:-12%;right:-12%;height:7rem;border-radius:50%;opacity:.72;filter:blur(14px);transform-origin:center;animation:ribbonDrift 8s ease-in-out infinite alternate}.aurora-ribbons span:nth-child(1){top:11%;background:linear-gradient(90deg,transparent,rgba(98,236,176,.72),transparent);transform:rotate(-8deg)}.aurora-ribbons span:nth-child(2){top:25%;background:linear-gradient(90deg,transparent,rgba(116,230,217,.46),rgba(246,88,128,.26),transparent);animation-delay:-2s}.aurora-ribbons span:nth-child(3){top:37%;background:linear-gradient(90deg,transparent,rgba(255,240,189,.22),rgba(98,236,176,.38),transparent);transform:rotate(7deg);animation-delay:-4s}.moon{position:absolute;top:13%;right:12%;width:clamp(2.3rem,10vw,4.5rem);aspect-ratio:1;border-radius:50%;background:var(--moon);box-shadow:0 0 34px #fff0bda6}.hill{position:absolute;left:-8%;right:-8%;bottom:-16%;height:42%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#2f3a2c,#07100d 74%)}.couple{position:absolute;left:50%;bottom:20%;width:10rem;height:8rem;transform:translate(-50%);z-index:2}.person{position:absolute;bottom:0;width:2.2rem;height:4.9rem;border-radius:1.2rem 1.2rem .35rem .35rem;background:#05080d}.person:before{content:"";position:absolute;top:-1.55rem;left:50%;width:1.85rem;aspect-ratio:1;border-radius:50%;background:#05080d;transform:translate(-50%)}.person--left{left:2.9rem;transform:rotate(-6deg)}.person--right{right:2.9rem;transform:rotate(6deg)}.final-message{max-width:46rem;margin:0;font-family:var(--display);font-size:clamp(1.65rem,7vw,3.4rem);line-height:1.1;color:var(--cream)}@keyframes floatRose{0%,to{transform:translateZ(0) rotate(-5deg)}50%{transform:translate3d(0,-1rem,0) rotate(6deg)}}@keyframes heroGlowPop{0%{transform:scale(.76);opacity:.42}55%{transform:scale(1.12);opacity:.96}to{transform:scale(1);opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes stickerFloat{0%,to{transform:translateZ(0) rotate(-4deg)}50%{transform:translate3d(0,-.8rem,0) rotate(4deg)}}@keyframes buttonStickerCelebrate{0%{transform:scale(1) rotate(0)}35%{transform:translateY(-.25rem) scale(1.08) rotate(-10deg)}68%{transform:scale(.98) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes gestureRock{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(4deg) translateY(-.2rem)}}@keyframes heartPulse{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-.18rem) scale(1.08)}70%{transform:translateY(.04rem) scale(.96)}}@keyframes sparkBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.45rem) scale(1.08)}}@keyframes haloGlow{0%,to{transform:scale(.94);opacity:.45}50%{transform:scale(1.06);opacity:.82}}@keyframes sparkOrbit{0%,to{transform:translateZ(0) scale(.92);opacity:.45}50%{transform:translate3d(0,-.65rem,0) scale(1.14);opacity:1}}@keyframes popReason{0%{transform:scale(.96);opacity:.65}to{transform:scale(1);opacity:1}}@keyframes ribbonDrift{0%{translate:-2rem 0}to{translate:2rem 1.2rem}}@media(min-width:760px){.hero{grid-template-columns:minmax(0,.95fr) minmax(16rem,.65fr)}.garden,.arcade,.finger,.reasons,.finale{padding-left:max(4rem,10vw)}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.scene{padding-left:1rem;padding-right:1rem}h1{font-size:clamp(3.65rem,21vw,4.8rem)}h2{font-size:clamp(2.15rem,12vw,3.2rem)}.hero__lead,.scene-copy p:not(.eyebrow){max-width:100%;font-size:1rem;line-height:1.68;text-wrap:auto}.hero__lead{max-width:18rem}.heart-button,.game-button,.reason-button{width:100%}.bloom-line{grid-template-columns:repeat(3,minmax(0,1fr))}.finger-stage{aspect-ratio:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}