@import "https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#2d2d2d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Great Vibes,cursive;line-height:1.6}.app{display:flex;position:relative;overflow:hidden;background-image:url(./bg-cm9me205.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items: center;width:100%;min-height:100vh}.background-overlay{position:absolute;backdrop-filter:blur(2px);z-index:1;background-color:#ffffffbf;inset:0}.start-screen{position:relative;z-index:5;text-align:center;cursor:pointer;animation:fadeIn 1s ease-out}.start-text{color:#a4133c;text-shadow:0 2px 4px #a4133c1a;margin-bottom:1rem;font-size:4rem}.click-hint{color:#590d22;opacity:.8;animation:pulse 2s infinite ease-in-out;font-size:1.5rem}.content{position:relative;z-index:2;display:flex;text-align:center;animation:fadeIn 1.5s ease-out;flex-direction:column;justify-content:center;align-items: center;width:100%;max-width:600px;padding:2rem}.rose-container{width:180px;height:180px;margin-bottom:3rem;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.rose-container:hover{transform:scale(1.05)}.rose-container.blooming{animation:bloom 1.2s cubic-bezier(.34,1.56,.64,1)forwards}.rose-svg{filter:drop-shadow(0 4px 12px #991b4340);width:100%;height:100%}@keyframes bloom{0%{transform:scale(1)}30%{transform:scale(1.15)rotate(5deg)}60%{transform:scale(1.2)rotate(-3deg)}to{transform:scale(1.1)rotate(0)}}.typewriter{min-height:100px;margin-bottom:3rem}.typewriter-text{color:#590d22;white-space:pre-line;letter-spacing:.02em;font-size:2.5rem;font-weight:400;line-height:1.2}.cursor{display:inline-block;color:#a4133c;animation:blink 1s ease-in-out infinite;margin-left:2px;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.accept-button{color:#a4133c;cursor:pointer;letter-spacing:.05em;opacity:0;animation:fadeIn .8s ease forwards;background-color:#0000;border:1px solid #a4133c;padding:1rem 2.5rem;transition:all .4s;font-family:Great Vibes,cursive;font-size:1.8rem;font-weight:500}.accept-button:hover:not(:disabled){color:#fff;background-color:#a4133c;transform:translateY(-2px);box-shadow:0 4px 16px #a4133c4d}.accept-button:focus{outline:2px solid #a4133c;outline-offset:3px}.accept-button.accepted{color:#fff;cursor:default;background-color:#590d22;border-color:#590d22}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.petal-container{position:fixed;pointer-events:none;z-index:10;overflow:hidden;width:100%;height:100%;top:0;left:0}.petal{position:absolute;animation:fall linear infinite;background-color:#c9184a;border-radius:50% 0 50% 50%;top:-20px;transform:rotate(45deg)}@keyframes fall{0%{transform:translateY(0)rotate(45deg)scale(1);opacity:0}10%{opacity:1}90%{opacity:.3}to{transform:translateY(100vh)rotate(225deg)scale(.5);opacity:0}}@media (max-width:480px){.content{padding:1.5rem}.start-text{font-size:3rem}.rose-container{width:140px;height:140px;margin-bottom:2rem}.typewriter-text{font-size:1.8rem;line-height:1.3}.accept-button{padding:.75rem 1.5rem;font-size:1.5rem}}@media (min-width:768px){.rose-container{width:220px;height:220px;margin-bottom:4rem}.typewriter-text{font-size:2.2rem}.typewriter{margin-bottom:4rem}}@media (min-width:1024px){.rose-container{width:260px;height:260px}.typewriter-text{font-size:2.5rem}}