*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}body{overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100vh;margin:0;padding:0}#root{width:100%;height:100%}.app{position:relative;width:100%;height:100%}.page{display:flex;position:relative;overflow:hidden;flex-direction:column;justify-content:center;align-items: center;width:100vw;height:100vh}.first-page{background:linear-gradient(#ffb6c1 0%,pink 100%);padding:2rem 1rem}.character-container{position:relative;display:flex;justify-content:center;align-items: center;margin-bottom:2rem}.cute-character{position:relative;display:flex;flex-direction:column;justify-content:center;align-items: center}.character-head{margin-bottom:.5rem;font-size:4rem}.character-body{display:flex;justify-content:center;align-items: center}.character-hands{font-size:2rem}.sparkle{position:absolute;animation:sparkle 2s ease-in-out infinite;font-size:2rem;top:-.5rem;right:-1rem}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.main-text{color:#333;text-align:center;margin-bottom:3rem;padding:0 1rem;font-size:1.5rem;font-weight:500;line-height:1.6}.buttons-container{display:flex;position:relative;z-index:1;flex-wrap:wrap;justify-content:center;align-items: center;gap:1rem;width:100%;padding:0 1rem}.yes-button-wrapper{display:flex;position:relative;align-items: center;gap:.75rem}.button{cursor:pointer;position:relative;touch-action:manipulation;border:none;border-radius:50px;min-width:120px;padding:1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.2rem;font-weight:600;box-shadow:0 4px 15px #0003}.button:active{transform:scale(.95)}.button-yes{color:#fff;transform-origin:center;will-change:transform;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ff69b4}.button-yes:hover{background:#ff1493}.button-yes:active{transform:scale(.95)}.button-no{color:#fff;background:#87ceeb}.button-no:hover{background:#5f9ea0}.button-yes.full-width{position:fixed;z-index:100;animation:expandButton .5s ease;border-radius:0;margin:0;padding:1.5rem 0;bottom:0;left:0;right:0;width:100vw!important;max-width:100vw!important}@keyframes expandButton{0%{width:auto;border-radius:50px;position:relative}to{width:100vw;border-radius:0;position:fixed}}.toast{position:fixed;color:#333;z-index:1000;animation:toastSlideIn .3s ease,toastFadeOut .3s ease 2.7s forwards;white-space:nowrap;backdrop-filter:blur(10px);background:#fffffff2;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.second-page{background:linear-gradient(#ffb6c1 0%,pink 100%);padding:2rem 1rem}.header-text{position:absolute;color:#333;font-size:1rem;font-weight:500;top:2rem;left:50%;transform:translate(-50%)}.love-text{color:#fff;text-align:center;text-shadow:2px 2px 4px #0003;animation:bounce 1s ease-in-out infinite;margin-bottom:3rem;font-size:2rem;font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cats-container{position:relative;display:flex;justify-content:center;align-items: center;gap:.5rem;width:100%;max-width:400px;max-height:400px;margin-top:2rem;transform:translate(-.5rem)}.cat{position:relative;display:flex;justify-content:center;align-items: center}.cat-body{animation:catHug 2s ease-in-out infinite;filter:drop-shadow(2px 2px 4px #0000001a);font-size:5rem}.cat-left .cat-body{animation-name:catHugLeft}.cat-right .cat-body{animation-delay:.5s}@keyframes catHug{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(5px)translateY(-5px)}}@keyframes catHugLeft{0%,to{transform:scaleX(-1)translate(0)translateY(0)}50%{transform:scaleX(-1)translate(-5px)translateY(-5px)}}.love-image{object-fit:contain;filter:drop-shadow(2px 2px 8px #00000026);animation:imageFloat 3s ease-in-out infinite;border-radius:20px;width:auto;max-width:300px;height:auto;max-height:300px}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.flying-heart{position:absolute;opacity:0;pointer-events:none;animation:flyLikeSnow var(--duration,4s)ease-in-out infinite;z-index:1;color:#ff1493bf;text-shadow:0 0 12px #ff149380;filter:blur(.3px);font-size:1.8rem;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes flyLikeSnow{0%{opacity:0;transform:translate(calc(-50% + var(--start-x,0px)),calc(-50% + var(--start-y,0px)))scale(.4)rotate(0deg)}15%{opacity:.8}50%{opacity:.7;transform:translate(calc(-50% + var(--target-x,0px) + var(--sway-amount,0px)),calc(-50% + var(--target-y,0px)))scale(1)rotate(180deg)}55%{opacity:.3;transform:translate(calc(-50% + var(--target-x,0px) + var(--disappear-x,0px)*.2),calc(-50% + var(--target-y,0px) + var(--disappear-y,0px)*.2))scale(.85)rotate(240deg)}65%{opacity:.05;transform:translate(calc(-50% + var(--target-x,0px) + var(--disappear-x,0px)*.5),calc(-50% + var(--target-y,0px) + var(--disappear-y,0px)*.5))scale(.4)rotate(300deg)}75%{opacity:0;transform:translate(calc(-50% + var(--target-x,0px) + var(--disappear-x,0px)*.75),calc(-50% + var(--target-y,0px) + var(--disappear-y,0px)*.75))scale(.3)rotate(360deg)}to{opacity:0;transform:translate(calc(-50% + var(--target-x,0px) + var(--disappear-x,0px)),calc(-50% + var(--target-y,0px) + var(--disappear-y,0px)))scale(.2)rotate(360deg)}}.heart-above{position:absolute;animation:heartFloat 2s ease-in-out infinite;font-size:2.5rem;top:-2rem;left:50%;transform:translate(-50%)}@keyframes heartFloat{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-15px)scale(1.2)}}.play-button-overlay{position:absolute;display:flex;backdrop-filter:blur(5px);pointer-events:none;background:#ffffff4d;border-radius:50%;justify-content:center;align-items: center;width:60px;height:60px;bottom:30%;left:50%;transform:translate(-50%)}.play-icon{color:#fff;margin-left:3px;font-size:1.5rem}@media (max-width:480px){.main-text{margin-bottom:2rem;font-size:1.2rem}.button{min-width:100px;padding:.9rem 2.5rem;font-size:1.1rem}.love-text{font-size:1.5rem}.cat-body{font-size:4rem}.character-head{font-size:3rem}}