:root{--pink-bg:#ffe8ef;--milk:#fff8f3;--white:#fff;--rose:#ffd3de;--red-soft:#d86a7d;--text:#8b4656;--shadow:0 20px 45px #a45f742e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--pink-bg);margin:0;padding:0;overflow-x:clip}body{color:var(--text)}p{margin:0}#app{width:100%;min-height:100dvh}.forbidden-page{background:#ffe8ef;min-height:100dvh}.forbidden-message{text-align:center;color:#ad405d;place-items:center;min-height:100dvh;padding:24px;font-size:clamp(1.7rem,8vw,3.2rem);font-weight:700;line-height:1.15;display:grid}.postcard{width:100%}.desktop-only{display:none}.mobile-only{display:block}.card-stage{background:var(--pink-bg);place-items:center;min-height:100dvh;padding:20px 16px;display:grid}.card-shell{align-content:center;justify-items:center;gap:26px;width:min(100%,480px);min-height:calc(100dvh - 40px);display:grid;position:relative}.hint{letter-spacing:.03em;text-align:center;color:#b4576f;font-size:clamp(1.3rem,5.4vw,1.9rem);font-weight:500}.envelope-wrap{place-items:end center;width:min(84vw,360px);height:290px;display:grid;position:relative}.letter{background:var(--milk);text-align:center;z-index:1;opacity:0;border:1px solid #d86a7d33;border-radius:14px 14px 10px 10px;justify-content:center;align-items:center;height:200px;padding:24px 18px;font-size:.98rem;line-height:1.55;display:flex;position:absolute;inset:96px 22px auto;transform:translateY(70%);box-shadow:0 10px 25px #9551652e}.envelope{z-index:2;will-change:transform, opacity;width:100%;height:180px;position:relative}.envelope-front{box-shadow:var(--shadow);background:linear-gradient(#ffdce6 0%,#ffc9d8 100%);border:1.5px solid #b7516a5c;border-radius:12px;position:absolute;inset:0;overflow:hidden}.envelope-front:before,.envelope-front:after{content:"";background:var(--rose);width:50%;height:100%;position:absolute;top:0}.envelope-front:before{clip-path:polygon(0 0,100% 50%,0 100%);left:0}.envelope-front:after{clip-path:polygon(100% 0,0 50%,100% 100%);right:0}.envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:50% 0;width:100%;height:110px;transform-style:preserve-3d;z-index:4;background:linear-gradient(#ffe6ee 0%,#ffd1dd 100%);border:1.5px solid #b7516a57;border-bottom:none;border-radius:12px 12px 0 0;position:absolute;top:0;left:0}.envelope-mask{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#ffdce6 0%,#ffcdd9 100%);border-radius:10px;height:18px;position:absolute;top:74px;left:12px;right:12px}.seal{width:48px;height:48px;color:var(--white);z-index:5;background:linear-gradient(#e87f93 0%,#d95e75 100%);border-radius:50%;place-items:center;font-size:1.35rem;display:grid;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #a1486042}.arrow-scene{opacity:0;pointer-events:none;z-index:6;width:min(92vw,430px);height:min(74dvh,560px);min-height:430px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-45%)}.arrow-trail-svg{filter:drop-shadow(0 8px 14px #bc516f2e);z-index:1;position:absolute;inset:0;overflow:visible}.arrow-trail-path{fill:none;stroke:#da5b79c2;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 15;will-change:stroke-dashoffset, opacity;opacity:0!important}.arrow-flight{transform-origin:50%;opacity:0;z-index:3;will-change:transform, opacity;width:128px;height:24px;position:absolute;top:0;left:0}.arrow{opacity:1;transform-origin:50%;z-index:2;filter:drop-shadow(0 7px 12px #91485e33);width:128px;height:24px;position:relative;transform:none}.arrow-shaft{background:linear-gradient(90deg,#f7d8df 0%,#edb4c1 100%);border:1px solid #af5a6f47;border-radius:999px;height:6px;position:absolute;top:9px;left:18px;right:20px}.arrow-head{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(#e98fa1 0%,#d6647b 100%);border-radius:3px;width:24px;height:22px;position:absolute;top:1px;right:0}.arrow-feather{background:linear-gradient(#f4ced8 0%,#e9acbc 100%);border:1px solid #af5a6f47;border-radius:8px;width:26px;height:11px;position:absolute;left:0}.arrow-feather-left{top:4px;transform:rotate(-26deg)}.arrow-feather-right{bottom:4px;transform:rotate(26deg)}.target-heart{color:#d95f79;text-shadow:0 12px 24px #a5455f47;opacity:0;z-index:2;transform-origin:50% 52%;font-size:clamp(4.4rem,22vw,6.4rem);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.is-beating .target-heart{animation:1.08s cubic-bezier(.18,.82,.28,1) infinite heartbeat}.heartbeat-caption{text-align:center;color:#ad405d;text-shadow:0 8px 18px #ffe8efe6;opacity:0;z-index:4;gap:6px;width:min(86vw,340px);font-size:clamp(1.08rem,4.7vw,1.45rem);font-weight:650;line-height:1.25;display:grid;position:absolute;top:calc(50% + clamp(64px,17vw,92px));left:50%;transform:translate(-50%,18px)}.heartbeat-counter{color:#8b4656;font-size:clamp(.86rem,3.5vw,1.05rem);font-weight:500;line-height:1.35;display:block}@keyframes heartbeat{0%,to{transform:translate(-50%,-50%)scale(1.02)}9%{transform:translate(-50%,-50%)scale(1.22)}18%{transform:translate(-50%,-50%)scale(.98)}31%{transform:translate(-50%,-50%)scale(1.15)}43%{transform:translate(-50%,-50%)scale(1)}68%{transform:translate(-50%,-50%)scale(1.02)}}.scroll-space{background:var(--pink-bg);height:0}@media (width>=769px){.mobile-only{display:none}.desktop-only{text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.desktop-only p{color:#b4576f;font-size:clamp(1.4rem,2.4vw,2rem)}}