@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap";*{box-sizing:border-box;font-family:Dancing Script,cursive}body{margin:0;background:linear-gradient(#fff3c4,#f7d9f0);overflow:hidden}.app{height:100vh;display:flex;justify-content:center;align-items:center}.card-wrapper{position:relative;width:100%;display:flex;justify-content:center;z-index:2}.card{position:relative;width:90%;max-width:420px;background:#ffffffe6;border-radius:30px;padding:28px;text-align:center;box-shadow:0 20px 40px #00000040}.story{font-size:1.2rem}.next{margin-top:18px;background:#ff69b4;color:#fff;border:none;padding:12px 28px;border-radius:30px;font-size:1.1rem}.blocker{margin-top:14px;background:#ffd6e7;border:none;padding:10px 22px;border-radius:24px;font-size:1rem}.ribbon{position:absolute;left:50%;transform:translate(-50%);width:120px;height:36px;z-index:3}.ribbon-top{top:-18px}.ribbon-bottom{bottom:-18px}.ribbon .knot{position:absolute;left:50%;top:50%;width:24px;height:24px;background:#ffe27a;border-radius:50%;transform:translate(-50%,-50%)}.ribbon .tail{position:absolute;top:50%;width:48px;height:14px;background:#fff1a8;transform:translateY(-50%)}.ribbon .tail.left{left:0;border-radius:12px 0 0 12px}.ribbon .tail.right{right:0;border-radius:0 12px 12px 0}.emoji-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.emoji-bg span{position:absolute;font-size:3rem;opacity:.15}.card,.blocker,.next{will-change:transform,opacity}.romantic-bg span{position:absolute;filter:blur(.3px)}.romantic-emoji{position:absolute;font-size:3rem;opacity:.3;filter:blur(.2px)}.romantic-word{position:absolute;font-size:3.2rem;font-weight:700;color:#ff78aa4d;letter-spacing:2px;text-shadow:0 0 14px rgba(255,160,200,.4);white-space:nowrap}.romantic-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.romantic-emoji{position:absolute;filter:blur(.25px);will-change:transform}.romantic-word{position:absolute;font-size:3.4rem;font-weight:700;letter-spacing:2px;white-space:nowrap;color:#ff82b44d;text-shadow:0 0 16px rgba(255,170,210,.45);will-change:transform}.app{position:relative;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.card-wrapper{position:relative;z-index:2}.card{background:#ffffffe6;border-radius:22px;padding:30px;max-width:420px;width:90vw;text-align:center;box-shadow:0 20px 40px #00000026}.romantic-emoji{position:absolute;opacity:.3;filter:blur(.25px)}.romantic-word{position:absolute;font-size:3.2rem;font-weight:700;color:#ff8cbe4d;letter-spacing:2px;white-space:nowrap;text-shadow:0 0 16px rgba(255,170,210,.4)}.romantic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.romantic-emoji{position:absolute;opacity:.3;filter:blur(.3px);will-change:transform}.romantic-word{position:absolute;font-size:3.4rem;font-weight:700;color:#ff8cbe4d;letter-spacing:2px;white-space:nowrap;text-shadow:0 0 16px rgba(255,170,210,.45);will-change:transform}.romantic-emoji,.romantic-word{will-change:transform;transition:transform 1.3s ease-in-out,opacity 1.8s ease-in-out}