.container{max-width:700px;width:90%;margin:2rem auto;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem 2rem;border-radius:24px;box-shadow:0 20px 60px #e91e6326,0 0 0 1px #ffffff80;position:relative;z-index:2;animation:fadeInUp .8s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.title{font-family:Great Vibes,cursive;font-size:2.8rem;color:#e91e63;text-align:center;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(233,30,99,.2)}.subtitle{text-align:center;color:#7b1fa2;font-size:1.1rem;margin-bottom:2rem;font-weight:300}.step{animation:fadeIn .5s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step h2{font-family:Great Vibes,cursive;font-size:2rem;color:#e91e63;text-align:center;margin-bottom:1.5rem}.step p{text-align:center;font-size:1.05rem;color:#555;line-height:1.7;margin-bottom:1.5rem}.btn{padding:14px 36px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;margin:0 8px;position:relative;overflow:hidden;font-family:Montserrat,sans-serif;letter-spacing:.5px}.btn-yes{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;box-shadow:0 4px 15px #e91e6366}.btn-yes:hover{transform:scale(1.05);box-shadow:0 6px 25px #e91e6380}.btn-yes:active{transform:scale(.98)}.btn-no{background:linear-gradient(135deg,#78909c,#90a4ae);color:#fff;box-shadow:0 4px 15px #78909c4d;transition:left .3s ease,top .3s ease}.btn-no:hover{box-shadow:0 6px 20px #78909c66}.btn-submit{background:linear-gradient(135deg,#9c27b0,#ce93d8);color:#fff;box-shadow:0 4px 15px #9c27b066;display:block;margin:1.5rem auto 0}.btn-submit:hover{transform:scale(1.05);box-shadow:0 6px 25px #9c27b080}.button-row{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:1.8rem;position:relative;min-height:60px}.date-input{display:block;width:100%;max-width:280px;margin:0 auto 1.5rem;padding:14px 20px;font-size:1.1rem;border:2px solid #f8bbd0;border-radius:12px;outline:none;transition:border-color .3s;font-family:Montserrat,sans-serif;background:#fffc}.date-input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:420px;margin:0 auto}.food-item{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.food-item img{width:100%;height:100%;object-fit:cover;display:block}.food-item:hover{transform:scale(1.08) rotate(-3deg)}.food-item.selected{border-color:#e91e63;box-shadow:0 0 20px #e91e634d;transform:scale(1.08)}.food-item.selected:after{content:"❤️";position:absolute;top:-6px;right:-6px;font-size:18px;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.result-card{text-align:center;padding:2rem;animation:fadeIn .6s ease-out both}.result-card h2{font-family:Great Vibes,cursive;font-size:2.5rem;color:#e91e63;margin-bottom:1rem}.result-card p{font-size:1.2rem;color:#555;line-height:1.8}.cat-message{font-size:2.5rem;margin:1rem 0;animation:bounce 1s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.heart-particle{position:absolute;font-size:20px;animation:floatHeart linear infinite;opacity:.5}@keyframes floatHeart{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-10vh) rotate(720deg) scale(1);opacity:0}}.sparkle{position:fixed;pointer-events:none;font-size:1.5rem;animation:sparkleFade .8s ease-out forwards;z-index:100}@keyframes sparkleFade{0%{opacity:1;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg) translateY(-60px)}}.confetti-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0) scale(0);opacity:1}20%{opacity:1;transform:scale(1)}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@media (max-width: 500px){.container{padding:1.5rem 1rem}.title{font-size:2rem}.food-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-width:320px}.btn{padding:12px 24px;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;width:100%}body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#fce4ec,#f3e5f5,#e8eaf6 60%,#fff9c4);background-attachment:fixed;overflow-x:hidden}h1,h2,h3{font-family:Great Vibes,cursive;font-weight:400;letter-spacing:1px}