body{background:#fdf2f8;font-family:system-ui,sans-serif;margin:0}button{cursor:pointer;padding:10px 18px}button,input{font-size:16px}input{padding:8px}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,80px)}.error{color:red}.vs-container{align-items:center;display:flex;gap:20px}.vs{font-size:20px;font-weight:700}.image-card{cursor:pointer;text-align:center}.image-card img{border:2px solid #ff69b4;border-radius:14px;height:140px;object-fit:cover;width:140px}.image-card span{display:block;margin-top:8px}.highlight img{border-color:#22c55e}.shake{animation:shake .4s}.welcome-page{align-items:center;background:#fff0f6;display:flex;justify-content:center;min-height:100vh}.big-hey{animation:pulseColor 2s infinite alternate;color:#ff69b4;font-size:10rem;font-weight:700}@keyframes pulseColor{0%{color:#ff69b4}to{color:#ffe0f0}}.page{align-items:center;background:linear-gradient(135deg,#ffe0f0,#fff0f6);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:16px;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.page h2{font-size:3rem;margin-bottom:20px;text-shadow:1px 1px 4px #ffe0f0}.page input{border:2px solid #ff69b4;border-radius:12px;font-size:20px;outline:none;padding:12px 18px;text-align:center;transition:transform .2s,border-color .3s,box-shadow .3s;width:280px}.page input:focus{border-color:#ff4fa3;box-shadow:0 0 15px #ff69b480;transform:scale(1.05)}.error{animation:shakeError .4s;font-weight:500}.hint{color:#555;font-style:italic;margin-top:10px}@keyframes shakeError{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.page h2{color:#ff4fa3;font-size:2.5rem;font-weight:700}.page h2,.page p{text-align:center}.page p{font-size:1.2rem;margin:5px 0}.error{margin-bottom:10px}.options-box{margin-top:15px}.option-button{background:#fff0f6;transition:all .3s ease}.option-button:hover{background:#ffe0f0}.option-button.bad{background:#fcc;transition:opacity .5s ease-out}.options-box{background:#fff0f6;border:2px solid #ff69b4;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px auto;max-width:700px;padding:20px}.option-button{background:#ffe0f0;border:2px solid #ff69b4;border-radius:10px;cursor:pointer;padding:10px 15px;transition:all .5s ease}.option-button:hover{transform:scale(1.05)}.option-button.selected{cursor:default;opacity:.5}.option-button.fade-out{opacity:0;pointer-events:none;transform:scale(.9)}.error{animation:shake .4s;color:#ff1a75;font-weight:700}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.continue-button{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:12px 20px;transition:all .3s}.continue-button:hover{background:#16a34a}.hearts{height:100%;left:0;pointer-events:none;top:0;width:100%;z-index:0}.heart,.hearts{position:absolute}.heart{animation:floatUp 6s linear infinite;color:#ff69b4;font-size:24px;opacity:.8}.heart:nth-child(odd){animation-duration:7s;font-size:28px}.heart:nth-child(2n){animation-duration:5s;font-size:20px}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}to{opacity:0;transform:translateY(-20vh) translateX(20px)}}.final-page{background:linear-gradient(135deg,#fff0f6,#ffe0f0);color:#ff1a75;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.final-page h1{color:#ff4fa3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:1px 1px 3px #ffe0f0}.final-message{color:#ff1a75;font-size:1.25rem;font-weight:500;line-height:1.7;margin:0 auto 20px;max-width:700px;text-align:center}.final-photo{border:4px solid #ff69b4;border-radius:50%;box-shadow:0 0 15px #ff69b480;height:180px;margin-bottom:20px;object-fit:cover;width:180px}.final-emoji{font-size:2rem;margin-top:20px}.cakes-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.cake{animation:fall 6s linear infinite;font-size:32px;left:calc(100%*var(--random));position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-50px) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(1turn)}}.pop-line{animation:popPulse 1.5s infinite alternate;color:#ff1a75;display:inline-block;font-size:1.4rem;font-weight:700;text-shadow:1px 1px 5px #ffe0f0,0 0 10px #ff69b4}@keyframes popPulse{0%{color:#ff1a75;text-shadow:1px 1px 5px #ffe0f0,0 0 10px #ff69b4;transform:scale(1)}50%{color:#ff4fa3;text-shadow:1px 1px 6px #ffe0f0,0 0 15px #ff69b4;transform:scale(1.1)}to{color:#ff1a75;text-shadow:1px 1px 5px #ffe0f0,0 0 10px #ff69b4;transform:scale(1)}}
/*# sourceMappingURL=main.fc3d6f09.css.map*/