*{margin:0;padding:0;box-sizing:border-box}body{background-color:#252525}.app-screen{min-height:100vh;width:100%;background:linear-gradient(135deg,#ffb9dd,#b7e4ff);display:flex;justify-content:center;align-items:center;position:relative;font-family:Poppins,sans-serif;overflow:hidden}.start-btn{padding:18px 52px;font-size:1.7rem;font-weight:600;background:linear-gradient(135deg,#ff4fa3,#ff7acb);color:#fff;border:none;border-radius:16px;cursor:pointer;box-shadow:0 6px 20px #00000047;transition:transform .25s ease,opacity .25s ease}.start-btn:hover{transform:scale(1.1)}.animation-wrapper{text-align:center;animation:fade-in 1.2s ease forwards;padding:30px;max-width:700px;margin:auto}.story-container{display:flex;flex-direction:column;gap:16px}.story-line-one{font-size:1.9rem;line-height:2.5rem;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.45);opacity:0;transition:opacity 1s ease}.fade-in{opacity:1}.fade-out{opacity:0}.final-img{width:240px;margin-top:28px;opacity:0;transition:opacity 1.2s ease;filter:drop-shadow(0 6px 22px rgba(0,0,0,.35))}.final-img.fade-in{opacity:1}.petal-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.petal{position:absolute;top:-15vh;left:var(--startX);width:26px;height:26px;background-image:url(/petal.png);background-size:contain;background-repeat:no-repeat;animation:fall var(--duration) linear infinite;animation-delay:var(--delay, 0s);animation-fill-mode:both;will-change:transform,opacity;pointer-events:none}@keyframes fall{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(60vh) translate(var(--sway)) rotate(180deg)}to{transform:translateY(140vh) translate(calc(var(--sway) * -1)) rotate(360deg)}}