:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#831843;background:linear-gradient(180deg,#fdf2f8,#fce7f3,#fbcfe8);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow-x:hidden}.app:before{content:"💕 💗 ❤️ 💕 💗";position:fixed;top:10%;left:0;right:0;font-size:1.5rem;opacity:.15;animation:float 8s ease-in-out infinite;pointer-events:none}.app:after{content:"❤️ 💝 💕 ❤️ 💝";position:fixed;bottom:10%;left:0;right:0;font-size:1.5rem;opacity:.15;animation:float 10s ease-in-out infinite reverse;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.card{background:linear-gradient(145deg,#fff5f5,#ffe8ec,#ffd6e0);border-radius:24px;padding:3rem;max-width:560px;width:100%;box-shadow:0 25px 50px -12px #dc267f26,0 0 0 1px #ec48991a;animation:cardAppear .5s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heart-big{font-size:4rem;display:block;margin-bottom:1rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-card h1,.result-card h1{font-family:Georgia,serif;font-size:2.25rem;color:#be185d;margin:0 0 .5rem}.welcome-card .subtitle,.welcome-card .instruction{color:#831843;margin:.5rem 0;opacity:.9}.start-btn{margin-top:2rem;padding:1rem 2.5rem;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#ec4899,#be185d);color:#fff!important;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #ec489966}.progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#ec489933;z-index:10}.progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#be185d);border-radius:0 4px 4px 0;transition:width .4s ease}.question-card{margin-top:2rem}.question-number{font-size:.875rem;color:#9d174d;opacity:.8;margin-bottom:.5rem}.question{font-family:Georgia,serif;font-size:1.5rem;color:#831843;line-height:1.5;margin-bottom:1rem}.romantic-nudge{background:linear-gradient(135deg,#ec489926,#be185d1a);border:1px solid rgba(236,72,153,.3);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;animation:nudgeAppear .3s ease-out}.romantic-nudge p{margin:0;font-size:1rem;color:#9d174d;line-height:1.5;font-style:italic}@keyframes nudgeAppear{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.answer-buttons{display:flex;flex-direction:column;gap:1rem}.answer-btn{padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s}.answer-btn.yes{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff!important}.answer-btn.yes:hover{transform:translate(5px);box-shadow:0 4px 20px #ec489966}.answer-btn.no{background:#fff;color:#be185d!important;border-color:#f9a8d4}.answer-btn.no:hover{background:#fdf2f8;transform:translate(5px)}.answer-btn.maybe{background:#fff;color:#9d174d!important;border-color:#fbcfe8}.answer-btn.maybe:hover{background:#fdf2f8;transform:translate(5px)}.result-card .result-text{color:#831843;line-height:1.6;margin-bottom:2rem}.answers-list{max-height:300px;overflow-y:auto;margin-bottom:2rem;padding-right:.5rem}.answer-item{background:#fff;padding:1rem;border-radius:12px;margin-bottom:.75rem;box-shadow:0 2px 8px #0000000d}.answer-q{font-size:.9rem;color:#831843;margin:0 0 .5rem;opacity:.9}.answer-a{font-size:.85rem;color:#9d174d;margin:0}.answer-a strong{color:#be185d}.restart-btn{padding:.75rem 1.5rem;font-size:1rem;background:linear-gradient(135deg,#ec4899,#be185d);color:#fff!important;border:none;border-radius:50px;cursor:pointer;transition:transform .2s}.restart-btn:hover{transform:scale(1.05)}