body {
            font-family: 'Nunito', sans-serif;
            background-color: #F2F2F7; /* iOS Light Gray */
            color: #1C1C1E;
            -webkit-tap-highlight-color: transparent;
        }

        .safe-area-inset-bottom {
            padding-bottom: env(safe-area-inset-bottom);
        }

        .hidden-view {
            display: none !important;
        }
        
        .slide-up {
            animation: slideUp 0.6s ease forwards;
        }
        
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Efectos hover para botones de landing */
        .btn-landing {
            transition: all 0.3s ease;
            transform: scale(1);
        }
        .btn-landing:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .btn-landing:active {
            transform: scale(0.98);
        }

        .buddy-card {
            background: white;
            border-radius: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
            transition: transform 0.1s;
        }
        .buddy-card:active { transform: scale(0.98); }

        .buddy-input {
            background: #F2F2F7;
            border: none;
            border-radius: 12px;
            font-weight: 700;
            color: #1C1C1E;
        }
        .buddy-input::placeholder { color: #AEAEB2; }
        .buddy-input:focus { outline: none; ring: 2px solid #007AFF; background: #fff; }

        .icon-squircle {
            width: 48px;
            height: 48px;
            border-radius: 16px; /* Squircle effect */
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }

        /* Animations */
        @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        .slide-up { animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

        .hidden-view { display: none !important; }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 0px; background: transparent; }

        /* Floating Button with gradient */
        .fab-gradient {
            background: linear-gradient(135deg, #007AFF, #5856D6);
            box-shadow: 0 8px 20px rgba(88, 86, 214, 0.4);
        }