*{box-sizing:border-box;margin:0;padding:0}body{background:#1a0a2e;font-family:Lato,sans-serif;overflow-x:hidden}.app{align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e 25%,#4a1942 50%,#2d1b4e 75%,#1a0a2e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.floating-hearts{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.heart{animation:floatUp linear infinite;font-size:1.5rem;opacity:0;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(.5)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-10vh) rotate(1turn) scale(1)}}.sparkles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sparkle{animation:sparkleAnim ease-in-out infinite;background:gold;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes sparkleAnim{0%,to{opacity:0;transform:scale(0)}50%{box-shadow:0 0 6px 2px #ffd70099;opacity:1;transform:scale(1)}}.welcome-screen{align-items:center;animation:fadeIn 1.5s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.crown-emoji{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.greeting{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b9d,#ffa8cc,gold,#ff6b9d);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-family:Dancing Script,cursive;font-size:3.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;text-align:center}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.subtitle{animation:fadeIn 1s ease-out .8s forwards;color:#e8b4d0;font-size:1.3rem;letter-spacing:2px;margin-bottom:2.5rem;text-align:center}.start-button,.subtitle{font-family:Playfair Display,serif;opacity:0}.start-button{animation:fadeIn 1s ease-out 1.5s forwards;background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:50px;box-shadow:0 4px 25px #ff6b9d66;color:#fff;cursor:pointer;font-size:1.2rem;letter-spacing:1px;overflow:hidden;padding:1rem 3rem;position:relative;transition:all .3s ease}.start-button:before{animation:buttonShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes buttonShine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.start-button:hover{box-shadow:0 6px 35px #ff6b9d99;transform:scale(1.08)}.main-content{align-items:center;animation:fadeIn 1s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;z-index:1}.message-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ff6b9d33;border-radius:24px;box-shadow:0 8px 40px #0000004d,inset 0 1px 0 #ffffff1a;max-width:600px;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;width:100%}.message-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#ff6b9d,gold,#ff6b9d);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.card-header{color:#ff6b9d;font-family:Dancing Script,cursive;font-size:2.5rem;margin-bottom:.5rem}.card-date{color:#c9a0dc;font-size:.9rem;letter-spacing:3px;text-transform:uppercase}.card-date,.love-message{font-family:Playfair Display,serif;margin-bottom:2rem}.love-message{animation:fadeIn 1s ease-out .5s forwards;color:#e8d5f5;font-size:1.1rem;line-height:1.8;opacity:0}.divider{background:linear-gradient(90deg,#0000,#ff6b9d,#0000);height:2px;margin:1.5rem auto;width:60px}.hint-section{animation:fadeIn 1s ease-out 1s forwards;opacity:0}.hint-label{align-items:center;color:gold;display:flex;font-family:Dancing Script,cursive;font-size:1.8rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.hint-label .key-emoji{animation:wiggle 1s ease-in-out infinite;display:inline-block}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.hint-text{background:#ffd7000d;border:1px solid #ffd70026;border-radius:16px;color:#f0d9ff;font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic;line-height:2;padding:1.5rem;position:relative}.hint-text p{margin:.3rem 0}.footer-hearts{animation:pulse 1.5s ease-in-out infinite;font-size:1.5rem;margin-top:2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.go-message{animation:fadeIn 1s ease-out 2s forwards;color:#ff6b9d;font-family:Dancing Script,cursive;font-size:1.3rem;margin-top:1.5rem;opacity:0}@media (max-width:600px){.greeting{font-size:2.5rem}.subtitle{font-size:1rem}.message-card{margin:1rem;padding:2rem 1.5rem}.card-header{font-size:2rem}.hint-text,.love-message{font-size:.95rem}}
/*# sourceMappingURL=main.d85de6be.css.map*/