body{margin:0;padding:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{max-width:none;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0}.app-container{width:100%;height:100%;overflow:hidden;position:relative;padding:20px;box-sizing:border-box}.step-title{font-size:4.5rem;font-weight:800;margin-bottom:20px;line-height:1.1;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.step-subtitle{font-size:1.5rem;color:#666;margin-top:20px}.photo-grid{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.photo-frame{width:160px;height:160px;background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000026;border:10px solid white;transform:rotate(0);transition:all .3s ease;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.photo-frame:nth-child(1){transform:rotate(-5deg)}.photo-frame:nth-child(2){transform:rotate(5deg);margin-top:-10px}.photo-frame:nth-child(3){transform:rotate(-3deg)}.photo-frame:hover{transform:scale(1.1)!important;z-index:10;box-shadow:0 15px 30px #00000040}.btn-choice{padding:20px 60px;font-size:2rem;border:4px solid white;border-radius:60px;cursor:pointer;font-weight:900;margin:20px;transition:all .3s ease;box-shadow:0 10px 25px #0003;color:#fff;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;font-family:inherit}.btn-choice:active{transform:scale(.95);box-shadow:0 5px 15px #0003}.btn-yes{background:linear-gradient(45deg,#00b09b,#96c93d);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.btn-yes:hover{transform:translateY(-5px);box-shadow:0 15px 35px #96c93d80;background:linear-gradient(45deg,#96c93d,#00b09b)}.btn-no{background:linear-gradient(45deg,#ff416c,#ff4b2b);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.btn-no:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ff4b2b80;background:linear-gradient(45deg,#ff4b2b,#ff416c)}.modal-card{background:transparent;padding:0;box-shadow:none;max-width:90vw;width:auto;margin:0 20px;position:relative}.text-center{text-align:center}.flex-col{display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.step-title{font-size:2.2rem!important;margin-bottom:15px;text-align:center}.step-subtitle{font-size:1rem!important;margin-top:10px;text-align:center}.photo-frame{width:110px;height:110px}.btn-choice{padding:15px 40px;font-size:1.4rem;margin:10px;width:100%;max-width:250px}.text-center{text-align:center!important;display:flex;flex-direction:column;align-items:center}.slide-container{padding:0 20px}}