*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.petal{opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#ff8fab,#ff4d6d);border-radius:50% 0;width:10px;height:10px;animation:linear infinite petalFall;position:fixed}@keyframes petalFall{0%{opacity:.8;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}#app{z-index:1;text-align:center;width:100%;max-width:420px;padding:2rem 1.5rem;position:relative}#intro{flex-direction:column;align-items:center;gap:1.2rem;display:flex}#typewriter{color:#ffb3c1;letter-spacing:.05em;text-shadow:0 0 20px #ff4d6d80;min-height:2em;font-size:1.2rem}#gallery-block{flex-direction:column;align-items:center;gap:1.2rem;animation:.8s fadeIn;display:flex}.gallery-label{color:#ff8fab;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.carousel{border-radius:20px;width:280px;position:relative;overflow:hidden;box-shadow:0 0 40px #ff4d6d66}.carousel img{object-fit:cover;object-position:center top;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;left:0}.carousel:after{content:"";padding-top:133%;display:block}.carousel img.active{opacity:1}.carousel-dots{justify-content:center;gap:6px;display:flex}.dot{background:#333;border-radius:50%;width:7px;height:7px;transition:background .3s}.dot.active{background:#ff4d6d}#gallery-caption{color:#ffb3c1;opacity:0;max-width:300px;min-height:1.6em;font-size:1rem;font-style:italic;transition:opacity .4s,transform .4s;transform:translateY(6px)}#gallery-caption.visible{opacity:1;transform:translateY(0)}#reveal-block{flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;min-height:200px;display:flex}.reveal-line{color:#fff;text-align:center;font-size:1.4rem;font-weight:600;line-height:1.5;animation:.8s fadeIn}#gallery-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#c9184a);border:none;border-radius:50px;padding:.75rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 20px #ff4d6d66}#gallery-btn:hover{transform:scale(1.06)}#question-block{flex-direction:column;align-items:center;gap:1.4rem;animation:.7s fadeIn;display:flex}#question-text{color:#fff;font-size:1.7rem;font-weight:700;line-height:1.4}#question-text span{color:#ff4d6d}#no-msg{color:#777;min-height:1.4em;font-size:.88rem;font-style:italic}#no-counter{color:#555;min-height:1.2em;font-size:.78rem}.btn-group{justify-content:center;gap:1rem;width:100%;min-height:70px;display:flex;position:relative}#btn-yes{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ff4d6d,#c9184a);border:none;border-radius:50px;padding:.8rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .15s,font-size .2s;box-shadow:0 4px 20px #ff4d6d80}#btn-yes:hover{transform:scale(1.07)}#btn-no{color:#555;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50px;padding:.8rem 2rem;font-family:inherit;font-size:1rem;transition:font-size .2s,opacity .3s}#result-block{flex-direction:column;align-items:center;gap:1.2rem;animation:.8s fadeIn;display:flex}.result-photo{object-fit:cover;border:4px solid #ff4d6d;border-radius:50%;width:200px;height:200px;animation:2s infinite alternate glowPulse}@keyframes glowPulse{0%{box-shadow:0 0 20px #ff4d6d66}to{box-shadow:0 0 60px #ff4d6de6}}#result-title{color:#ff4d6d;text-shadow:0 0 30px #ff4d6d80;font-size:2rem;font-weight:700}#result-msg{color:#aaa;max-width:320px;font-size:.95rem;line-height:1.9}#signature{color:#555;font-size:.9rem;font-style:italic}#music-btn{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ff4d6d26;border:1px solid #ff4d6d4d;border-radius:50%;width:44px;height:44px;font-size:1.2rem;transition:background .2s,transform .2s;position:fixed;top:1rem;right:1rem}#music-btn:hover{background:#ff4d6d4d;transform:scale(1.1)}.cp{pointer-events:none;z-index:999;border-radius:2px;width:9px;height:9px;animation:2s ease-in forwards fall;position:fixed}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(800deg)}}#hook-block{flex-direction:column;align-items:center;gap:1.6rem;animation:.8s fadeIn;display:flex}.hook-emoji{font-size:4rem;animation:1s fadeIn}.hook-title{color:#fff;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.4}.hook-title span{color:#ff4d6d}.hook-buttons{gap:1rem;display:flex}.hook-yes{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#c9184a);border:none;border-radius:50px;padding:.8rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .15s;box-shadow:0 4px 20px #ff4d6d80}.hook-yes:hover{transform:scale(1.07)}.hook-no{color:#555;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50px;padding:.8rem 2rem;font-family:inherit;font-size:1rem;transition:color .2s}.hook-no:hover{color:#888}#sarcasm-block{flex-direction:column;align-items:center;gap:1.4rem;animation:.7s fadeIn;display:flex}.sarcasm-title{color:#fff;font-size:1.8rem;font-weight:700}.sarcasm-msg{color:#aaa;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;max-width:320px;padding:.7rem 1.2rem;font-size:.92rem;animation:.4s fadeIn}.sarcasm-question{color:#fff;font-size:1.3rem;font-weight:600;animation:.4s fadeIn}.sarcasm-no{color:#555;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50px;padding:.8rem 2rem;font-family:inherit;font-size:1rem}.sarcasm-counter{color:#555;font-size:.78rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}