@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Cairo:wght@400;600;700;900&family=Tajawal:wght@400;500;700&family=Noto+Kufi+Arabic:wght@400;600;700;900&display=swap";:root{--paper-0: #FFF8F2;--paper-1: #F8D7E3;--paper-2: #E8A0BF;--rose-deep: #7A294A;--rose: #E8A0BF;--rose-lift: #F8D7E3;--wine: #5a1a36;--gold-1: #D4AF37;--gold-2: #c49b2f;--ink: #7A294A;--ink-soft: #a36b83;--cream: #FFF8F2;--ease-out: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(120% 88% at 50% 24%,#FFF8F2 0%,var(--paper-0) 38%,var(--paper-1) 74%,var(--paper-2) 100%);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:auto;direction:rtl}.scene{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 88% at 50% 24%,#FFF8F2 0%,var(--paper-0) 38%,var(--paper-1) 74%,var(--paper-2) 100%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tree{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}@keyframes floatHeart{0%{transform:translateY(100vh) scale(0) rotate(0);opacity:0}10%{opacity:.6}50%{opacity:.4}90%{opacity:.1}to{transform:translateY(-10vh) scale(1) rotate(25deg);opacity:0}}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.hero{position:absolute;inset:0;z-index:3;overflow:hidden;width:100vw;height:100vh}.hero__bg{position:absolute;inset:0;background:radial-gradient(120% 88% at 50% 24%,#FFF8F2 0%,var(--paper-0) 38%,var(--paper-1) 74%,var(--paper-2) 100%)}.hero__bg:after{content:"";position:absolute;left:50%;top:44%;width:min(78vw,720px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(248,215,227,.55),rgba(232,160,191,.16) 46%,transparent 70%);filter:blur(6px)}.hero__bg:before{content:"❤";position:absolute;font-size:18px;color:#e8a0bf40;animation:floatHeart 12s ease-in-out infinite;left:15%;z-index:0}.hero__motes{position:absolute;inset:0;pointer-events:none}.mote{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(248,215,227,.9),rgba(232,160,191,.15) 55%,transparent 72%);will-change:transform,opacity}.hero__eyebrow{position:absolute;top:13%;left:0;right:0;text-align:center;font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(16px,4vw,28px);color:#7a294a;text-shadow:0 1px 10px rgba(248,215,227,.9),0 0 20px rgba(212,175,55,.15);opacity:0;direction:rtl;unicode-bidi:isolate}.targetWrap{position:absolute;top:33%;left:0;right:0;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.target{position:relative;width:clamp(120px,27vw,208px);aspect-ratio:100/92;will-change:transform;transform-origin:50% 60%}.target__heart{position:absolute;inset:0;display:block}.heart__glow{position:absolute;left:50%;top:52%;width:230%;aspect-ratio:1;transform:translate(-50%,-50%) scale(1);border-radius:50%;background:radial-gradient(circle,rgba(232,160,191,.55),rgba(248,215,227,.18) 42%,transparent 68%);filter:blur(4px);pointer-events:none;will-change:transform,opacity}.heart__svg{width:100%;height:100%;display:block;transform-origin:50% 60%;filter:drop-shadow(0 10px 22px rgba(122,41,74,.34)) drop-shadow(0 3px 6px rgba(90,20,50,.3)) drop-shadow(0 0 15px rgba(232,160,191,.2));will-change:transform}.archery{position:absolute;top:0;left:0;width:clamp(100px,18vw,168px);cursor:grab;-webkit-tap-highlight-color:transparent;touch-action:none;will-change:transform}.archery:active{cursor:grabbing}.archery:focus-visible{outline:none}.archery:focus-visible .bow{filter:drop-shadow(0 0 0 3px rgba(255,255,255,.85)) drop-shadow(0 10px 18px rgba(120,50,20,.4))}.bow{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(90,40,15,.3));overflow:visible}.aim{position:absolute;left:50%;bottom:32%;width:2px;height:190%;margin-left:-1px;transform-origin:bottom center;background:linear-gradient(0deg,rgba(212,175,55,.6) 0%,rgba(232,160,191,.22) 52%,transparent 78%);opacity:0;pointer-events:none}.arrow{position:absolute;left:0;right:0;margin-inline:auto;bottom:36%;width:17.5%;height:auto;overflow:visible;will-change:transform;filter:drop-shadow(0 5px 7px rgba(90,40,15,.36))}.arrow__wings{transform-box:fill-box;transform-origin:50% 90%}.arrow__wings .wingL,.arrow__wings .wingR{transform-box:fill-box}.wingL{transform-origin:88% 60%;animation:flapL 2.6s ease-in-out infinite}.wingR{transform-origin:12% 60%;animation:flapR 2.6s ease-in-out infinite}@keyframes flapL{0%,to{transform:rotate(0)}50%{transform:rotate(-11deg)}}@keyframes flapR{0%,to{transform:rotate(0)}50%{transform:rotate(11deg)}}.hero__hint{position:absolute;bottom:8.5%;left:0;right:0;text-align:center;font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(18px,4.5vw,30px);color:#7a294a;text-shadow:0 0 15px rgba(232,160,191,.5),0 2px 4px rgba(122,41,74,.15);opacity:0;direction:rtl;unicode-bidi:isolate}.hero__ring{display:none}.flood{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;background:radial-gradient(circle at 40% 34%,var(--rose-lift),var(--rose) 46%,var(--rose-deep) 100%);z-index:5;opacity:0;transform:scale(.001);will-change:transform,opacity;pointer-events:none}.field{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 100% at 50% 8%,#E8A0BF 0%,#c77da0 42%,var(--rose-deep) 78%,var(--wine) 100%);color:#fff}.blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:0;mix-blend-mode:screen;will-change:transform,opacity}.blob--1{width:58vmax;height:58vmax;left:-18vmax;top:-16vmax;background:radial-gradient(circle,rgba(248,215,227,.9),transparent 62%)}.blob--2{width:46vmax;height:46vmax;right:-14vmax;top:22vmax;background:radial-gradient(circle,rgba(232,160,191,.75),transparent 64%)}.blob--3{width:52vmax;height:52vmax;left:24vmax;bottom:-22vmax;background:radial-gradient(circle,rgba(122,41,74,.8),transparent 66%)}.fgrid{position:absolute;inset:-6%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:clamp(38px,7vw,74px) clamp(38px,7vw,74px);will-change:transform}.fvignette{position:absolute;inset:0;background:radial-gradient(128% 96% at 50% 44%,transparent 50%,rgba(50,10,28,.5) 100%)}.camera{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,12px);padding:0 6vw;text-align:center;will-change:transform;direction:rtl}.kEyebrow{font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(15px,3.6vw,27px);color:#fff8f2;text-shadow:0 0 20px rgba(212,175,55,.3);opacity:0;transform:translateY(10px);margin-bottom:clamp(2px,1vh,10px);direction:rtl;unicode-bidi:isolate}.headline{font-family:Aref Ruqaa,Cairo,serif;line-height:1.1;direction:rtl}.hl__line{display:block}.mask{display:inline-block;overflow:hidden;padding:.14em .06em;margin:-.14em -.06em}.hl__word{display:inline-block;font-weight:900;font-size:clamp(36px,10vw,120px);color:#fff8f2;text-shadow:0 6px 34px rgba(50,10,28,.34),0 2px 3px rgba(90,20,50,.42),0 0 30px rgba(212,175,55,.15);font-family:Aref Ruqaa,Cairo,serif;unicode-bidi:isolate}.hl__ch{display:inline-block;will-change:transform}.uline{width:clamp(150px,40vw,380px);height:auto;margin-top:clamp(4px,1.4vh,14px);color:var(--gold-1);filter:drop-shadow(0 2px 8px rgba(212,175,55,.5))}.kSub{margin-top:clamp(12px,2.4vh,26px);font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(16px,4vw,26px);color:#fff8f2;text-shadow:0 0 15px rgba(212,175,55,.2);opacity:0;transform:translateY(10px);direction:rtl;unicode-bidi:isolate}.bar{position:absolute;left:0;right:0;height:16vh;background:#2a0e1a;z-index:3;will-change:transform;pointer-events:none}.bar--top{top:0}.bar--bot{bottom:0}.bloom{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,#fff,#fff8f2 30%,#f8d7e3d9 55%,#e8a0bf00 74%);z-index:8;opacity:0;transform:scale(.001);will-change:transform,opacity;pointer-events:none}.wish{position:absolute;left:50%;transform:translate(-50%);bottom:12%;width:min(78vw,860px);z-index:6;pointer-events:none;color:var(--ink);visibility:hidden;text-align:center;direction:rtl}.wish.is-in{visibility:visible}.wish:before{content:"";position:absolute;inset:-18% -14% -24%;background:radial-gradient(84% 98% at 50% 52%,#fff8f2eb,#f8d7e399 48%,#f8d7e300 80%);z-index:-1;opacity:0;transition:opacity 1s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px}.wish.is-in:before{opacity:1}.wish__eyebrow{font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(14px,3.5vw,24px);color:#7a294a;text-shadow:0 1px 2px #FFF8F2,0 0 8px rgba(248,215,227,.95),0 0 15px rgba(212,175,55,.15);direction:rtl;unicode-bidi:isolate}.wish__heroWrap{position:relative;display:inline-block}.wish__heroWrap:before{content:"";position:absolute;inset:-26% -12% -22%;background:radial-gradient(60% 70% at 46% 52%,rgba(212,175,55,.3),rgba(232,160,191,.2) 52%,transparent 74%);filter:blur(14px);z-index:-1;opacity:0;pointer-events:none}.wish__heroWrap:after{content:"✦";position:absolute;right:-1%;top:-14%;font-size:clamp(15px,3.6vw,32px);color:var(--gold-1);text-shadow:0 0 12px rgba(212,175,55,.95);opacity:0;pointer-events:none}.wish__hero{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(26px,6vw,62px);line-height:1.3;margin:-.02em 0 .06em;background:linear-gradient(180deg,#e8a0bf,#7a294a,#5a1a36);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(255,252,248,.98)) drop-shadow(0 2px 6px rgba(122,41,74,.45)) drop-shadow(0 0 15px rgba(212,175,55,.15));clip-path:inset(0 100% -28% -10%);transform-origin:50% 60%;direction:rtl}.wish__rule{display:block;width:clamp(46px,13vw,110px);height:2px;margin:.12em auto .48em;background:linear-gradient(90deg,rgba(212,175,55,0),var(--gold-1),rgba(212,175,55,0));box-shadow:0 0 8px #d4af3780,0 0 20px #d4af3733;transform-origin:center}.wish__sub{font-family:Aref Ruqaa,Cairo,serif;font-weight:700;font-size:clamp(14px,3.2vw,22px);color:#7a294a;text-shadow:0 1px 2px #FFF8F2,0 0 8px rgba(248,215,227,.98),0 0 15px rgba(212,175,55,.15);direction:rtl;unicode-bidi:isolate}.wish__eyebrow,.wish__rule,.wish__sub{opacity:0;transform:translateY(12px);filter:blur(5px);transition:opacity .8s ease,transform .9s var(--ease-out),filter .8s ease}.wish__rule{transform:translateY(12px) scaleX(.3)}.wish.is-in .wish__eyebrow,.wish.is-in .wish__sub{opacity:1;transform:translateY(0);filter:blur(0)}.wish.is-in .wish__rule{opacity:1;transform:translateY(0) scaleX(1)}.wish.is-in .wish__rule{transition-delay:1.35s}.wish.is-in .wish__sub{transition-delay:1.55s}.wish.is-in .wish__hero{animation:write 1.2s cubic-bezier(.62,.04,.24,1) .35s forwards,wishBreath 4s ease-in-out 1.9s infinite}@keyframes wishBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.wish.is-in .wish__heroWrap:before{animation:hlin .8s ease .3s forwards,hlpulse 3.4s ease-in-out 1.7s infinite}.wish.is-in .wish__heroWrap:after{animation:twk 2.6s ease-in-out 1.6s infinite}@keyframes write{0%{clip-path:inset(0 100% -28% -10%)}to{clip-path:inset(0 -10% -28% -10%)}}@keyframes sheen{0%,18%{background-position:0% 50%}60%,to{background-position:100% 50%}}@keyframes hlin{0%{opacity:0;transform:scale(.86)}to{opacity:.92;transform:scale(1)}}@keyframes hlpulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes twk{0%,to{opacity:0;transform:scale(.5) rotate(-12deg)}45%{opacity:1;transform:scale(1.05) rotate(16deg)}}.romantic-message{position:absolute;left:4%;top:50%;transform:translateY(-50%);bottom:auto;width:min(30vw,380px);z-index:7;pointer-events:none;text-align:center;direction:rtl;visibility:hidden;opacity:0;transition:opacity 2s ease,visibility 0s linear 2s}.wish.is-in~.romantic-message{visibility:visible;opacity:1;transition:opacity 2s ease 3s,visibility 0s linear 0s}.romantic-message__glass{position:relative;padding:clamp(16px,4vw,36px) clamp(20px,5vw,40px);background:#fff8f226;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(212,175,55,.2);box-shadow:0 8px 32px #7a294a1a,inset 0 0 30px #f8d7e31a,0 0 40px #d4af370d}.romantic-message__text{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(14px,2.8vw,22px);line-height:1.8;color:#7a294a;text-shadow:0 1px 2px #FFF8F2,0 0 12px rgba(248,215,227,.8),0 0 20px rgba(212,175,55,.15);direction:rtl;unicode-bidi:isolate}.romantic-message__hearts:before,.romantic-message__hearts:after{content:"♥";position:absolute;font-size:24px;color:#e8a0bf33;z-index:-1}.romantic-message__hearts:before{left:10%;top:-20px;animation:floatHeart 10s ease-in-out infinite}.romantic-message__hearts:after{right:10%;bottom:-20px;animation:floatHeart 14s ease-in-out 3s infinite}.romantic-message__sparkles:before,.romantic-message__sparkles:after{content:"✦";position:absolute;font-size:14px;color:#d4af3766;z-index:-1}.romantic-message__sparkles:before{left:5%;top:30%;animation:sparkleFloat 3s ease-in-out infinite}.romantic-message__sparkles:after{right:5%;top:40%;animation:sparkleFloat 3s ease-in-out 1.5s infinite}.replay{position:absolute;right:20px;bottom:18px;z-index:7;display:inline-flex;align-items:center;gap:7px;padding:9px 15px 9px 12px;border-radius:999px;font:600 14px/1 Cairo,Tajawal,sans-serif;letter-spacing:.02em;color:#7a294a;background:#fff8f2b8;border:1px solid rgba(212,175,55,.25);box-shadow:0 6px 20px -8px #7a294a4d,0 0 15px #d4af3714;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s var(--ease-out),background .3s ease;direction:rtl}.replay.is-shown{opacity:1;transform:translateY(0)}.replay:hover{background:#fffcf8eb;box-shadow:0 6px 20px -8px #7a294a4d,0 0 20px #d4af3726}.replay svg{opacity:.8}.grade{position:absolute;inset:0;z-index:9;pointer-events:none}.grade__vignette{position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 42%,transparent 54%,rgba(50,10,28,.14) 84%,rgba(30,8,18,.3) 100%);mix-blend-mode:multiply}.grade__grain{position:absolute;inset:0;background:url(/textures/grain.png) repeat;background-size:300px;opacity:.04;mix-blend-mode:overlay}@media(max-width:768px){.romantic-message{inset:auto auto 4% 50%;transform:translate(-50%);width:min(85vw,400px)}.wish{bottom:22%;width:min(85vw,400px)}.romantic-message__text{font-size:clamp(12px,3.5vw,16px)}}@media(max-width:480px){.romantic-message{inset:auto auto 3% 50%;transform:translate(-50%);width:min(90vw,350px)}.wish{bottom:24%;width:min(90vw,350px)}.romantic-message__glass{padding:clamp(12px,3vw,24px) clamp(16px,4vw,32px)}.romantic-message__text{font-size:clamp(11px,3.2vw,14px)}}@media(prefers-reduced-motion:reduce){.hero,.flood,.field,.bloom,.hero__ring{display:none!important}.wish__eyebrow,.wish__rule,.wish__sub{opacity:1;transform:none;filter:none;transition:none}.wish__hero{clip-path:none;filter:drop-shadow(0 0 5px rgba(255,252,248,.98)) drop-shadow(0 2px 4px rgba(122,41,74,.5)) drop-shadow(0 4px 14px rgba(122,41,74,.32))}.wish.is-in .wish__hero{animation:none}.wish.is-in .wish__heroWrap:before{animation:none;opacity:.9}.wish.is-in .wish__heroWrap:after{animation:none;opacity:0}.romantic-message{visibility:visible!important;opacity:1!important;transition:none}}