@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Playfair+Display:wght@400;700&display=swap";body{margin:0;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#8b0000,#dc143c,#b22222);min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;padding:0;font-family:Dancing Script,Playfair Display,Arial,sans-serif;background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:100vh}.App{text-align:center;position:relative;min-height:100vh}.centered-bg{min-height:100vh;min-width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0eafc,#cfdef3)}.heart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.heart-btn{background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.4,2,.6,1)}.heart-svg{width:160px;height:160px;display:block;filter:drop-shadow(0 4px 24px rgba(230,57,70,.15))}.heart-shape{transition:fill .2s}.heart-btn:active .heart-shape,.heart-btn.pulse .heart-shape{fill:#ff4d6d}.heart-btn.pulse{animation:heart-pulse .35s cubic-bezier(.4,2,.6,1)}@keyframes heart-pulse{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}to{transform:scale(1)}}.heart-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3);pointer-events:none}.main-heading{font-family:Dancing Script,Playfair Display,Arial,sans-serif;font-size:2.3rem;font-weight:700;color:#e63946;text-align:center;margin-bottom:48px;letter-spacing:1px;text-shadow:0 2px 12px rgba(230,57,70,.1),0 1px 0 #fff,0 0 18px #ffb3b3;animation:main-heading-glow 2.5s ease-in-out infinite alternate}@keyframes main-heading-glow{0%{text-shadow:0 2px 12px rgba(230,57,70,.1),0 1px 0 #fff,0 0 8px #ffb3b3}to{text-shadow:0 2px 18px #e63946,0 1px 0 #fff,0 0 32px #ffd6d6}}.toast-message{position:absolute;top:110%;left:50%;transform:translate(-50%);background:#fffffffa;color:#222;font-size:1.5rem;font-family:Playfair Display,Arial,sans-serif;border-radius:20px;box-shadow:0 4px 24px #0000001a;padding:28px 48px;margin-top:18px;opacity:1;animation:toast-fade-in .3s,toast-fade-out .5s 3.5s;pointer-events:none;z-index:10;min-width:380px;max-width:98vw;text-align:center}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width: 600px){.heart-svg{width:100px;height:100px}.main-heading{font-size:1.3rem;margin-bottom:28px}.toast-message{font-size:1.1rem;padding:16px 10px;min-width:120px;max-width:98vw}}.App-header{background:linear-gradient(135deg,#8b0000e6,#dc143ccc 30%,#b22222e6 70%,#800000cc);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.App-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.7}}.message-container{z-index:10;padding:40px;border-radius:25px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a;max-width:800px;margin:20px;animation:fadeInUp 1.5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.title-section{margin-bottom:40px;position:relative}.main-title{font-family:Dancing Script,cursive;font-size:calc(48px + 4vmin);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5);margin-bottom:10px;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5)}to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.8)}}.title-decoration{font-size:2rem;animation:bounceKitten 2s ease-in-out infinite}@keyframes bounceKitten{0%,20%,50%,80%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-10px) rotate(5deg)}60%{transform:translateY(-5px) rotate(-3deg)}}.message-content{display:flex;flex-direction:column;gap:25px}.message-card{background:#ffffff1a;padding:25px;border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:slideInLeft 1s ease-out}.message-card:nth-child(2){animation-delay:.2s}.message-card:nth-child(3){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.message-card:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 25px #0003}.romantic-text{font-family:Playfair Display,serif;font-size:calc(18px + 1vmin);line-height:1.6;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-weight:400;letter-spacing:.5px}.footer-decoration{margin-top:30px;display:flex;justify-content:center;gap:20px;font-size:1.5rem;animation:fadeIn 2s ease-out 1s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-decoration span{animation:rotateKitten 4s linear infinite}.footer-decoration span:nth-child(2){animation-delay:1s}.footer-decoration span:nth-child(3){animation-delay:2s}.footer-decoration span:nth-child(4){animation-delay:3s}.footer-decoration span:nth-child(5){animation-delay:4s}@keyframes rotateKitten{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 768px){.message-container{padding:25px;margin:15px}.main-title{font-size:calc(36px + 3vmin)}.romantic-text{font-size:calc(16px + 1vmin)}.message-card{padding:20px}}@media (max-width: 480px){.message-container{padding:20px;margin:10px}.main-title{font-size:calc(28px + 2vmin)}.romantic-text{font-size:calc(14px + 1vmin)}}.floating-flowers{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:20}.floating-flower{position:absolute;bottom:-40px;animation:flower-float-up linear forwards;opacity:.85;will-change:transform,opacity;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 8px rgba(200,100,150,.12))}@keyframes flower-float-up{0%{transform:translateY(0) scale(1) rotate(0);opacity:.85}60%{opacity:1}to{transform:translateY(-100vh) scale(1.2) rotate(360deg);opacity:0}}